/* Tokens de docs/DESIGN.md — não inventar valores fora daqui. */
:root {
  /* Cores */
  --c-asfalto: #121212;
  --c-grafite: #1E1E1C;
  --c-creme: #EDE4D3;
  --c-concreto: #9A948A;
  --c-pinca: #D9A33A;
  --c-tinta: #1A1A18;
  --c-tinta-suave: #6B655C;
  --c-linha-escuro: rgba(237, 228, 211, .14);
  --c-linha-papel: rgba(26, 26, 24, .18);
  --c-alerta: #A33827;
  --c-alerta-escuro: #E07A63;
  --veu: linear-gradient(to top, rgba(18, 18, 18, .94) 0%, rgba(18, 18, 18, .82) 30%, rgba(18, 18, 18, .45) 55%, rgba(18, 18, 18, 0) 75%);

  /* Tipografia */
  --font-display: "Syne", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --font-data: "IBM Plex Mono", ui-monospace, monospace;

  --t-display-xl: clamp(2.75rem, 1.6rem + 5.2vw, 6.5rem);
  --t-display-l: clamp(2.25rem, 1.5rem + 3.3vw, 4.5rem);
  --t-h2: clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);
  --t-h3: clamp(1.25rem, 1.15rem + .4vw, 1.5rem);
  --t-body-l: clamp(1.125rem, 1.08rem + .2vw, 1.25rem);
  --t-body: clamp(1rem, .98rem + .1vw, 1.0625rem);
  --t-small: .875rem;
  --t-data: clamp(.9375rem, .92rem + .1vw, 1rem);

  /* Espaçamento (escala de 8) */
  --e-1: .25rem; --e-2: .5rem; --e-3: 1rem; --e-4: 1.5rem; --e-5: 2rem;
  --e-6: 3rem; --e-7: 4rem; --e-8: 6rem; --e-9: 8rem;
  --secao-luxo: clamp(4rem, 2rem + 8vw, 8rem);
  --secao-repasse: clamp(2rem, 1.5rem + 2vw, 3rem);
  --margem: max(16px, 4vw);
  --largura-max: 1440px;
  --texto-max: 65ch;

  /* Forma */
  --raio: 2px;
  --alvo: 44px;
  --h-topo: 76px;              /* altura do topo fixo (âncoras e barras grudadas) */
  --corte: 39deg;

  /* Movimento */
  --entrar: cubic-bezier(.215, .61, .355, 1);   /* power3.out */
  --sair: cubic-bezier(.55, .085, .68, .53);    /* power2.in */
  --revelar: cubic-bezier(.87, 0, .13, 1);      /* expo.inOut */
  --dur-entrar: .7s;
  --dur-sair: .35s;

  color-scheme: dark;
}