:root {
    --bg-0: #070816;
    --bg-1: #0b1024;
    --bg-2: #111936;
    --surface: rgba(255, 255, 255, 0.075);
    --surface-strong: rgba(255, 255, 255, 0.12);
    --surface-soft: rgba(255, 255, 255, 0.045);
    --border: rgba(255, 255, 255, 0.14);
    --border-strong: rgba(255, 255, 255, 0.22);

    --text: #f8fbff;
    --text-soft: #cbd5e1;
    --muted: #8ea0bc;

    --primary: #7c3aed;
    --primary-2: #4f46e5;
    --cyan: #06b6d4;
    --pink: #ec4899;
    --orange: #f97316;
    --green: #22c55e;
    --gold: #f8c45c;

    --gradient-main: linear-gradient(135deg, #7c3aed 0%, #2563eb 48%, #06b6d4 100%);
    --gradient-hot: linear-gradient(135deg, #ec4899 0%, #7c3aed 45%, #06b6d4 100%);
    --gradient-gold: linear-gradient(135deg, #f59e0b 0%, #ef4444 48%, #ec4899 100%);
    --gradient-dark: linear-gradient(145deg, rgba(15, 23, 42, .96), rgba(8, 13, 30, .88));

    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-xl: 34px;

    --shadow-glow: 0 24px 90px rgba(79, 70, 229, 0.26);
    --shadow-card: 0 24px 60px rgba(0, 0, 0, 0.34);
    --shadow-soft: 0 12px 35px rgba(0, 0, 0, 0.22);

    --sidebar-width: 292px;
    --topbar-height: 86px;
    --font: 'Inter', Arial, sans-serif;
}