/* ---------- 1 · TOKENS ----------------------------------------------------
   O que NÃO muda entre marcas: escala de espaço, tipografia, raios e curvas
   de easing. As cores da identidade moram em kit/temas/.
   -------------------------------------------------------------------------- */
:root{
  --card:#fff; --line:#e3e0f0;

  /* nomes curtos herdados do wireframe, derivados do tema */
  --vio:rgb(var(--m-nucleo));  --vios:rgb(var(--m-claro));
  --viod:rgb(var(--m-escuro));
  --mag:rgb(var(--m-apoio));   --blu:rgb(var(--m-frio));  --cy:#68d8ee;
  --mut:#8b87a3;  --tdark:#c9c4e0; --lined:#2a2350;
  --ok:rgb(var(--s-ok));  --warn:rgb(var(--s-atencao));  --bad:rgb(var(--s-alerta));

  /* vidro */
  --gl-brd:rgba(255,255,255,.13);
  --gl-brd2:rgba(255,255,255,.26);
  --gl-face:linear-gradient(152deg,rgba(255,255,255,.115) 0%,rgba(255,255,255,.032) 38%,
            rgba(255,255,255,.018) 63%,rgba(255,255,255,.065) 100%);
  --gl-sh:0 26px 68px rgba(3,2,12,.55);
  --gl-rim:inset 0 1px 0 rgba(255,255,255,.30),inset 1px 0 0 rgba(255,255,255,.08),
           inset -1px 0 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,255,255,.05);
  --gl-blur:20px; --gl-sat:150%;

  /* ==== STATUS ===========================================================
     Semântica, não marca: verde/âmbar/vermelho do cockpit e do formulário.
     Mudam de marca para marca muito menos que a paleta acima.
     ===================================================================== */
  --s-ok:            127 214 160;
  --s-ok-claro:      143 214 168;   /* o ✓ das listas, sobre vidro escuro */
  --s-atencao:       232 196 106;
  --s-alerta:        224 129 150;
  --s-alerta-claro:  240 168 183;   /* texto de erro do formulário        */
  --s-nota:          255 233 168;   /* tarja das anotações de UX          */

  /* espaço · escala base 4 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px;

  /* espaço · semântico */
  --gut:clamp(20px,7vw,104px);
  --sec:clamp(96px,10.5vw,176px);
  --blk:clamp(44px,5vw,72px);
  --gap:clamp(16px,1.7vw,26px);
  --pad:clamp(26px,2.9vw,44px);
  --padL:clamp(30px,3.8vw,58px);

  /* raio */
  --r1:12px; --r2:18px; --r3:26px; --r4:36px;

  /* tipografia · famílias vêm do next/font (self-hosted, sem request externo) */
  --f-disp:var(--font-display),'Segoe UI',Arial,sans-serif;
  --f-ui:var(--font-ui),'Segoe UI',Helvetica,Arial,sans-serif;
  --f-mono:var(--font-mono),ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --t-h1:clamp(44px,6.5vw,106px);
  --t-h2:clamp(31px,4.1vw,60px);
  --t-h3:clamp(21px,1.75vw,27px);
  --t-h4:clamp(18px,1.35vw,21px);
  --t-sub:clamp(16.5px,1.16vw,19.5px);
  --t-bd:clamp(15px,1.02vw,16.5px);
  --t-sm:14.5px;
  --t-mono:11.5px;
  --lh-tight:1.02; --lh-head:1.12; --lh-body:1.62;
  --ls-mono:.22em;

  /* motion */
  --e-out:cubic-bezier(.19,1,.22,1);
  --e-io:cubic-bezier(.76,0,.24,1);
  --e-soft:cubic-bezier(.2,.7,.2,1);
}