/* ==========================================================================
   01 — TOKENS
   Fonte única de verdade do visual. Nada de cor/gradiente solto nos outros
   arquivos: se precisar de um valor novo, ele nasce aqui primeiro.
   ========================================================================== */

:root{
  /* --- superfícies (do mais escuro ao mais claro) --- */
  --black:#010102;
  --obsidian:#060607;
  --panel:#0c0c10;

  /* --- ouro: autoridade, prêmio, o "reinado" --- */
  --gold-deep:#8a6b1f;
  --gold:#d4af37;
  --gold-hi:#f7e7a6;
  --gold-spark:#fff6d8;

  /* --- prata: tecnologia, dado, contraponto frio ao ouro --- */
  --silver-deep:#8a8a92;
  --silver:#c7c9d1;
  --silver-hi:#edeff4;

  /* --- texto --- */
  --ink:#ececef;
  --muted:#9a9aa4;

  /* --- traço --- */
  --line:rgba(212,175,55,.14);

  /* --- gradientes metálicos (usados em texto e botão) --- */
  --gold-grad:linear-gradient(135deg,#8a6b1f 0%,#d4af37 32%,#f7e7a6 60%,#fff6d8 100%);
  --silver-grad:linear-gradient(135deg,#7f8189 0%,#c7c9d1 45%,#edeff4 100%);

  /* --- layout --- */
  --maxw:1180px;

  /* --- raios --- */
  --r-sm:12px;
  --r-md:14px;
  --r-lg:20px;
  --r-xl:26px;
  --r-pill:100px;

  /* --- camadas (z-index centralizado evita guerra de números mágicos) --- */
  --z-bg:0;      /* canvas three.js + aura */
  --z-fx:1;      /* grain + vignette */
  --z-content:2; /* todo o conteúdo */
  --z-nav:40;    /* barra fixa */
  --z-burger:50; /* acima do menu mobile aberto */
}