:root {
  --bg: #0B0620;
  --bar: #120A2C;
  --card: #1B1240;
  --field: #1E1446;
  --deep: #150E33;
  --selected: #2A1452;
  --line: #45358A;
  --divider: #2E2266;
  --divider-soft: #271C58;
  --text: #FFFFFF;
  --text-2: #E3DDFB;
  --text-3: #CEC5F2;
  --text-muted: #B3A8E0;
  --text-disabled: #8A80B8;
  --pink: #FF5FDB;
  --link: #FF9AEA;
  --on-pink: #2A0626;
  --blue: #3A4BE8;
  --on-white: #5A13C8;
  --success: #5CFFC8;
  --warning: #FFD05A;
  --warning-border: #FFC83C;
  --warning-text: #F5E6C4;
  --error: #FF9AA8;
  --neutral: #CEC5F2;
  --gloss: radial-gradient(120% 60% at 30% 0%, rgba(255,255,255,.38), rgba(255,255,255,0) 55%);
  --bg-glow: radial-gradient(120% 30% at 50% 0%, #34127A 0%, #0B0620 70%);
  --grad-primary: linear-gradient(180deg, #FFB0EE 0%, #FF5FDB 50%, #E03CC4 100%);
  --grad-hero: linear-gradient(140deg, #8A3BFF 0%, #E62CC0 55%, #FF7A59 100%);
  --grad-invite: linear-gradient(140deg, #0FA8F0 0%, #3A4BE8 60%, #7A2CFF 100%);
  --grad-guest: linear-gradient(140deg, #00B4F0 0%, #3A4BE8 100%);
  --grad-gold: linear-gradient(180deg, #FFF6C8 0%, #FFD24A 50%, #F2A900 100%);
  --grad-white: linear-gradient(180deg, #FFFFFF 0%, #F1EAFF 100%);
  --grad-sheet: linear-gradient(180deg, #26165A 0%, #140B33 100%);
  --game-1: linear-gradient(160deg, #FF5FDB 0%, #9A12B0 100%);
  --game-2: linear-gradient(160deg, #00C6FF 0%, #3A4BE8 100%);
  --game-3: linear-gradient(160deg, #FFE04A 0%, #FF8A00 100%);
  --game-4: linear-gradient(160deg, #2EE6A6 0%, #00809A 100%);
  --game-5: linear-gradient(160deg, #A066FF 0%, #4A14B8 100%);
  --game-6: linear-gradient(160deg, #FF8A2C 0%, #E8306E 100%);
  --shadow-btn: inset 0 1px 0 rgba(255,255,255,.7), 0 6px 18px rgba(255,95,219,.4);
  --shadow-hero: inset 0 1px 0 rgba(255,255,255,.45), 0 18px 40px rgba(180,40,220,.4);
  --shadow-tile: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -10px 20px rgba(0,0,0,.18), 0 8px 18px rgba(10,0,40,.45);
  --shadow-card: inset 0 1px 0 rgba(255,255,255,.1);
  --shadow-sheet: 0 -20px 50px rgba(0,0,0,.5);
  --shadow-modal: 0 30px 80px rgba(0,0,0,.6);
  --ring-selected: 0 0 0 3px rgba(255,95,219,.18);
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --r-tag: 5px;
  --r-sm: 12px;
  --r-md: 14px;
  --r-lg: 16px;
  --r-card: 22px;
  --r-hero: 24px;
  --r-sheet: 28px;
  --r-pill: 99px;
  --touch: 44px;
  --gutter-mobile: 16px;
  --gutter-web: 32px;
  --content-max: 1180px;
  --sidebar: 260px;
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
}