:root {
  --bg: #f3f5f9; --surface: #ffffff; --fg: #141a2a; --muted: #5d6781; --line: #d6dbe7;
  --accent: #2443c9; --accent-soft: #e4e9fb;
  --wrong: #c22f3d; --wrong-soft: #fbe6e8;
  --hard: #a35a00; --hard-soft: #fbedd3;
  --good: #1c7548; --good-soft: #dcf1e5;
  --display: "Space Grotesk", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --body: "Inter", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f131d; --surface: #181d2b; --fg: #e8ebf4; --muted: #99a2ba; --line: #2c3347;
    --accent: #8fa5ff; --accent-soft: #222c52;
    --wrong: #ff8b95; --wrong-soft: #47202a;
    --hard: #f2b45a; --hard-soft: #43311a;
    --good: #6fd3a0; --good-soft: #1b3a2b;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0f131d; --surface: #181d2b; --fg: #e8ebf4; --muted: #99a2ba; --line: #2c3347;
  --accent: #8fa5ff; --accent-soft: #222c52;
  --wrong: #ff8b95; --wrong-soft: #47202a;
  --hard: #f2b45a; --hard-soft: #43311a;
  --good: #6fd3a0; --good-soft: #1b3a2b;
  color-scheme: dark;
}