/* HuaXi Arena shared tokens. Game sites override --game-accent only. */
:root {
  color-scheme: light dark;
  --brand-ink: #283440;
  --ink-950: #18212a;
  --ink-900: #202a34;
  --ink-800: #283440;
  --ink-700: #40505e;
  --ink-600: #56636f;
  --ink-500: #6a7782;
  --ink-300: #abb3b9;
  --ink-200: #ccd0d2;
  --ink-100: #e7e8e6;
  --paper: #faf9f6;
  --surface: #ffffff;
  --subtle: #efefeb;
  --text: var(--brand-ink);
  --muted: var(--ink-600);
  --line: #d3d6d5;
  --control-border: #77818a;
  --control-text: #ffffff;
  --control-bg: var(--brand-ink);
  --game-accent: #2f7a55;
  --score-top: var(--game-accent);
  --score-strong: #3e5148;
  --score-usable: #4b565e;
  --score-weak: #655947;
  --score-low: #6b5353;
  --error: #923f36;
  --font-body: -apple-system,"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  --font-xs: 12px;
  --font-sm: 14px;
  --font-base: 16px;
  --font-lg: 20px;
  --font-xl: 24px;
  --font-title: 32px;
  --font-score: 52px;
  --leading: 1.6;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius: 4px;
  --radius-control: 4px;
  --line-width: 1px;
  --touch: 44px;
  --content-max: 1400px;
  --page-gutter: 12px;
  --art-width: 96px;
  --nav-height: 56px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #1c252e;
    --surface: #232e38;
    --subtle: #2b3742;
    --text: #f2f3f1;
    --muted: #b4bfc7;
    --line: #43515d;
    --control-border: #84929d;
    --control-text: #202a34;
    --control-bg: #e6e9e9;
    --score-top: var(--game-accent);
    --score-strong: #d2dfd8;
    --score-usable: #c4ccd2;
    --score-weak: #d2c3ad;
    --score-low: #dabdbc;
    --error: #efb0a7;
  }
}