/* ==========================================================================
   AME/RJ — Design Tokens
   Paleta derivada do brasão oficial (verde-oliva, vermelho institucional,
   dourado), com azul-marinho reservado a textos e detalhes institucionais.
   ========================================================================== */

:root {
  /* ---- Cor: Verde-oliva (primária) ---- */
  --color-olive-900: #333c1b;
  --color-olive-700: #55642e;
  --color-olive-600: #6b7a3a; /* base */
  --color-olive-500: #7e8f47;
  --color-olive-100: #eaeee0;
  --color-olive-50: #f5f7ef;

  /* ---- Cor: Vermelho institucional (secundária) ---- */
  --color-red-800: #7c231d;
  --color-red-700: #9e2e27;
  --color-red-600: #c23b32; /* base */
  --color-red-500: #d14a40;
  --color-red-100: #f8e2e0;
  --color-red-50: #fbf0ef;

  /* ---- Cor: Dourado (acento, uso moderado) ---- */
  --color-gold-700: #a47e1c;
  --color-gold-600: #c9a227; /* base */
  --color-gold-500: #d6b94a;
  --color-gold-100: #f7efd8;

  /* ---- Cor: Azul-marinho (somente textos/detalhes institucionais) ---- */
  --color-navy-900: #0f2337;
  --color-navy-700: #1c3a5e;

  /* ---- Tons profundos para seções editoriais (Estaduais / Federal) ---- */
  --color-olive-deep-900: #1c2211;
  --color-wine-900: #3c110d;
  --color-wine-800: #5c1a16;

  /* ---- Tingimentos suaves para ritmo de fundo entre seções ---- */
  --color-tint-blue-50: #eef3f8;
  --color-tint-blue-100: #e3ecf5;
  --color-tint-slate-50: #eef1f4;
  --color-tint-slate-100: #e6eaee;
  --color-tint-gold-50: #faf6ea;
  --color-tint-gold-100: #f4ecd8;

  /* ---- Neutros ---- */
  --color-white: #ffffff;
  --color-gray-50: #f7f7f5;
  --color-gray-100: #efefec;
  --color-gray-200: #e2e2dd;
  --color-gray-300: #cbcbc3;
  --color-gray-400: #a8a89f;
  --color-gray-600: #6b6b62;
  --color-gray-800: #33332e; /* grafite */
  --color-gray-900: #201f1c;

  /* ---- Cores semânticas ---- */
  --color-bg: var(--color-white);
  --color-bg-alt: var(--color-gray-50);
  --color-bg-inverse: var(--color-navy-900);
  --color-text: var(--color-gray-900);
  --color-text-muted: var(--color-gray-600);
  --color-text-inverse: var(--color-white);
  --color-text-detail: var(--color-navy-900);
  --color-border: var(--color-gray-200);
  --color-border-strong: var(--color-gray-300);

  --color-primary: var(--color-olive-600);
  --color-primary-hover: var(--color-olive-700);
  --color-primary-contrast: var(--color-white);

  --color-secondary: var(--color-red-600);
  --color-secondary-hover: var(--color-red-700);
  --color-secondary-contrast: var(--color-white);

  --color-accent: var(--color-gold-600);
  --color-accent-hover: var(--color-gold-700);

  --color-alert-bg: var(--color-red-50);
  --color-alert-border: var(--color-red-600);
  --color-alert-text: var(--color-red-800);

  --color-focus-ring: var(--color-navy-700);

  /* ---- Tipografia ---- */
  --font-heading: 'Libre Baskerville', 'Georgia', 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-root: 100%;
  --fs-sm: clamp(0.833rem, 0.8rem + 0.15vw, 0.9rem);
  --fs-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-md: clamp(1.125rem, 1.08rem + 0.25vw, 1.25rem);
  --fs-lg: clamp(1.375rem, 1.28rem + 0.5vw, 1.75rem);
  --fs-xl: clamp(1.75rem, 1.55rem + 1vw, 2.375rem);
  --fs-2xl: clamp(2.125rem, 1.8rem + 1.6vw, 3.25rem);
  --fs-3xl: clamp(2.5rem, 2rem + 2.4vw, 4rem);

  --lh-tight: 1.2;
  --lh-heading: 1.3;
  --lh-body: 1.65;

  /* ---- Espaçamento (base 8) ---- */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  /* ---- Layout ---- */
  --container-max: 1200px;
  --container-narrow: 800px;
  --header-height: 84px;

  /* ---- Bordas e sombras ---- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(15, 23, 55, 0.06), 0 1px 1px rgba(15, 23, 55, 0.04);
  --shadow-md: 0 4px 16px rgba(15, 23, 55, 0.08);
  --shadow-lg: 0 12px 32px rgba(15, 23, 55, 0.12);

  /* ---- Transições ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 220ms;
}