/* Design system (Claude Design · "Design System"): neutros e status fixos; tema = 4 tokens por campeonato. */
:root {
  --ink-900: #111417;
  --ink-700: #3D434A;
  --ink-500: #6B727A;
  --ink-300: #B9BEC2;
  --line: #E2E5E0;
  --line-soft: #EDEFEA;
  --field: #D3D7D1;
  --bg: #F2F3EF;
  --bg-soft: #F7F8F5;
  --surface: #FFFFFF;

  --live: #E11D2A;
  --card-yellow: #F5C400;
  --card-red: #C8161D;
  --warn-bg: #FFF1C9; --warn-fg: #6B4A00;
  --wo-bg: #ECE6F7; --wo-fg: #4B2A87;
  --ok-bg: #DCF2E4; --ok-fg: #14613A;
  --info-bg: #E3ECFF; --info-fg: #1C3E99;
  --win: #1F8A4C;
  --done: #15191C;

  /* Tema do campeonato (sobrescrito inline por campeonato; on-* calculados no servidor). */
  --primary: #0A6B3A; --on-primary: #FFFFFF;
  --secondary: #FFC83D; --on-secondary: #1A1300;
  --primary-soft: color-mix(in oklab, var(--primary) 10%, white);
  --primary-strong: color-mix(in oklab, var(--primary) 80%, black);

  /* Painel (neutro, marca da plataforma). */
  --side-bg: #111417; --side-raise: #1E2327; --side-active: #2B3136; --side-line: #23292D;
  --side-text: #C3C8CC; --side-muted: #9AA1A8; --side-title: #7D858C;

  --font: 'Archivo', system-ui, sans-serif;
  --radius: 10px;
}