/*
 * tokens.css — Design system canônico do @gato.moeda.
 * Fonte única de verdade para cores, tipografia, radii, paddings, motion.
 * Todas as páginas públicas devem consumir estes tokens; :root inline foi
 * migrado para cá (revisão de site 2026-07).
 */
:root {
  /* Cores institucionais — bate 1:1 com CLAUDE.md / input pack. NÃO
     divirja destes valores sem revisar o spec. */
  --navy: #0A1628;
  --navy-deep: #06101A;
  --gold: #D4A843;
  --gold-hover: #E6BC5A;
  --gold-soft: rgba(212, 168, 67, 0.08);
  --gold-dim: rgba(212, 168, 67, 0.4);
  --gold-line: rgba(212, 168, 67, 0.18);
  --white: #F5F5F5;
  --muted: #B8AC95;
  --soft: rgba(245, 245, 245, 0.18);
  --danger: #E8635A;

  /* Cores editoriais (waves, kets, séries) */
  --wave-pos: #D4A843;
  --wave-neg: #C57A82;
  --wave-zero: rgba(184, 172, 149, 0.32);
  --k0: #7DB4C4;
  --k1: #C57A82;
  --kick: #D4A843;
  --s-hi: #F5D06B;

  /* Glows radiais */
  --glow-a: rgba(212, 168, 67, 0.05);
  --glow-b: rgba(212, 168, 67, 0.035);

  /* Linhas */
  --line: rgba(212, 168, 67, 0.4);

  /* Tipografia */
  --font-serif: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-math: 'KaTeX_Main', 'Computer Modern', 'Latin Modern Roman', serif;
  --font-mono: 'SF Mono', 'Menlo', 'JetBrains Mono', ui-monospace, monospace;
  --font-terminal: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* Escala de padding — bate com CLAUDE.md / input pack. */
  --pad-xs: 6px;
  --pad-sm: 12px;
  --pad-md: 20px;
  --pad-lg: 32px;
  --pad-xl: 48px;

  /* Escala de radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 24px;
  --radius-pill: 999px;
}

/* Skip-link acessível (P1.8) */
.gm-skip {
  position: absolute;
  left: -9999px;
  top: 0;
}
.gm-skip:focus-visible {
  left: 16px;
  top: 16px;
  z-index: 1000;
  padding: 12px 20px;
  background: var(--navy-deep);
  color: var(--gold);
  border: 1px solid var(--gold-dim);
  border-radius: var(--radius-md);
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration: none;
}

/* Fórmulas em prosa PT-BR devem usar var(--font-math) para preservar o corpo matemático */
.gm-math {
  font-family: var(--font-math);
  font-style: normal;
}

/* Wordmark reutilizável */
.brand-inline {
  font-family: var(--font-math);
  font-style: normal;
  font-size: 1em;
  letter-spacing: 0.005em;
}