:root {
  color-scheme: light;
  --color-paper: light-dark(#f7f4e9, #18231f);
  --paper-rgb: 247 244 233;
  --color-paper-deep: light-dark(#eee9d8, #111b17);
  --color-surface: light-dark(#fffcf3, #202d26);
  --color-ink: light-dark(#233b32, #f0eddb);
  --color-muted: light-dark(#5b6559, #b6beb0);
  --color-forest: light-dark(#305b40, #adc78f);
  --color-action: light-dark(#305b40, #c3d3a6);
  --color-action-hover: light-dark(#244731, #d2e0ba);
  --color-on-action: light-dark(#fffcf3, #1c2d27);
  --color-action-shadow: light-dark(#25452f, #849c65);
  --color-rust: light-dark(#995b2e, #d8af74);
  --color-gold: light-dark(#b18b45, #bca06a);
  --color-border: light-dark(#d9d8c6, #39463d);
  --color-focus: light-dark(#826225, #e7bd7a);
  --color-border-hover: light-dark(#a6b09a, #7c9273);
  --color-selection: light-dark(#dce5bb, #455a3c);
  --color-topbar: light-dark(#233b32, #101a15);
  --art-brightness: 1;
  --art-saturation: 1;
  --font-body: 'Avenir Next', Avenir, 'Segoe UI', sans-serif;
  --font-heading: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --radius-control: 0.25rem;
  --radius-panel: 0.5rem;
  --content-width: 1240px;
  --page-gutter: clamp(1.25rem, 5.4vw, 6rem);
  --shadow-panel: 0 12px 36px light-dark(rgb(43 57 34 / 7%), rgb(0 0 0 / 15%));
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --paper-rgb: 24 35 31;
  --art-brightness: 0.72;
  --art-saturation: 0.85;
}

/* In-game surfaces are neutral; the approved landing palette stays independent. */
:root {
  --game-paper: light-dark(#eae6dd, #292725);
  --game-surface: light-dark(#f5f1e9, #34312d);
  --game-deep: light-dark(#d8d4cb, #201f1d);
  --game-ink: light-dark(#39362f, #eee6d8);
  --game-muted: light-dark(#696359, #b8afa1);
  --game-accent: light-dark(#795d3b, #c4a16c);
  --game-action-hover: light-dark(#644a2d, #d5b681);
  --game-on-action: light-dark(#fff7e9, #272119);
  --game-selection: light-dark(#dfd0b5, #4e4333);
  --game-border: light-dark(#cdc5b7, #49433a);
  --game-border-strong: light-dark(#aaa08e, #706554);
  --game-scrollbar: light-dark(#a19786, #756a57);
  --game-topbar: light-dark(#39362f, #201e1b);
  --game-art-brightness: 1;
}
:root[data-theme='dark'] {
  --game-art-brightness: 0.7;
}
.game-theme {
  --color-paper: var(--game-paper);
  --color-paper-deep: var(--game-deep);
  --color-surface: var(--game-surface);
  --color-ink: var(--game-ink);
  --color-muted: var(--game-muted);
  --color-forest: var(--game-accent);
  --color-action: var(--game-accent);
  --color-action-hover: var(--game-action-hover);
  --color-action-shadow: var(--game-border-strong);
  --color-on-action: var(--game-on-action);
  --color-rust: var(--game-accent);
  --color-gold: var(--game-accent);
  --color-border: var(--game-border);
  --color-border-hover: var(--game-border-strong);
  --color-selection: var(--game-selection);
  --color-focus: var(--game-accent);
  color: var(--color-ink);
}