:root {
  --bg: #fafafa;
  --card-bg: #ffffff;
  --fg: #111111;
  --muted: #555555;
  --border: #dddddd;
  --accent: #D96B2C;
  --accent-fg: #ffffff;
  --correct: #1a6e2e;
  --wrong: #b71c1c;
  --unanswered: #555555;
  --content-width: 700px;
  --radius: 10px;
}

[data-theme="dark"] {
  --bg: #14151a;
  --card-bg: #1d1e24;
  --fg: #e8e8ea;
  --muted: #a3a3ad;
  --border: #333340;
  --accent: #e8834a;
  --accent-fg: #14151a;
  --correct: #4caf6a;
  --wrong: #e5534b;
  --unanswered: #a3a3ad;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #14151a;
    --card-bg: #1d1e24;
    --fg: #e8e8ea;
    --muted: #a3a3ad;
    --border: #333340;
    --accent: #e8834a;
    --accent-fg: #14151a;
    --correct: #4caf6a;
    --wrong: #e5534b;
    --unanswered: #a3a3ad;
  }
}