:root {
    --bg-color: #050511;
    --card-bg: rgba(18, 18, 26, 0.55);
    --card-border: rgba(255, 255, 255, 0.06);
    --text-primary: #ffffff;
    --text-secondary: #94a3b8;
    --text-tertiary: rgba(255, 255, 255, 0.45);
    --accent: #38bdf8;
    --accent-glow: rgba(56, 189, 248, 0.4);
    --surface: rgba(255, 255, 255, 0.03);
    --border: rgba(255, 255, 255, 0.08);
    --error: #f43f5e;
    --cat-arcade: #d946ef;
    --cat-sandbox: #38bdf8;
    --cat-puzzle: #f59e0b;
    --cat-relax: #10b981;
    --cat-sports: #fb923c;
    --cat-arcade-rgb: 217, 70, 239;
    --cat-sandbox-rgb: 56, 189, 248;
    --cat-puzzle-rgb: 245, 158, 11;
    --cat-relax-rgb: 16, 185, 129;
    --cat-sports-rgb: 251, 146, 60;
    --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --card-lift-ease: cubic-bezier(0.2, 0.9, 0.2, 1);
}