/*********************************************
 * KAHOOT-STYLE WHITE THEME
 *********************************************/
:root.theme-kahoot-white {
  /* 1) Background of the whole page (light / white) */
  --bg-gradient-top: #ffffff;
  --bg-gradient-bottom: #e6e6e6;
  --card-bg: #ffffff;

  /* 2) Presented-by (intro) screen */
  --intro-bg: #ffffff;
  --intro-text: #333333;

  /* 3) Main text colors */
  --text-main: #1a1a1a;
  --text-muted: #888888;

  /* 3a) Title text */
  --title-main-text: #333333;
  --title-subtitle-text: #3fa9f5;

  /* 4) Question area */
  --question-bg: #ffffff;
  --question-text: #1a1a1a;

  /* 5) Main buttons */
  --accent: #3fa9f5;
  --accent-dark: #2b88c2;
  --primary-text: #ffffff;
  --secondary-bg: #d9f0ff;
  --secondary-text: #2b88c2;

  /* 6) Answer buttons */
  --red: #ff3a55;
  --red-text: #ffffff;

  --yellow: #ffd347;
  --yellow-text: #333333;

  --blue: #3fa9f5;
  --blue-text: #ffffff;

  --green: #39b54a;
  --green-text: #ffffff;

  /* 7) Feedback text */
  --feedback-correct-text: #39b54a;
  --feedback-incorrect-text: #ff3a55;

  /* 8) Question page bg */
  --quiz-screen-bg: linear-gradient(180deg, #ffffff, #e6e6e6);

  /* 9) End screen background + text */
  --end-great-bg-top: #ffd347;
  --end-great-bg-bottom: #39b54a;

  --end-good-bg-top: #3fa9f5;
  --end-good-bg-bottom: #7f66c6;

  --end-try-bg-top: #ff3a55;
  --end-try-bg-bottom: #e6e6e6;

  --end-score-text: #1a1a1a;
  --end-detail-text: #333333;

  /* 9a) End text */
  --end-title-text: var(--end-score-text);
  --end-subtitle-text: var(--end-detail-text);

  /* 10) Progress & timer */
  --progress-track-bg: #e5e7eb;
  --progress-fill-gradient: linear-gradient(120deg, #3f6df6, #22c55e, #3f6df6);

  --timer-bg: #ffffff;
  --timer-ring-bg: rgba(15, 23, 42, 0.12);
  --timer-ring-fg: #3f6df6;
  --timer-text: #111827;

  /* 11) Answer key pill */
  --answer-key-pill-bg: rgba(255, 255, 255, 0.85);
  --answer-key-pill-text: #111827;

  /* 12) Misc */
  --button-radius: 0.9rem;

  /* 13) Icon buttons */
  --icon-chip-bg: #edf2ff;
  --icon-chip-text: #111827;

  /* 14) Overlays */
  --spotlight-overlay-bg: rgba(0, 0, 0, 0.85);
  --reward-overlay-bg: rgba(0, 0, 0, 0.9);
  --reward-text: #ffffff;

  /* 15) Answer outlines */
  --answer-border: rgba(0, 0, 0, 0.08);
  --answer-border-strong: rgba(0, 0, 0, 0.16);

  --red-border:   #b51a30;
  --yellow-border:#caa13b;
  --blue-border:  #2b88c2;
  --green-border: #276534;

  /* 16) Timer explosion */
  --timer-particle-gradient: radial-gradient(
    circle,
    #f2faff 0%,
    #cfe9ff 40%,
    #3f6df6 70%,
    #1f2933 100%
  );
  --timer-explosion-glow: rgba(63, 169, 245, 0.9);

  /* 17) Flash colors */
  --flash-correct-bg: rgba(34, 197, 94, 0.22);
  --flash-incorrect-bg: rgba(248, 113, 113, 0.24);
  --flash-return-bg: var(--quiz-screen-bg);

  /* 18) Card shadow */
  --screen-card-shadow: rgba(15, 23, 42, 0.20);

  /* 19) Pointer glow */
  --pointer-glow-star:   #f6c453;
  --pointer-glow-ocean:  #34c3ff;
  --pointer-glow-garden: #4caf50;
  --pointer-glow-fire:   #ff6a2f;
  --pointer-glow-galaxy: #7e57c2;
  --pointer-glow-animal: #a67c52;
  --pointer-glow-joy:    #ffd54f;
  --pointer-glow-heart:  #ff4081;
  --pointer-glow-rainbow:#ffffff;
  --pointer-glow-bible:  #fff3cd;

  /* 20) Feedback subtitle */
  --feedback-subtitle-text: var(--text-main);

}