/**
 * Dreamania IBO Pro - 10 Modern Design Themes
 * Token-based CSS Variables System
 */

/* 1. PURPLE: Dreamania Royal Purple (Default) */
[data-theme="purple"], :root {
    --bg: #090614;
    --bg-mesh: radial-gradient(circle at 15% 15%, rgba(139, 92, 246, 0.18) 0%, transparent 40%),
               radial-gradient(circle at 85% 85%, rgba(168, 85, 247, 0.12) 0%, transparent 40%);
    --card: #120d24;
    --card-hover: #1a1333;
    --border: #261c47;
    --border-focus: #9333ea;
    --text: #f5f3ff;
    --muted: #a78bfa;
    --primary: #9333ea;
    --primary-gradient: linear-gradient(135deg, #9333ea 0%, #581c87 100%);
    --primary-gradient-hover: linear-gradient(135deg, #a855f7 0%, #6b21a8 100%);
    --primary-glow: rgba(147, 51, 234, 0.4);
    --accent: #c084fc;
    --badge-bg: rgba(147, 51, 234, 0.2);
    --badge-color: #d8b4fe;
    --badge-border: rgba(147, 51, 234, 0.4);
}

/* 2. MIDNIGHT: Obsidian Crimson (Classic) */
[data-theme="midnight"] {
    --bg: #0b0f19;
    --bg-mesh: radial-gradient(circle at 15% 15%, rgba(225, 29, 72, 0.16) 0%, transparent 40%),
               radial-gradient(circle at 85% 85%, rgba(190, 18, 60, 0.12) 0%, transparent 40%);
    --card: #111827;
    --card-hover: #182236;
    --border: #1f293d;
    --border-focus: #e11d48;
    --text: #f8fafc;
    --muted: #94a3b8;
    --primary: #e11d48;
    --primary-gradient: linear-gradient(135deg, #e11d48 0%, #4c0519 100%);
    --primary-gradient-hover: linear-gradient(135deg, #f43f5e 0%, #881337 100%);
    --primary-glow: rgba(225, 29, 72, 0.4);
    --accent: #fb7185;
    --badge-bg: rgba(225, 29, 72, 0.2);
    --badge-color: #fca5a5;
    --badge-border: rgba(225, 29, 72, 0.4);
}

/* 3. EMERALD: Cyber Matrix Emerald */
[data-theme="emerald"] {
    --bg: #04120c;
    --bg-mesh: radial-gradient(circle at 15% 15%, rgba(16, 185, 129, 0.18) 0%, transparent 40%),
               radial-gradient(circle at 85% 85%, rgba(5, 150, 105, 0.12) 0%, transparent 40%);
    --card: #091f16;
    --card-hover: #0e2e21;
    --border: #143d2c;
    --border-focus: #10b981;
    --text: #ecfdf5;
    --muted: #6ee7b7;
    --primary: #059669;
    --primary-gradient: linear-gradient(135deg, #10b981 0%, #064e3b 100%);
    --primary-gradient-hover: linear-gradient(135deg, #34d399 0%, #065f46 100%);
    --primary-glow: rgba(16, 185, 129, 0.4);
    --accent: #34d399;
    --badge-bg: rgba(16, 185, 129, 0.2);
    --badge-color: #a7f3d0;
    --badge-border: rgba(16, 185, 129, 0.4);
}

/* 4. SAPPHIRE: Deep Oceanic Sapphire */
[data-theme="sapphire"] {
    --bg: #050e1c;
    --bg-mesh: radial-gradient(circle at 15% 15%, rgba(37, 99, 235, 0.18) 0%, transparent 40%),
               radial-gradient(circle at 85% 85%, rgba(59, 130, 246, 0.12) 0%, transparent 40%);
    --card: #0b1a30;
    --card-hover: #102647;
    --border: #173663;
    --border-focus: #3b82f6;
    --text: #eff6ff;
    --muted: #93c5fd;
    --primary: #2563eb;
    --primary-gradient: linear-gradient(135deg, #3b82f6 0%, #1e3a8a 100%);
    --primary-gradient-hover: linear-gradient(135deg, #60a5fa 0%, #1d4ed8 100%);
    --primary-glow: rgba(59, 130, 246, 0.4);
    --accent: #60a5fa;
    --badge-bg: rgba(59, 130, 246, 0.2);
    --badge-color: #bfdbfe;
    --badge-border: rgba(59, 130, 246, 0.4);
}

/* 5. CYBERPUNK: Neo Tokyo Synthwave */
[data-theme="cyberpunk"] {
    --bg: #0c0617;
    --bg-mesh: radial-gradient(circle at 15% 15%, rgba(236, 72, 153, 0.2) 0%, transparent 40%),
               radial-gradient(circle at 85% 85%, rgba(6, 182, 212, 0.15) 0%, transparent 40%);
    --card: #160c2b;
    --card-hover: #221340;
    --border: #351a61;
    --border-focus: #ec4899;
    --text: #fdf2f8;
    --muted: #f472b6;
    --primary: #ec4899;
    --primary-gradient: linear-gradient(135deg, #ec4899 0%, #06b6d4 100%);
    --primary-gradient-hover: linear-gradient(135deg, #f472b6 0%, #0891b2 100%);
    --primary-glow: rgba(236, 72, 153, 0.45);
    --accent: #22d3ee;
    --badge-bg: rgba(236, 72, 153, 0.2);
    --badge-color: #fbcfe8;
    --badge-border: rgba(236, 72, 153, 0.4);
}

/* 6. AMBER: Sunset Gold & Honey */
[data-theme="amber"] {
    --bg: #100b05;
    --bg-mesh: radial-gradient(circle at 15% 15%, rgba(245, 158, 11, 0.18) 0%, transparent 40%),
               radial-gradient(circle at 85% 85%, rgba(217, 119, 6, 0.12) 0%, transparent 40%);
    --card: #1c1308;
    --card-hover: #291b0a;
    --border: #3b2810;
    --border-focus: #f59e0b;
    --text: #fffbeb;
    --muted: #fcd34d;
    --primary: #d97706;
    --primary-gradient: linear-gradient(135deg, #f59e0b 0%, #78350f 100%);
    --primary-gradient-hover: linear-gradient(135deg, #fbbf24 0%, #92400e 100%);
    --primary-glow: rgba(245, 158, 11, 0.4);
    --accent: #fbbf24;
    --badge-bg: rgba(245, 158, 11, 0.2);
    --badge-color: #fde68a;
    --badge-border: rgba(245, 158, 11, 0.4);
}

/* 7. AURORA: Glacial Borealis Teal & Indigo */
[data-theme="aurora"] {
    --bg: #061118;
    --bg-mesh: radial-gradient(circle at 15% 15%, rgba(6, 182, 212, 0.18) 0%, transparent 40%),
               radial-gradient(circle at 85% 85%, rgba(99, 102, 241, 0.14) 0%, transparent 40%);
    --card: #0c1e2b;
    --card-hover: #122b3d;
    --border: #1a3c54;
    --border-focus: #06b6d4;
    --text: #f0fdfa;
    --muted: #67e8f9;
    --primary: #0891b2;
    --primary-gradient: linear-gradient(135deg, #06b6d4 0%, #4338ca 100%);
    --primary-gradient-hover: linear-gradient(135deg, #22d3ee 0%, #4f46e5 100%);
    --primary-glow: rgba(6, 182, 212, 0.4);
    --accent: #818cf8;
    --badge-bg: rgba(6, 182, 212, 0.2);
    --badge-color: #a5f3fc;
    --badge-border: rgba(6, 182, 212, 0.4);
}

/* 8. STEALTH: Titanium & Monochrome */
[data-theme="stealth"] {
    --bg: #0a0a0c;
    --bg-mesh: radial-gradient(circle at 15% 15%, rgba(255, 255, 255, 0.08) 0%, transparent 40%),
               radial-gradient(circle at 85% 85%, rgba(161, 161, 170, 0.06) 0%, transparent 40%);
    --card: #141418;
    --card-hover: #1c1c22;
    --border: #272730;
    --border-focus: #a1a1aa;
    --text: #fafafa;
    --muted: #a1a1aa;
    --primary: #52525b;
    --primary-gradient: linear-gradient(135deg, #71717a 0%, #27272a 100%);
    --primary-gradient-hover: linear-gradient(135deg, #a1a1aa 0%, #3f3f46 100%);
    --primary-glow: rgba(161, 161, 170, 0.3);
    --accent: #f4f4f5;
    --badge-bg: rgba(255, 255, 255, 0.1);
    --badge-color: #ffffff;
    --badge-border: rgba(255, 255, 255, 0.2);
}

/* 9. ROSEGOLD: Imperial Rose & Copper */
[data-theme="rosegold"] {
    --bg: #12090e;
    --bg-mesh: radial-gradient(circle at 15% 15%, rgba(244, 63, 94, 0.18) 0%, transparent 40%),
               radial-gradient(circle at 85% 85%, rgba(225, 29, 72, 0.12) 0%, transparent 40%);
    --card: #1f1019;
    --card-hover: #2b1723;
    --border: #3d2132;
    --border-focus: #f43f5e;
    --text: #fff1f2;
    --muted: #fda4af;
    --primary: #e11d48;
    --primary-gradient: linear-gradient(135deg, #fb7185 0%, #881337 100%);
    --primary-gradient-hover: linear-gradient(135deg, #fda4af 0%, #9f1239 100%);
    --primary-glow: rgba(244, 63, 94, 0.4);
    --accent: #f43f5e;
    --badge-bg: rgba(244, 63, 94, 0.2);
    --badge-color: #fecdd3;
    --badge-border: rgba(244, 63, 94, 0.4);
}

/* 10. CARBON: OLED Ultra Black & Electric Violet */
[data-theme="carbon"] {
    --bg: #000000;
    --bg-mesh: radial-gradient(circle at 15% 15%, rgba(168, 85, 247, 0.22) 0%, transparent 40%),
               radial-gradient(circle at 85% 85%, rgba(124, 58, 237, 0.15) 0%, transparent 40%);
    --card: #08080a;
    --card-hover: #101014;
    --border: #1a1a22;
    --border-focus: #a855f7;
    --text: #ffffff;
    --muted: #c084fc;
    --primary: #7c3aed;
    --primary-gradient: linear-gradient(135deg, #a855f7 0%, #4c1d95 100%);
    --primary-gradient-hover: linear-gradient(135deg, #c084fc 0%, #581c87 100%);
    --primary-glow: rgba(168, 85, 247, 0.5);
    --accent: #d8b4fe;
    --badge-bg: rgba(168, 85, 247, 0.2);
    --badge-color: #e9d5ff;
    --badge-border: rgba(168, 85, 247, 0.4);
}