/* ==========================================================================
   tokens.css — fonte única de verdade de cor, tipografia e espaçamento.
   Paleta derivada do tema Williamson (ThemeRex), com o vermelho #e12021
   substituído por azul-marinho + dourado.
   ========================================================================== */

:root {
  /* --- Cor: azul-marinho ------------------------------------------------ */
  --navy-900: #0a1526;
  --navy-800: #0e1c30;
  --navy-700: #122647;
  --navy-600: #1b3459;

  /* --- Cor: dourado -----------------------------------------------------
     Dois tons por razão de contraste, não por estética:
       --gold-700  texto sobre fundo CLARO  (5,31:1 no branco — AA)
       --gold-500  superfícies, bordas, botões e texto sobre fundo ESCURO
                   (9,20:1 sobre o navy — AA). Sobre branco dá só 2,42:1,
                   então nunca use em texto claro-sobre-claro.
       --gold-400  texto sobre fundo escuro, um tom acima.                */
  --gold-700: #836811;
  --gold-500: #c9a227;
  --gold-400: #d9bc5c;
  --gold-100: #f4ebd0;

  /* --- Cor: neutros (herdados do Williamson) ---------------------------- */
  --ink: #1a1a1e;
  --muted: #616067;
  /* O Williamson usa #95949c aqui, mas em 12px isso dá 3,00:1 no branco —
     abaixo de AA. Escurecido para 4,96:1 (#fff) e 4,67:1 (#f8f8f8). */
  --muted-2: #706f78;
  --paper: #ffffff;
  --paper-2: #f8f8f8;
  --line: #e8e8e8;
  --line-dark: rgba(255, 255, 255, 0.14);

  /* --- Tipografia ------------------------------------------------------- */
  --font-display: "Cormorant Garamond", Cormorant, Georgia, "Times New Roman", serif;
  --font-body: "PT Serif", Georgia, "Times New Roman", serif;
  --font-ui: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Escala fluida — min em 360px, max em 1280px */
  --step--2: clamp(0.69rem, 0.67rem + 0.09vw, 0.75rem);
  --step--1: clamp(0.81rem, 0.78rem + 0.15vw, 0.9rem);
  --step-0: clamp(0.95rem, 0.91rem + 0.19vw, 1.06rem);
  --step-1: clamp(1.13rem, 1.05rem + 0.34vw, 1.33rem);
  --step-2: clamp(1.35rem, 1.21rem + 0.6vw, 1.7rem);
  --step-3: clamp(1.62rem, 1.38rem + 1.03vw, 2.22rem);
  --step-4: clamp(1.94rem, 1.55rem + 1.67vw, 2.91rem);
  --step-5: clamp(2.33rem, 1.71rem + 2.66vw, 3.87rem);
  --step-6: clamp(2.79rem, 1.83rem + 4.11vw, 5.18rem);

  /* --- Espaçamento ------------------------------------------------------ */
  --space-2xs: 0.375rem;
  --space-xs: 0.75rem;
  --space-sm: 1.125rem;
  --space-md: 1.75rem;
  --space-lg: 2.75rem;
  --space-xl: 4rem;
  --space-2xl: clamp(4rem, 3rem + 4.5vw, 7rem);
  --space-3xl: clamp(5.5rem, 4rem + 6.5vw, 9.5rem);

  /* --- Layout ----------------------------------------------------------- */
  --container: 1240px;
  --gutter: clamp(1.25rem, 0.85rem + 1.8vw, 2.5rem);
  --header-h: 78px;
  --header-h-compact: 62px;

  /* --- Traços e sombras ------------------------------------------------- */
  --radius-sm: 2px;
  --radius: 4px;
  --shadow-sm: 0 2px 10px rgba(10, 21, 38, 0.06);
  --shadow-md: 0 14px 40px rgba(10, 21, 38, 0.1);
  --shadow-lg: 0 28px 70px rgba(10, 21, 38, 0.16);

  /* --- Movimento -------------------------------------------------------- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 720ms;

  /* --- Padrão do tema: labels em caixa alta com tracking largo ---------- */
  --tracking-label: 0.18em;
  --tracking-display: 0.02em;
}