:root {
  --bg: #ffffff;
  --bg-page: #f3f3f0;
  --surface: #ffffff;
  --surface-2: #f3f3f0;
  --text: #121212;
  --text-muted: #6b6b6b;
  --line: #dcdcd8;
  --segment-on: #ffffff;
  /* Small board marks (=, ×, counts) use an inverted badge so they stay legible on any cell. */
  --mark-bg: #2b2b2b;
  --mark-ink: #ffffff;
  --primary: #121212;
  --on-primary: #ffffff;
  --success: #2f9e6e;
  --danger: #d64545;
  --hint-context: #3a8e7f;
  --hint-assumption: #b57b20;
  --hint-target: #357db5;
  /* Pack ratings and result stars. */
  --star: #d99a1e;
  --star-off: var(--line);
  --g-shikaku: #f4c542;
  --g-mambo: #2f9e92;
  --mambo-board-line: #d9d9d4;
  --mambo-cell: #ffffff;
  --mambo-given: #eeeeea;
  --mambo-zero: #177f95;
  --mambo-one: #d9822b;
  --mambo-focus: #121212;
  --mambo-relation-bg: #ffffff;
  --mambo-relation-ink: #3a3a3a;
  --mambo-segment-bg: #f1f1ee;
  --mambo-segment-on: #ffffff;
  --g-chromedoku: #a98be6;
  --g-codebreak: #ec6f5f;
  --g-pipes: #3d8be0;
  --g-sweeper: #f29447;
  --g-atoms: #2f3e66;
  --g-mosaic: #e85d8a;
  --g-lits: #58b368;
  --g-sets: #7b8794;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 20px;
  --radius-pill: 999px;
  --font-app: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang TC', 'Noto Sans TC', sans-serif;
  --font-display: var(--font-app);
}

:root[data-theme='dark'] {
  --bg: #121212;
  --bg-page: #0b0b0b;
  --surface: #1e1e1e;
  --surface-2: #2a2a2a;
  --text: #f2f2f2;
  --text-muted: #a0a0a0;
  --line: #333333;
  --segment-on: #3d3d3d;
  --mark-bg: #ececec;
  --mark-ink: #121212;
  --primary: #f2f2f2;
  --on-primary: #121212;
  --success: #4cc38a;
  --danger: #ff6b6b;
  --hint-context: #78d7c7;
  --hint-assumption: #e3b15b;
  --hint-target: #86b8ea;
  --star: #f4c542;
  --star-off: #4a4a4a;
  --g-mambo: #3fb6a8;
  --mambo-board-line: #2e2e2e;
  --mambo-cell: #1a1a1a;
  --mambo-given: #2a2a2a;
  --mambo-zero: #4fc3d9;
  --mambo-one: #f0a24a;
  --mambo-focus: #f2f2f2;
  --mambo-relation-bg: #121212;
  --mambo-relation-ink: #d6d6d6;
  --mambo-segment-bg: #1f1f1f;
  --mambo-segment-on: #333333;
}