/* boaro.ai — design tokens
 * Fonte de verdade: human-output/dna/boaro-ai/resultado/DNA.md (v1.1)
 * Export portátil do sistema aplicado em index.html.
 * Regra: nenhuma cor ou fonte fora daqui. Precisou de um valor novo? Vira token aqui primeiro.
 */

:root{
  /* ---------- cor · as três da marca (DNA §3.1) ---------- */
  --grafite:#0F1210;
  --grafite-2:#151915;
  --grafite-3:#1C221D;
  --lima:#C6F24E;
  --lima-hover:#D3F86B;
  --osso:#F4F3EC;
  --branco:#FBFAF6;

  /* ---------- cor · derivados por opacidade ---------- */
  --ink:var(--grafite);
  --ink-2:rgba(15,18,16,.64);   /* texto corrente sobre osso */
  --ink-3:rgba(15,18,16,.56);   /* texto de apoio sobre osso */
  --ink-4:rgba(15,18,16,.34);
  --paper:var(--osso);
  --paper-2:rgba(244,243,236,.64);  /* texto corrente sobre grafite */
  --paper-3:rgba(244,243,236,.5);   /* texto de apoio sobre grafite */
  --hair-d:rgba(244,243,236,.12);   /* hairline sobre grafite */
  --hair-l:rgba(15,18,16,.14);      /* hairline sobre osso */
  --scrim-nav:rgba(15,18,16,.82);
  --scrim-dock:rgba(15,18,16,.9);
  --mask-solid:#000;
  --surface-d:rgba(244,243,236,.035);
  --glow-lima:rgba(198,242,78,.13);
  --glow-lima-soft:rgba(198,242,78,.05);

  /* ---------- sombra · sempre derivada do grafite (DNA §3.6) ---------- */
  --shadow-card:0 26px 60px rgba(15,18,16,.09);
  --shadow-feat:0 34px 80px rgba(15,18,16,.3);
  --shadow-mark:0 40px 110px rgba(198,242,78,.16);

  /* ---------- tipografia · Space Grotesk + Space Mono, nada mais (DNA §3.2) ---------- */
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Space Grotesk',system-ui,sans-serif;
  --font-mono:'Space Mono',ui-monospace,monospace;

  --text-hero:clamp(2.5rem,7vw,6.5rem);
  --text-display:clamp(2.1rem,5vw,4.1rem);
  --text-statement:clamp(1.75rem,3.9vw,3.15rem);
  --text-stat:clamp(3rem,6.2vw,5.4rem);
  --text-lg:clamp(1.15rem,1.7vw,1.4rem);
  --text-md:1.0rem;
  --text-sm:.92rem;
  --text-xs:.84rem;
  --text-label:.7rem;   /* 11.2px: piso de 11px pra rotulo mono (DNA 3.2) */
  --text-label-lg:.74rem;

  --track-display:-.035em;
  --track-hero:-.045em;
  --track-label:.22em;

  /* ---------- espaço · baseline 8px, meio-passo 4px (DNA §3.6) ---------- */
  --space-2xs:4px;
  --space-xs:8px;
  --space-sm:16px;
  --space-md:24px;
  --space-lg:40px;
  --space-xl:64px;
  --space-2xl:clamp(72px,9vw,120px);
  --space-3xl:clamp(96px,12vw,168px);
  --gutter:clamp(24px,4vw,48px);
  --container:1264px;
  --nav-h:76px;

  /* ---------- raio · escala fechada, nunca inventar fora dela ---------- */
  --r-sm:16px;
  --r-lg:24px;
  --r-pill:999px;
  --rule:1px;

  /* ---------- motion · expo-out do kit oficial v1.0 ---------- */
  --ease:cubic-bezier(.16,1,.3,1);        /* geral */
  --ease-ring:cubic-bezier(.19,1,.22,1);  /* reveal do anel */
  --dur:220ms;        /* micro-interação */
  --dur-mid:400ms;    /* troca de estado */
  --dur-slow:800ms;   /* entrada de bloco */
  --dur-ring:1500ms;  /* anel: -720° a 0° */
  --dur-letter:600ms; /* letras sobem 26px */
  --stagger:80ms;     /* entre irmãos (b, o, a, r) */

  /* ---------- camadas ---------- */
  --z-base:1;
  --z-sticky:100;
  --z-nav:900;
  --z-overlay:950;
  --z-grain:1000;
}