/* ── TOKENS STAUF · AXIS — fonte única para stauf.com.br, ai.stauf.com.br e (depois) ads.stauf.com.br ──
   Criado 29/09 (Claude stauf-f3) a partir do board Stauf no Pinterest. Cada valor diz de onde saiu.
   "medido" = PIL quantize (8 cores, mediancut) ou luminância por quadro, rodado em 29/09 sobre o arquivo em
   /opt/stauf-www/referencias/pinterest-stauf/orig/. Os nomes antigos dos sites (--bg --ink --acento …) continuam
   definidos em cada tema e podem apontar para estes. */
:root{
  /* pretos e grafites — 583 (prisma): #020202 5,6% · #070707 10,9% · #0a0a0a 17,2% · #111111 13,9% · #171717 17,3% · #272727 10,6%
     e 562 (foco com grão): #161616 · #212121 · #2c2c2c · #383838 · #474747 */
  --preto-0:#020202; --preto-1:#070708; --preto-2:#0a0a0a;
  --grafite-1:#111111; --grafite-2:#171717; --grafite-3:#212121; --grafite-4:#2c2c2c; --grafite-5:#383838; --grafite-6:#474747;

  /* aço — 597 (halo e flare), 8 cores medidas: #3f4757 9,4% · #4a5062 12,5% · #51586b 13,0% · #585f73 12,1% ·
     #5d657a 12,7% · #626a81 12,3% · #676f86 21,8% · #7b839a 6,2% */
  --aco-900:#3f4757; --aco-800:#4a5062; --aco-700:#51586b; --aco-600:#585f73;
  --aco-500:#5d657a; --aco-400:#626a81; --aco-300:#676f86; --aco-200:#7b839a;

  /* vidro — cartões do vídeo odanielnr1 (quadro em 3,6 s): fundo #010002; cartões #100a10 · #151217 · #1f1c22 · #28252b;
     reflexo #5a575b · #767379 · #bab7bd. Tem um fundo violeta muito leve (B ≥ R > G). */
  --vidro-fundo:#010002; --vidro-1:#100a10; --vidro-2:#151217; --vidro-3:#1f1c22; --vidro-4:#28252b;
  --vidro-reflexo:#767379; --vidro-brilho:#bab7bd;

  /* luz — 562: foco até #969696 (p95 de luminância 171); 439: fenda com pico #757575; ponto quente do A e do EIXO */
  --luz-foco:#969696; --luz-fenda:#757575; --prata:#d9d9d6; --luz-quente:#fff4ec;

  /* tinta e acento — os valores que os sites já usam (não mudam aqui) */
  --tinta-1:#f4f4f2; --tinta-2:#b5b5b2; --tinta-3:#8a8a86;
  --cobre:#8a3e2a; --cobre-texto:#c65e43;

  /* fios */
  --fio-1:color-mix(in srgb,var(--tinta-1) 12%,transparent);
  --fio-2:color-mix(in srgb,var(--tinta-1) 24%,transparent);

  /* escala tipográfica por quinta (3:2) a partir de 17 px */
  --t-1:11.3px; --t-2:17px; --t-3:25.5px; --t-4:38.25px; --t-5:57.4px; --t-6:86px;
  /* espaço pela tetraktys (1+2+3+4), unidade 8 px */
  --e-1:8px; --e-2:16px; --e-3:24px; --e-4:32px; --e-secao:80px;

  /* movimento — medido
     --dur-acordeao: cartões do vídeo abrem em 200 a 233 ms (trechos 26-32, 47-54, 102-109, 223-230 a 30 fps)
     --dur-respira: fenda 439 pulsa com 23 quadros × 70 ms = 1,61 s entre picos (luminância média 17,9 → 22,3) */
  --dur-acordeao:220ms; --dur-respira:1610ms;
  /* movimento — ESCOLHA DE DESIGN, não medido: as referências 562 e 597 são estáticas (JPEG), então o ritmo da deriva
     do foco, do giro do halo e do risco no eixo foi escolhido lento de propósito, para não competir com o texto */
  --dur-deriva:24s; --dur-halo:14s; --dur-risco:6s;
  --ez:cubic-bezier(.22,1,.36,1);
}