/* PRAX Studios - design tokens
   Cores oficiais do Manual de Marca (HEX = fonte da verdade para telas). */
:root{
  /* --- Cores institucionais (manual) --- */
  --cyan:#26d1fd;        /* destaque / interativo */
  --electric:#3b1eff;    /* energia / ação primária */
  --blue:#0200a2;        /* azul profundo institucional */
  --navy:#292b3a;        /* grafite-azulado (painéis neutros) */
  --lavender:#ad7dfe;    /* apoio, uso pontual */
  --light:#d7e8fa;       /* azul claro (texto suave / painéis) */
  --white:#f1f1f1;       /* off-white institucional */

  /* --- Fundos (rampa de profundidade) --- */
  --bg:#070650;          /* base */
  --bg-deep:#04033a;     /* mais fundo (topo/rodapé) */
  --bg-raise:#0d0a6b;    /* elevado */
  --panel-navy:var(--navy);  /* painel grafite (contraponto ao azul) */
  --panel-navy-2:#2b2d46;

  /* --- Texto --- */
  --text:#f3f5ff;
  --text-soft:#c3d2f2;
  --text-dim:#8fa1cf;
  --text-on-light:#0a0866;   /* texto sobre painéis claros */
  --text-on-light-soft:#3a3a86;

  /* --- Acentos semânticos --- */
  --accent:var(--electric);
  --accent-hover:#5a41ff;
  --link:var(--cyan);

  /* --- Linhas / superfícies --- */
  --hair:rgba(215,232,250,.14);
  --hair-strong:rgba(215,232,250,.28);
  --glass:rgba(9,7,74,.72);

  /* --- Sombras (suaves, sem halo neon) --- */
  --shadow-sm:0 2px 10px rgba(2,1,40,.35);
  --shadow-md:0 18px 40px -20px rgba(2,1,40,.7);
  --shadow-lg:0 40px 80px -32px rgba(2,1,45,.8);

  /* --- Espaçamento (base 4px) --- */
  --space-3xs:4px; --space-2xs:8px; --space-xs:12px; --space-sm:16px;
  --space-md:24px; --space-lg:40px; --space-xl:64px; --space-2xl:96px; --space-3xl:140px;

  /* --- Tipografia --- */
  --font-display:'Cookie Supply','DM Sans',system-ui,sans-serif;
  --font-body:'DM Sans',system-ui,Arial,sans-serif;
  --fs-display:clamp(2.7rem,6.4vw,5.2rem);
  --fs-h2:clamp(2rem,4vw,3.3rem);
  --fs-h3:clamp(1.25rem,2vw,1.7rem);
  --fs-lead:clamp(1.05rem,1.5vw,1.32rem);
  --fs-body:1rem;
  --fs-small:.9rem;
  --fs-eyebrow:.76rem;
  --lh-tight:1.04;
  --lh-snug:1.15;
  --lh-body:1.55;
  --measure:62ch;

  /* --- Raios (variados de propósito) --- */
  --r-sm:10px; --r-md:16px; --r-lg:26px; --r-pill:999px;

  /* --- Movimento --- */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-in:cubic-bezier(.5,0,.75,0);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-1:.16s; --dur-2:.28s; --dur-3:.5s;

  --wrap:1180px;
}