/* =================================================================
   LIGGA MARKETING — Design Tokens
   Fonte: design-spec-ligga-home.md §2  ·  paleta validada Ligga
   Valores derivados marcados [A validar] (ponto de partida aprovado).
   ================================================================= */

:root{
  /* ---------- COR: navy ---------- */
  --navy-950:#0A0E18; /* [A validar] near-black de fundo */
  --navy-900:#0A1428; /* [A validar] dark */
  --navy-800:#122340; /* PRIMÁRIA (validada) */
  --navy-700:#1B2E4F; /* [A validar] surface escura */
  --navy-600:#2A3B5F; /* [A validar] light/surface */

  /* ---------- COR: dourado ---------- */
  --gold-300:#E6C45E; /* [A validar] highlight */
  --gold-400:#DCB24A; /* [A validar] */
  --gold-500:#D4A537; /* ACCENT (validada) */
  --gold-600:#B8902F; /* [A validar] */
  --gold-700:#8A6A1F; /* [A validar] dourado p/ TEXTO sobre fundo claro (contraste AA) */

  /* RGB helpers (p/ rgba) */
  --gold-500-rgb:212,165,55;
  --navy-950-rgb:10,14,24;
  --navy-800-rgb:18,35,64;
  --paper-rgb:255,255,255;

  /* ---------- COR: claros (seções em branco) ---------- */
  --paper:#FFFFFF;        /* branco puro — seções "em branco" pedidas */
  --paper-2:#F2F3F5;      /* [A validar] off-white */
  --border-light:#E3E5EA; /* [A validar] */

  /* ---------- TEXTO ---------- */
  --text-on-dark:#F2F3F5;
  --text-on-dark-muted:#9AA4B8;  /* [A validar] */
  --text-on-light:#122340;
  --text-on-light-muted:#5A6580; /* [A validar] */

  /* ---------- GRADIENTES / GLOW ---------- */
  --grad-gold:linear-gradient(135deg,var(--gold-600),var(--gold-400) 55%,var(--gold-300));
  --grad-navy-surface:linear-gradient(135deg,var(--navy-700),var(--navy-900));
  --glow-gold:0 0 0 1px rgba(212,165,55,.18), 0 8px 40px rgba(212,165,55,.28);
  --glow-gold-strong:0 0 60px rgba(212,165,55,.45);

  /* ---------- TIPOGRAFIA ---------- */
  --font-display:"Manrope",system-ui,sans-serif; /* do site atual: 700/800, NÃO uppercase */
  --font-body:"Inter",system-ui,sans-serif;       /* do site atual: 400/500/600 */
  --fs-hero:clamp(2.75rem,6.5vw,5.25rem);
  --fs-h2:clamp(2rem,4vw,3.25rem);
  --fs-h3:clamp(1.25rem,2vw,1.6rem);
  --fs-stat:clamp(2.5rem,5vw,4rem);
  --fs-body:clamp(1rem,1.1vw,1.125rem);
  --fs-eyebrow:.8rem;
  --lh-tight:1.05; --lh-snug:1.2; --lh-body:1.6;
  --tracking-display:-0.03em; --tracking-eyebrow:0.18em;
  --weight-display:800;

  /* ---------- ESPAÇAMENTO (base 4px) ---------- */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;
  --sp-12:48px;--sp-16:64px;--sp-24:96px;--sp-32:128px;
  --section-pad:clamp(64px,9vw,128px);
  --container:1200px; --container-narrow:680px;
  --gutter:clamp(20px,5vw,40px); /* respiro lateral mobile→desktop */

  /* ---------- RAIO ---------- */
  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-pill:999px;

  /* ---------- EASING / DURAÇÃO ---------- */
  --ease-expo:cubic-bezier(.16,1,.3,1);
  --ease-quart:cubic-bezier(.76,0,.24,1);
  --ease-cubic:cubic-bezier(.33,1,.68,1);
  --dur-1:200ms; --dur-2:400ms; --dur-3:600ms;

  /* ---------- Z-INDEX ---------- */
  --z-base:1; --z-sticky:100; --z-header:200; --z-overlay:500; --z-cursor:9999;
}