/* ELUXRAJ Theme - Dark Mode */
:root {
    --bg: #050508;
    --bg2: #0a0a10;
    --bg3: #0f0f18;
    --card: #12121a;
    --card-hover: #1a1a24;
    --border: rgba(124, 58, 237, 0.2);
    --border-light: rgba(255, 255, 255, 0.08);
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 4px 24px rgba(124, 58, 237, 0.1);
    --shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.4), 0 8px 32px rgba(124, 58, 237, 0.15);
    --text: #FFFFFF;
    --text-secondary: #D1D5DB;
    --text-muted: #9CA3AF;
    --text-faint: #6B7280;
    --purple: #7c3aed;
    --purple-light: #a78bfa;
    --cyan: #06b6d4;
    --cyan-light: #67e8f9;
    --green: #10b981;
    --green-light: #34d399;
    --red: #ef4444;
    --red-light: #f87171;
    --yellow: #f59e0b;
    --yellow-light: #fbbf24;
    --blue: #3b82f6;
    --gradient-primary: linear-gradient(135deg, var(--purple), var(--cyan));
    --gradient-card: linear-gradient(135deg, rgba(124, 58, 237, 0.08), rgba(6, 182, 212, 0.04));
    --gradient-glow: linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(6, 182, 212, 0.08));
    --header-bg: rgba(5, 5, 8, 0.95);
    --input-bg: rgba(255, 255, 255, 0.05);
    --skeleton-base: #1a1a24;
    --skeleton-shine: rgba(124, 58, 237, 0.1);
}

body {
    background: var(--bg);
    color: var(--text);
}