:root{
  --bg1:#f4f7fb;
  --bg2:#e8eef7;
  --bg3:#f8fbff;
  --bg-accent-a:rgba(253,187,45,.10);
  --bg-accent-b:rgba(107,134,173,.15);
  --bg-accent-c:rgba(130,160,210,.16);
  --text:rgba(16,28,45,.95);
  --muted:rgba(16,28,45,.72);
  --ok:rgba(8,129,74,.95);
  --no:rgba(171,31,31,.95);
  --error:rgba(171,31,31,.95);
  --shadow:0 16px 34px rgba(30,45,66,.14);
  --chip-bg:rgba(26,49,79,.06);
  --chip-border:rgba(26,49,79,.16);
  --chip-shadow:0 10px 25px rgba(30,45,66,.08);
  --score-dot-bg:radial-gradient(circle at 30% 30%, #fff, rgba(255,255,255,0) 60%), linear-gradient(135deg, rgba(253,187,45,.9), rgba(8,129,74,.75));
  --score-dot-shadow:rgba(26,49,79,.08);
  --mode-bg:rgba(26,49,79,.06);
  --mode-border:rgba(26,49,79,.16);
  --mode-shadow:0 10px 25px rgba(30,45,66,.08);
  --mode-text:rgba(16,28,45,.78);
  --mode-active-bg:rgba(26,49,79,.12);
  --mode-active-text:rgba(16,28,45,.95);
  --mode-active-shadow:rgba(255,255,255,.65);
  --card-bg:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.68));
  --card-border:rgba(26,49,79,.14);
  --gamebox-overlay:
    radial-gradient(10px 10px at 12% 18%, rgba(255,255,255,.45), transparent 60%),
    radial-gradient(8px 8px at 62% 12%, rgba(253,187,45,.18), transparent 60%),
    radial-gradient(12px 12px at 88% 34%, rgba(8,129,74,.12), transparent 60%),
    radial-gradient(9px 9px at 26% 78%, rgba(171,31,31,.10), transparent 60%),
    radial-gradient(14px 14px at 78% 84%, rgba(130,160,210,.18), transparent 60%);
  --pill-bg:rgba(26,49,79,.06);
  --pill-border:rgba(26,49,79,.16);
  --question-shadow:0 2px 12px rgba(30,45,66,.10);
  --input-bg:rgba(255,255,255,.82);
  --input-border:rgba(26,49,79,.16);
  --input-inner-shadow:rgba(255,255,255,.75);
  --input-placeholder:rgba(16,28,45,.45);
  --button-bg:linear-gradient(180deg, rgba(255,255,255,.96), rgba(236,244,255,.90));
  --button-border:rgba(26,49,79,.18);
  --choice-bg:rgba(255,255,255,.82);
  --choice-border:rgba(26,49,79,.16);
  --feedback-bg:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.74));
  --feedback-border:rgba(26,49,79,.14);
  --badge-bg:rgba(26,49,79,.06);
  --badge-border:rgba(26,49,79,.16);
  --ok-border:rgba(8,129,74,.35);
  --no-border:rgba(171,31,31,.35);
  --result-big-shadow:0 10px 30px rgba(30,45,66,.10);
  --result-score-bg:rgba(255,255,255,.85);
  --result-score-border:rgba(26,49,79,.16);
  --footer-text:rgba(16,28,45,.62);
}