:root {
  --bg-page: linear-gradient(180deg, #fff8ef 0%, #fffdf8 45%, #ffffff 100%);
  --bg-card: rgba(255, 255, 255, 0.92);
  --bg-card-strong: #ffffff;
  --text-primary: #172033;
  --text-secondary: #5a6476;
  --text-muted: #8891a4;
  --line-soft: rgba(23, 32, 51, 0.08);
  --shadow-soft: 0 12px 32px rgba(28, 36, 52, 0.08);
  --shadow-hover: 0 18px 38px rgba(28, 36, 52, 0.14);

  --radius-xs: 12px;
  --radius-sm: 18px;
  --radius-md: 24px;
  --radius-lg: 32px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;

  --max-width: 1280px;

  --roulette-start: #ffe5a4;
  --roulette-end: #ffc19c;
  --roulette-soft: #fff4d2;
  --roulette-accent: #f59e0b;

  --ladder-start: #cbf3e1;
  --ladder-end: #a8ebe1;
  --ladder-soft: #defaf1;
  --ladder-accent: #10b981;

  --fortune-start: #e7d6ff;
  --fortune-end: #ffc8f6;
  --fortune-soft: #f2e8ff;
  --fortune-accent: #8b5cf6;

  --worldcup-start: #ffe0e0;
  --worldcup-end: #ffc9c9;
  --worldcup-soft: #fff0f0;
  --worldcup-accent: #f43f5e;

  --lotto-start: #dbeafe;
  --lotto-end: #bfdbfe;
  --lotto-soft: #eff6ff;
  --lotto-accent: #3b82f6;

  --bomb-start: #d9f0a8;
  --bomb-end: #c3e47c;
  --bomb-soft: #edf7d6;
  --bomb-accent: #5a9010;

  --quizbomb-start: #e9d5ff;
  --quizbomb-end: #d8b4fe;
  --quizbomb-soft: #f5f3ff;
  --quizbomb-accent: #7c3aed;

  --wc2026-start: #bbf7d0;
  --wc2026-end: #86efac;
  --wc2026-soft: #f0fdf4;
  --wc2026-accent: #16a34a;
}