/* ==========================================================================
   TOKENS — Método TEF Design System
   Fonte única da verdade para cor, tipografia, espaçamento e efeitos.
   Não redefinir estes valores em outros arquivos: sempre consumir via var().
   ========================================================================== */

:root {
  /* ---- Cor: identidade Método TEF ----
     Alinhado ao kit global real do Elementor (ricardobastos.com.br), para que
     as páginas em tema claro (Home, TEF271, TEF262, Simulados) e as em tema
     escuro (Acervo, Agente UECE) compartilhem exatamente a mesma paleta. */
  --color-navy-950: #071323;   /* fundo mais escuro (seções de alto contraste) — kit primary */
  --color-navy-900: #0E3A73;   /* Azul Marinho — cor de marca primária — kit secondary */
  --color-navy-800: #14498f;   /* Azul Escuro — variação de apoio */
  --color-navy-700: #195cb3;
  --color-navy-600: #1f6ed6;

  --color-gold-600: #8a680f;   /* dourado escuro (texto sobre branco, contraste AA 5.16:1) */
  --color-gold-500: #D4A017;   /* Dourado — cor de destaque/marca — kit accent */
  --color-gold-300: #F2C94C;   /* dourado claro (glow, bordas sutis sobre fundo escuro) */

  --color-white: #ffffff;

  --color-neutral-50:  #f7f8fa;
  --color-neutral-100: #eef1f5;
  --color-neutral-200: #dde2e9;
  --color-neutral-400: #94a1b5;
  --color-neutral-600: #5b6b83;
  --color-neutral-800: #29344a;
  --color-neutral-900: #131b2c;

  /* ---- Papéis semânticos (usar estes na maior parte do código) ---- */
  --color-bg: var(--color-white);
  --color-bg-alt: var(--color-neutral-50);
  --color-bg-inverse: var(--color-navy-900);
  --color-text: var(--color-neutral-900);
  --color-text-muted: var(--color-neutral-600);
  --color-text-inverse: var(--color-white);
  --color-text-inverse-muted: #b7c2d6;
  --color-border: var(--color-neutral-200);
  --color-border-inverse: rgba(255, 255, 255, 0.14);
  --color-accent: var(--color-gold-500);
  --color-accent-strong: var(--color-gold-600);
  --color-focus-ring: var(--color-gold-500);

  /* ---- Tipografia ---- */
  --font-display: "Playfair Display", "Georgia", serif; /* títulos editoriais */
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; /* corpo e UI */

  --fs-2xs: 0.75rem;   /* 12px — legendas, kickers */
  --fs-xs:  0.875rem;  /* 14px — texto pequeno, botões secundários */
  --fs-sm:  1rem;      /* 16px — corpo padrão */
  --fs-md:  1.125rem;  /* 18px — corpo destacado */
  --fs-lg:  1.375rem;  /* 22px — subtítulos */
  --fs-xl:  1.75rem;   /* 28px — títulos de seção (mobile) */
  --fs-2xl: 2.25rem;   /* 36px — títulos de seção (desktop) */
  --fs-3xl: 3rem;      /* 48px — título de destaque */
  --fs-4xl: 3.75rem;   /* 60px — hero (desktop) */
  --fs-5xl: 4.5rem;    /* 72px — hero grande */

  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-normal: 1.6;
  --lh-relaxed: 1.75;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---- Espaçamento (escala 4px) ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-11: 6.5rem;
  --space-12: 8rem;

  /* ---- Layout ---- */
  --container-max: 1200px;
  --container-narrow: 780px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);

  /* ---- Elevação / bordas ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgba(10, 26, 51, 0.06);
  --shadow-md: 0 8px 24px rgba(10, 26, 51, 0.08);
  --shadow-lg: 0 24px 64px rgba(10, 26, 51, 0.14);
  --shadow-gold-glow: 0 0 0 1px rgba(212, 160, 23, 0.25), 0 12px 32px rgba(212, 160, 23, 0.12);

  /* ---- Movimento ---- */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 150ms;
  --duration-base: 280ms;
  --duration-slow: 480ms;

  /* ---- Z-index ---- */
  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;
}

/* Respeita usuários que pedem menos movimento */
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
    --duration-slow: 0ms;
  }
}