/* ==========================================================================
   EXPLANA — design tokens (fonte única de valores)
   Direção: Digital Editorial + Technology + Cinematic. Dark-dominante.
   Marca = referência aprovada (#00698F / #E3A135). Fecha no Design System.
   ========================================================================== */
:root{
  /* cor */
  --c-brand:#00A5D9;            /* azul de tela, mais vivo que o #00698F para fundo escuro */
  --c-brand-deep:#00698F;       /* azul institucional (estrutura) */
  --c-brand-ink:#0A2A36;
  --c-accent:#E3A135;           /* âmbar — SÓ CTA e destaque pontual */
  --c-accent-ink:#1A1206;
  --c-void:#080A0C;             /* fundo mais escuro */
  --c-surface:#0E1116;          /* seção escura */
  --c-surface-2:#141922;        /* card sobre escuro */
  --c-paper:#F6F7F5;            /* seção clara (respiro) */
  --c-paper-ink:#0E1116;
  --c-ink:#EDF1F5;              /* texto sobre escuro */
  --c-ink-soft:#A9B4BF;
  --c-ink-faint:#6C7784;
  --c-line:rgba(237,241,245,.12);
  --c-line-strong:rgba(237,241,245,.26);
  --c-line-dark:rgba(14,17,22,.14);
  --c-ok:#3DDC97;
  --c-focus:#7CD6F2;

  /* tipografia */
  --f-display:"Space Grotesk","Segoe UI",system-ui,sans-serif;
  --f-text:"Inter","Segoe UI",system-ui,sans-serif;
  --fs-eyebrow:clamp(.72rem,.68rem + .2vw,.82rem);
  --fs-body:clamp(1rem,.96rem + .2vw,1.125rem);
  --fs-lead:clamp(1.12rem,1rem + .55vw,1.4rem);
  --fs-h4:clamp(1.1rem,1rem + .5vw,1.35rem);
  --fs-h3:clamp(1.5rem,1.2rem + 1.4vw,2.4rem);
  --fs-h2:clamp(2.1rem,1.4rem + 3.2vw,4.2rem);
  --fs-h1:clamp(2.5rem,1.7rem + 3.6vw,5rem);
  --fs-mega:clamp(3rem,1.4rem + 7.5vw,8.2rem);
  --lh-tight:1.02;
  --lh-snug:1.12;
  --lh-body:1.62;
  --track-tight:-.03em;
  --track-mega:-.045em;

  /* espaço / grid */
  --container:1320px;
  --container-wide:1500px;
  --gutter:clamp(1.25rem,.6rem + 3vw,2.75rem);
  --section-y:clamp(5rem,3rem + 9vw,10rem);
  --sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;
  --sp-6:2rem;--sp-7:3rem;--sp-8:4.5rem;--sp-9:7rem;

  /* forma */
  --r-xs:6px;--r-s:10px;--r-m:16px;--r-l:24px;--r-pill:999px;
  --shadow-card:0 24px 60px -24px rgba(0,0,0,.55),0 2px 8px -2px rgba(0,0,0,.4);
  --shadow-float:0 40px 90px -30px rgba(0,0,0,.6);

  /* motion */
  --e-out:cubic-bezier(.16,.84,.44,1);
  --e-expo:cubic-bezier(.16,1,.3,1);
  --e-inout:cubic-bezier(.65,0,.35,1);
  --d-1:.18s;--d-2:.32s;--d-3:.5s;--d-4:.8s;

  /* z */
  --z-head:100;--z-cursor:1200;--z-overlay:1000;
}

@media (prefers-reduced-motion:reduce){
  :root{--d-1:.001s;--d-2:.001s;--d-3:.001s;--d-4:.001s}
}