/* ===================================
   CORE: Color System & Purple-Blue Gradient Theme
   Version: 1.0
   =================================== */

:root {
    /* Rich Primary Colors - Deep Royal Purple & Gold */
    --primary: #8b5cf6;
    --primary-dark: #7c3aed;
    --primary-light: #a78bfa;
    --secondary: #f59e0b;
    --secondary-dark: #d97706;
    --accent: #10b981;
    --accent-cyan: #06b6d4;

    /* Luxurious Gradients */
    --gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #f59e0b 100%);
    --gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
    --gradient-accent: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);
    --gradient-warm: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #dc2626 100%);
    --gradient-royal: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);
    --gradient-gold: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);

    /* Rich Dark Backgrounds */
    --bg-primary: #0a0118;
    --bg-secondary: #1a0b2e;
    --bg-tertiary: #2d1b4e;
    --bg-card: rgba(139, 92, 246, 0.05);

    /* Vibrant Text Colors */
    --text-primary: #ffffff;
    --text-secondary: #e9d5ff;
    --text-muted: #c4b5fd;
    --text-gold: #fbbf24;

    /* Rich Shadows & Glows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 40px rgba(139, 92, 246, 0.6);
    --shadow-gold: 0 0 30px rgba(251, 191, 36, 0.4);
    --shadow-purple: 0 0 50px rgba(139, 92, 246, 0.5);
}

/* ===================================
   Purple-Blue Gradient Background
   =================================== */
body {
    /* Rich Purple-Blue Gradient Background */
    background: linear-gradient(180deg,
            #2d1b69 0%,
            /* Deep Purple */
            #3d2a5e 15%,
            /* Rich Purple */
            #4a3570 30%,
            /* Purple */
            #3d4a8f 50%,
            /* Purple-Blue */
            #2a3a7c 70%,
            /* Dark Blue */
            #1f2d5e 85%,
            /* Deep Blue */
            #1a2550 100%
            /* Navy */
        );
    background-attachment: fixed;
}