:root{
  --bg:#0d1220;
  --bg-page:#090d17;
  --bg2:#121829;
  --bg3:#1a2135;
  --bgh:#252e47;
  --bgh2:#2f3a57;
  --bg-deep:#060912;
  --tile-revealed:#10162a;

  --accent:#00e701;
  --adark:#00b800;
  --accent-hover:#1fff20;
  --pri-a:#7c5cff;
  --pri-b:#3b82f6;
  --grad-pri:linear-gradient(135deg,var(--pri-a) 0%,var(--pri-b) 100%);
  --pri-blue:#6a64fb;
  --pri-blue-hover:#8079ff;
  --pri-soft:#b3a8ff;
  --glow-pri:0 8px 22px -8px rgba(124,92,255,.7);
  --glow-pri-strong:0 10px 30px -6px rgba(124,92,255,.85);

  --gold:#ffc32b;--red:#e9113c;--blue:#4391e7;--silver:#c7d0d9;
  --t1:#ffffff;--t2:#a3acc5;--t3:#5d6787;
  --border:#252e47;

  --edge:rgba(255,255,255,.06);
  --edge-strong:rgba(255,255,255,.10);
  --ring:0 0 0 1px var(--edge);
  --hl:inset 0 1px 0 rgba(255,255,255,.05);
  --shadow-md:0 6px 16px -6px rgba(0,0,0,.55),0 2px 4px -2px rgba(0,0,0,.35);
  --shadow-lg:0 24px 48px -16px rgba(0,0,0,.7),0 8px 16px -8px rgba(0,0,0,.45);

  --win:var(--accent);
  --win-dark:var(--adark);
  --lose:var(--red);
  --push:var(--gold);
  --info:var(--blue);

  --win-glow:rgba(0,231,1,.28);
  --lose-glow:rgba(233,17,60,.35);
  --win-glow-soft:rgba(0,231,1,.12);
  --lose-glow-soft:rgba(233,17,60,.12);

  --plinko-cool:#5be37a;
  --plinko-warm:#ffd83d;
  --plinko-hot:#ffb020;
  --plinko-hotter:#ff7a1a;
  --plinko-max:#ff3d3d;
}