/* Skarpetki – Quiz: colours (the variables are documented in /js/quiz/quiz.css) */
:root {
  --bg: #fff9f0; --card: #ffffff; --card2: #fff1e8; --b2: #e8e2da;
  --primary: #ff6b35; --primary2: #e8551f; --accent: #ff8c42; --second: #2a9d8f;
  --on-primary: #1a1a1a; --on-second: #1a1a1a;
  --c-correct: #2f9e44; --c-wrong: #e03150;
  --ok-tint: rgba(107,203,119,.18); --bad-tint: rgba(255,77,109,.16);
  --p-tint: rgba(255,107,53,.12); --p-glow: rgba(255,107,53,.4);
  --text: #2d2d2d; --muted: #888888;
  --shadow: 0 8px 30px rgba(0,0,0,.12);
  --nav-bg: rgba(0,0,0,.75);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0d0c1a; --card: #1a1930; --card2: #24223f; --b2: #332f55;
    --primary2: #ff8c5a;
    --c-correct: #6bcb77; --c-wrong: #ff4d6d;
    --text: #eceaf8; --muted: #7e7ca0;
    --shadow: 0 8px 30px rgba(0,0,0,.45);
  }
}