/* ─────────────────────────────────────────────────────────────────────────────
   Judô One — tokens da landing ("O Tatami e a Tinta")
   Fonte única para styles.css (stories da home) e pages.css (páginas de conteúdo).
   Valores em canais "R G B" para usar rgb(var(--x) / a).
   ───────────────────────────────────────────────────────────────────────────── */
:root {
  --tatami: 244 239 230;
  --paper: 252 250 246;
  --paper-2: 247 241 232;
  --sumi: 26 24 20;
  --sumi-soft: 92 85 74;
  --sumi-muted: 110 102 90;
  --line: 228 220 203;
  --line-soft: 236 229 214;

  --brand-blue: 0 88 190;
  --brand-blue-deep: 0 71 155;
  --brand-blue-ink: var(--paper);
  --brand-gold: 250 204 21;
  --brand-gold-ink: var(--sumi);

  --preto: var(--sumi);
  --focus: var(--brand-blue);
  --danger: 179 55 43;
  --success: 39 107 67;
  --night: 15 15 15; /* só a story 1 (Premium Dark Hero) */

  --belt-branca: 251 248 241;
  --belt-cinza: 142 138 130;
  --belt-azul: 31 78 156;
  --belt-amarela: 226 178 58;
  --belt-laranja: 217 105 43;
  --belt-verde: 47 122 67;
  --belt-roxa: 107 58 140;
  --belt-marrom: 107 66 38;
  --belt-preta: var(--sumi);
  --belt-vermelha: 200 16 46;

  --font-display: 'Newsreader', Georgia, serif;
  --font-sans: 'General Sans', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --out: cubic-bezier(0.16, 1, 0.3, 1);
  --spring: cubic-bezier(0.34, 1.36, 0.64, 1);

  --shadow-card: 0 1px 0 rgb(var(--sumi) / 0.03), 0 1px 3px rgb(var(--sumi) / 0.06);
  --shadow-sheet: 0 4px 25px rgb(var(--sumi) / 0.06), 0 1px 3px rgb(var(--sumi) / 0.06);
}