/* =========================================================
   Design tokens — única fonte de verdade para cor, medida e sombra.
   Nenhum outro arquivo deve declarar cor literal fora daqui,
   salvo tonalidades pontuais de estado (hover) documentadas no local.
   ========================================================= */
:root {
  /* Superfícies */
  --bg: #0b0b0c;
  --panel: #141517;
  --panel-2: #101113;

  /* Texto */
  --text: #f6f5f2;
  --muted: #a9a9a2;
  --text-soft: #a9aaa4;
  --text-dim: #8f908b;

  /* Marca — dourado amostrado da arte oficial da logo */
  --gold: #f5a800;
  --gold-2: #ffc220;
  --gold-deep: #c88200;
  --gold-hi: #ffcf4d;

  /* Texto sobre superfície dourada.
     NUNCA usar --gold-* como cor de texto sobre fundo dourado:
     o contraste cai para 1:1 e o conteúdo desaparece. */
  --on-gold: #100d05;

  /* Traços e profundidade */
  --line: rgba(255, 255, 255, .09);
  --shadow: 0 30px 90px rgba(0, 0, 0, .36);
  --shadow-dialog: 0 40px 120px rgba(0, 0, 0, .6);

  /* Formas */
  --radius: 24px;
  --radius-sm: 14px;
  --radius-lg: 34px;
  --radius-pill: 999px;

  /* Grade */
  --max: 1180px;

  /* Tipografia */
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Transições */
  --ease: .35s ease;
}