:root {
  color-scheme: dark;

  --color-page: #120e0b;
  --color-page-soft: #211812;
  --color-panel: #2b2017;
  --color-panel-strong: #19120e;
  --color-panel-soft: #3b2b1e;
  --color-sand: #c48a40;
  --color-sand-light: #e8bd71;
  --color-gold: #f2c55c;
  --color-gold-dark: #9e671e;
  --color-red: #c84f3e;
  --color-red-dark: #7f2b25;
  --color-blue: #4a87a4;
  --color-blue-dark: #244858;
  --color-purple: #835b9f;
  --color-text: #fff6df;
  --color-muted: #c8b99f;
  --color-faint: #796b5b;
  --color-line: rgb(255 240 204 / 14%);
  --color-shadow: rgb(0 0 0 / 42%);

  --font-display: "STKaiti", "KaiTi", "Kaiti SC", serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --game-max-width: 520px;
  --scene-padding: clamp(16px, 4vw, 24px);
  --radius-small: 10px;
  --radius-medium: 16px;
  --radius-large: 24px;
  --radius-pill: 999px;

  --shadow-soft: 0 14px 40px var(--color-shadow);
  --shadow-card: 0 10px 24px rgb(0 0 0 / 34%);
  --transition-fast: 160ms ease;
  --transition-normal: 260ms ease;
}