/* ==========================================================================
   ZAHIQ AI - 20 Premium Color Schemes
   Dynamic Theme Switcher System
   ========================================================================== */

/* ==========================================================================
   SCHEME 1: MIDNIGHT AURORA (Default)
   Modern, Premium, Tech-Forward
   ========================================================================== */
[data-theme="midnight-aurora"] {
  /* Base Colors */
  --background: #0A0B14;
  --surface: #13141F;
  --surface-elevated: #1C1D2B;

  /* Text Hierarchy */
  --text-primary: #FFFFFF;
  --text-secondary: #A8A9B4;
  --text-muted: #6C6D7A;

  /* Primary Brand Colors */
  --primary: #5E72E4;
  --primary-light: #7B8CFF;
  --primary-dark: #4C5FBF;

  /* Accent Colors */
  --accent-cyan: #00D4FF;
  --accent-purple: #A855F7;
  --accent-green: #10B981;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #5E72E4 0%, #00D4FF 100%);
  --gradient-accent: linear-gradient(135deg, #5E72E4 0%, #A855F7 50%, #00D4FF 100%);
  --gradient-surface: linear-gradient(180deg, #0A0B14 0%, #13141F 100%);

  /* Functional */
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;

  /* Effects */
  --glow: 0 0 40px rgba(0, 212, 255, 0.5);
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 2: OCEAN DEPTH
   Professional, Trustworthy, Clean
   ========================================================================== */
[data-theme="ocean-depth"] {
  --background: #0F172A;
  --surface: #1E293B;
  --surface-elevated: #334155;
  --text-primary: #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;
  --primary: #0EA5E9;
  --primary-light: #38BDF8;
  --primary-dark: #0284C7;
  --accent-cyan: #67E8F9;
  --accent-purple: #14B8A6;
  --accent-green: #10B981;
  --gradient-primary: linear-gradient(135deg, #1E3A5F 0%, #0EA5E9 50%, #14B8A6 100%);
  --gradient-accent: linear-gradient(90deg, #0EA5E9 0%, #67E8F9 100%);
  --gradient-surface: linear-gradient(180deg, #0F172A 0%, #1E293B 100%);
  --success: #14B8A6;
  --warning: #F59E0B;
  --error: #FF6B6B;
  --glow: 0 0 40px rgba(14, 165, 233, 0.5);
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 3: NEON NOIR
   Bold, Futuristic, Eye-Catching
   ========================================================================== */
[data-theme="neon-noir"] {
  --background: #000000;
  --surface: #0A0A0A;
  --surface-elevated: #171717;
  --text-primary: #FFFFFF;
  --text-secondary: #A3A3A3;
  --text-muted: #737373;
  --primary: #FF0080;
  --primary-light: #FF40A0;
  --primary-dark: #CC0066;
  --accent-cyan: #00F0FF;
  --accent-purple: #BD00FF;
  --accent-green: #00FF88;
  --gradient-primary: linear-gradient(90deg, #FF0080 0%, #00F0FF 50%, #00FF88 100%);
  --gradient-accent: linear-gradient(135deg, #FF0080 0%, #BD00FF 100%);
  --gradient-surface: linear-gradient(180deg, #000000 0%, #0A0A0A 100%);
  --success: #00FF88;
  --warning: #FFD700;
  --error: #FF0040;
  --glow: 0 0 20px #FF0080, 0 0 40px #FF008080;
  --shadow: 0 10px 40px rgba(255, 0, 128, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 4: EMERALD SUITE
   Sophisticated, Premium, Unique
   ========================================================================== */
[data-theme="emerald-suite"] {
  --background: #0C1F1F;
  --surface: #132D2D;
  --surface-elevated: #1A3A3A;
  --text-primary: #F9FAFB;
  --text-secondary: #D1D5DB;
  --text-muted: #9CA3AF;
  --primary: #10B981;
  --primary-light: #34D399;
  --primary-dark: #059669;
  --accent-cyan: #06B6D4;
  --accent-purple: #F59E0B;
  --accent-green: #10B981;
  --gradient-primary: linear-gradient(135deg, #059669 0%, #10B981 50%, #34D399 100%);
  --gradient-accent: linear-gradient(135deg, #10B981 0%, #F59E0B 100%);
  --gradient-surface: linear-gradient(180deg, #0C1F1F 0%, #132D2D 100%);
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;
  --glow: 0 0 40px rgba(16, 185, 129, 0.5);
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 5: COSMIC PURPLE
   Creative, Modern, Distinctive
   ========================================================================== */
[data-theme="cosmic-purple"] {
  --background: #0B0114;
  --surface: #1A0B2E;
  --surface-elevated: #2D1B4E;
  --text-primary: #FFFFFF;
  --text-secondary: #E9D5FF;
  --text-muted: #C4B5FD;
  --primary: #8B5CF6;
  --primary-light: #A78BFA;
  --primary-dark: #7C3AED;
  --accent-cyan: #06B6D4;
  --accent-purple: #EC4899;
  --accent-green: #10B981;
  --gradient-primary: linear-gradient(135deg, #8B5CF6 0%, #EC4899 50%, #3B82F6 100%);
  --gradient-accent: linear-gradient(90deg, #8B5CF6 0%, #06B6D4 100%);
  --gradient-surface: linear-gradient(180deg, #0B0114 0%, #1A0B2E 50%, #2D1B4E 100%);
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EC4899;
  --glow: 0 0 60px rgba(139, 92, 246, 0.4);
  --shadow: 0 10px 40px rgba(139, 92, 246, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 6: SUNSET BLAZE
   Warm, Energetic, Bold
   ========================================================================== */
[data-theme="sunset-blaze"] {
  --background: #1A0E0E;
  --surface: #2D1515;
  --surface-elevated: #3D1F1F;
  --text-primary: #FFFFFF;
  --text-secondary: #FFD4CC;
  --text-muted: #FF9580;
  --primary: #FF6B35;
  --primary-light: #FF8C5C;
  --primary-dark: #E55100;
  --accent-cyan: #FFD93D;
  --accent-purple: #FF1744;
  --accent-green: #00C896;
  --gradient-primary: linear-gradient(135deg, #FF1744 0%, #FF6B35 50%, #FFD93D 100%);
  --gradient-accent: linear-gradient(90deg, #FF6B35 0%, #FFD93D 100%);
  --gradient-surface: linear-gradient(180deg, #1A0E0E 0%, #2D1515 100%);
  --success: #00C896;
  --warning: #FFD93D;
  --error: #FF1744;
  --glow: 0 0 40px rgba(255, 107, 53, 0.5);
  --shadow: 0 10px 40px rgba(255, 107, 53, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 7: ARCTIC FROST
   Cool, Clean, Professional
   ========================================================================== */
[data-theme="arctic-frost"] {
  --background: #F0F9FF;
  --surface: #FFFFFF;
  --surface-elevated: #E0F2FE;
  --text-primary: #0C4A6E;
  --text-secondary: #075985;
  --text-muted: #7DD3FC;
  --primary: #0EA5E9;
  --primary-light: #38BDF8;
  --primary-dark: #0284C7;
  --accent-cyan: #67E8F9;
  --accent-purple: #A5B4FC;
  --accent-green: #6EE7B7;
  --gradient-primary: linear-gradient(135deg, #0284C7 0%, #0EA5E9 50%, #67E8F9 100%);
  --gradient-accent: linear-gradient(90deg, #7DD3FC 0%, #A5B4FC 100%);
  --gradient-surface: linear-gradient(180deg, #F0F9FF 0%, #E0F2FE 100%);
  --success: #6EE7B7;
  --warning: #FDE047;
  --error: #FCA5A5;
  --glow: 0 0 40px rgba(14, 165, 233, 0.3);
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 8: SAKURA DREAM
   Soft, Elegant, Unique
   ========================================================================== */
[data-theme="sakura-dream"] {
  --background: #1A0F1A;
  --surface: #2D1B2D;
  --surface-elevated: #3D2A3D;
  --text-primary: #FFFFFF;
  --text-secondary: #FBBFFF;
  --text-muted: #E879F9;
  --primary: #EC4899;
  --primary-light: #F472B6;
  --primary-dark: #DB2777;
  --accent-cyan: #7DD3FC;
  --accent-purple: #C084FC;
  --accent-green: #86EFAC;
  --gradient-primary: linear-gradient(135deg, #DB2777 0%, #EC4899 50%, #F472B6 100%);
  --gradient-accent: linear-gradient(90deg, #EC4899 0%, #C084FC 100%);
  --gradient-surface: linear-gradient(180deg, #1A0F1A 0%, #2D1B2D 100%);
  --success: #86EFAC;
  --warning: #FDBA74;
  --error: #FB7185;
  --glow: 0 0 40px rgba(236, 72, 153, 0.5);
  --shadow: 0 10px 40px rgba(236, 72, 153, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 9: MATRIX GREEN
   Tech, Cyber, Distinctive
   ========================================================================== */
[data-theme="matrix-green"] {
  --background: #0A0F0A;
  --surface: #0F1A0F;
  --surface-elevated: #1A2F1A;
  --text-primary: #00FF41;
  --text-secondary: #00CC33;
  --text-muted: #008F11;
  --primary: #00FF41;
  --primary-light: #33FF66;
  --primary-dark: #00CC33;
  --accent-cyan: #00FFFF;
  --accent-purple: #00FF00;
  --accent-green: #00FF41;
  --gradient-primary: linear-gradient(135deg, #008F11 0%, #00FF41 50%, #00FFFF 100%);
  --gradient-accent: linear-gradient(90deg, #00FF41 0%, #00FFFF 100%);
  --gradient-surface: linear-gradient(180deg, #0A0F0A 0%, #0F1A0F 100%);
  --success: #00FF41;
  --warning: #FFFF00;
  --error: #FF0000;
  --glow: 0 0 20px #00FF41, 0 0 40px #00FF4180;
  --shadow: 0 10px 40px rgba(0, 255, 65, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 10: ROYAL GOLD
   Luxury, Premium, Elegant
   ========================================================================== */
[data-theme="royal-gold"] {
  --background: #0A0A0F;
  --surface: #1A1A2E;
  --surface-elevated: #2A2A3E;
  --text-primary: #FFFFFF;
  --text-secondary: #FFE4B5;
  --text-muted: #DDB87C;
  --primary: #FFD700;
  --primary-light: #FFED4E;
  --primary-dark: #B8860B;
  --accent-cyan: #4169E1;
  --accent-purple: #9370DB;
  --accent-green: #32CD32;
  --gradient-primary: linear-gradient(135deg, #B8860B 0%, #FFD700 50%, #FFED4E 100%);
  --gradient-accent: linear-gradient(90deg, #FFD700 0%, #4169E1 100%);
  --gradient-surface: linear-gradient(180deg, #0A0A0F 0%, #1A1A2E 100%);
  --success: #32CD32;
  --warning: #FFA500;
  --error: #DC143C;
  --glow: 0 0 40px rgba(255, 215, 0, 0.5);
  --shadow: 0 10px 40px rgba(255, 215, 0, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 11: CYBER PUNK
   Edgy, Modern, Bold
   ========================================================================== */
[data-theme="cyber-punk"] {
  --background: #0D0208;
  --surface: #1B0D1E;
  --surface-elevated: #2B1B3E;
  --text-primary: #FFFFFF;
  --text-secondary: #FF10F0;
  --text-muted: #B026FF;
  --primary: #FF10F0;
  --primary-light: #FF6EC7;
  --primary-dark: #C500B8;
  --accent-cyan: #00FFF0;
  --accent-purple: #B026FF;
  --accent-green: #39FF14;
  --gradient-primary: linear-gradient(135deg, #FF10F0 0%, #00FFF0 50%, #39FF14 100%);
  --gradient-accent: linear-gradient(90deg, #FF10F0 0%, #B026FF 100%);
  --gradient-surface: linear-gradient(180deg, #0D0208 0%, #1B0D1E 100%);
  --success: #39FF14;
  --warning: #FFFF00;
  --error: #FF003F;
  --glow: 0 0 40px rgba(255, 16, 240, 0.6);
  --shadow: 0 10px 40px rgba(255, 16, 240, 0.4);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 12: DEEP FOREST
   Natural, Calming, Professional
   ========================================================================== */
[data-theme="deep-forest"] {
  --background: #0F1F0F;
  --surface: #1A2F1A;
  --surface-elevated: #254025;
  --text-primary: #FFFFFF;
  --text-secondary: #A7F3D0;
  --text-muted: #6EE7B7;
  --primary: #059669;
  --primary-light: #10B981;
  --primary-dark: #047857;
  --accent-cyan: #06B6D4;
  --accent-purple: #818CF8;
  --accent-green: #84CC16;
  --gradient-primary: linear-gradient(135deg, #047857 0%, #059669 50%, #10B981 100%);
  --gradient-accent: linear-gradient(90deg, #059669 0%, #06B6D4 100%);
  --gradient-surface: linear-gradient(180deg, #0F1F0F 0%, #1A2F1A 100%);
  --success: #84CC16;
  --warning: #FCD34D;
  --error: #F87171;
  --glow: 0 0 40px rgba(5, 150, 105, 0.5);
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 13: VOLCANIC ASH
   Dark, Powerful, Modern
   ========================================================================== */
[data-theme="volcanic-ash"] {
  --background: #18181B;
  --surface: #27272A;
  --surface-elevated: #3F3F46;
  --text-primary: #FFFFFF;
  --text-secondary: #D4D4D8;
  --text-muted: #A1A1AA;
  --primary: #EF4444;
  --primary-light: #F87171;
  --primary-dark: #DC2626;
  --accent-cyan: #06B6D4;
  --accent-purple: #A855F7;
  --accent-green: #22C55E;
  --gradient-primary: linear-gradient(135deg, #DC2626 0%, #EF4444 50%, #F87171 100%);
  --gradient-accent: linear-gradient(90deg, #EF4444 0%, #F59E0B 100%);
  --gradient-surface: linear-gradient(180deg, #18181B 0%, #27272A 100%);
  --success: #22C55E;
  --warning: #F59E0B;
  --error: #EF4444;
  --glow: 0 0 40px rgba(239, 68, 68, 0.5);
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 14: LAVENDER MIST
   Soft, Modern, Calming
   ========================================================================== */
[data-theme="lavender-mist"] {
  --background: #1A1625;
  --surface: #2A2440;
  --surface-elevated: #3A3455;
  --text-primary: #FFFFFF;
  --text-secondary: #E0D5FF;
  --text-muted: #B8A5E6;
  --primary: #9333EA;
  --primary-light: #A855F7;
  --primary-dark: #7E22CE;
  --accent-cyan: #67E8F9;
  --accent-purple: #E879F9;
  --accent-green: #A7F3D0;
  --gradient-primary: linear-gradient(135deg, #7E22CE 0%, #9333EA 50%, #A855F7 100%);
  --gradient-accent: linear-gradient(90deg, #9333EA 0%, #E879F9 100%);
  --gradient-surface: linear-gradient(180deg, #1A1625 0%, #2A2440 100%);
  --success: #A7F3D0;
  --warning: #FDE68A;
  --error: #FCA5A5;
  --glow: 0 0 40px rgba(147, 51, 234, 0.5);
  --shadow: 0 10px 40px rgba(147, 51, 234, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 15: ELECTRIC BLUE
   Vibrant, Tech, Modern
   ========================================================================== */
[data-theme="electric-blue"] {
  --background: #030712;
  --surface: #111827;
  --surface-elevated: #1F2937;
  --text-primary: #FFFFFF;
  --text-secondary: #93C5FD;
  --text-muted: #60A5FA;
  --primary: #2563EB;
  --primary-light: #3B82F6;
  --primary-dark: #1D4ED8;
  --accent-cyan: #06B6D4;
  --accent-purple: #8B5CF6;
  --accent-green: #10B981;
  --gradient-primary: linear-gradient(135deg, #1D4ED8 0%, #2563EB 50%, #3B82F6 100%);
  --gradient-accent: linear-gradient(90deg, #2563EB 0%, #06B6D4 100%);
  --gradient-surface: linear-gradient(180deg, #030712 0%, #111827 100%);
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;
  --glow: 0 0 40px rgba(37, 99, 235, 0.5);
  --shadow: 0 10px 40px rgba(37, 99, 235, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 16: DESERT SAND
   Warm, Unique, Sophisticated
   ========================================================================== */
[data-theme="desert-sand"] {
  --background: #1F1A14;
  --surface: #2D2520;
  --surface-elevated: #3D332A;
  --text-primary: #FFFFFF;
  --text-secondary: #FED7AA;
  --text-muted: #FDBA74;
  --primary: #F97316;
  --primary-light: #FB923C;
  --primary-dark: #EA580C;
  --accent-cyan: #7DD3FC;
  --accent-purple: #C084FC;
  --accent-green: #86EFAC;
  --gradient-primary: linear-gradient(135deg, #EA580C 0%, #F97316 50%, #FB923C 100%);
  --gradient-accent: linear-gradient(90deg, #F97316 0%, #FCD34D 100%);
  --gradient-surface: linear-gradient(180deg, #1F1A14 0%, #2D2520 100%);
  --success: #86EFAC;
  --warning: #FCD34D;
  --error: #FCA5A5;
  --glow: 0 0 40px rgba(249, 115, 22, 0.5);
  --shadow: 0 10px 40px rgba(249, 115, 22, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 17: MINT FRESH
   Clean, Modern, Refreshing
   ========================================================================== */
[data-theme="mint-fresh"] {
  --background: #F0FDF4;
  --surface: #FFFFFF;
  --surface-elevated: #DCFCE7;
  --text-primary: #14532D;
  --text-secondary: #166534;
  --text-muted: #16A34A;
  --primary: #22C55E;
  --primary-light: #4ADE80;
  --primary-dark: #16A34A;
  --accent-cyan: #06B6D4;
  --accent-purple: #A855F7;
  --accent-green: #84CC16;
  --gradient-primary: linear-gradient(135deg, #16A34A 0%, #22C55E 50%, #4ADE80 100%);
  --gradient-accent: linear-gradient(90deg, #22C55E 0%, #06B6D4 100%);
  --gradient-surface: linear-gradient(180deg, #F0FDF4 0%, #DCFCE7 100%);
  --success: #84CC16;
  --warning: #FACC15;
  --error: #F87171;
  --glow: 0 0 40px rgba(34, 197, 94, 0.3);
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 18: BLOOD MOON
   Dark, Dramatic, Bold
   ========================================================================== */
[data-theme="blood-moon"] {
  --background: #0F0505;
  --surface: #1A0A0A;
  --surface-elevated: #2D1515;
  --text-primary: #FFFFFF;
  --text-secondary: #FCA5A5;
  --text-muted: #F87171;
  --primary: #B91C1C;
  --primary-light: #DC2626;
  --primary-dark: #991B1B;
  --accent-cyan: #67E8F9;
  --accent-purple: #E879F9;
  --accent-green: #86EFAC;
  --gradient-primary: linear-gradient(135deg, #991B1B 0%, #B91C1C 50%, #DC2626 100%);
  --gradient-accent: linear-gradient(90deg, #B91C1C 0%, #F97316 100%);
  --gradient-surface: linear-gradient(180deg, #0F0505 0%, #1A0A0A 100%);
  --success: #86EFAC;
  --warning: #FDBA74;
  --error: #B91C1C;
  --glow: 0 0 40px rgba(185, 28, 28, 0.6);
  --shadow: 0 10px 40px rgba(185, 28, 28, 0.4);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 19: TWILIGHT ZONE
   Mysterious, Elegant, Modern
   ========================================================================== */
[data-theme="twilight-zone"] {
  --background: #0F0F23;
  --surface: #1A1A3E;
  --surface-elevated: #2D2D5E;
  --text-primary: #FFFFFF;
  --text-secondary: #B8C5FF;
  --text-muted: #8B9DC3;
  --primary: #5B67F0;
  --primary-light: #7C85F5;
  --primary-dark: #4852E5;
  --accent-cyan: #22D3EE;
  --accent-purple: #C026D3;
  --accent-green: #4ADE80;
  --gradient-primary: linear-gradient(135deg, #4852E5 0%, #5B67F0 50%, #7C85F5 100%);
  --gradient-accent: linear-gradient(90deg, #5B67F0 0%, #C026D3 100%);
  --gradient-surface: linear-gradient(180deg, #0F0F23 0%, #1A1A3E 100%);
  --success: #4ADE80;
  --warning: #FBBF24;
  --error: #F43F5E;
  --glow: 0 0 40px rgba(91, 103, 240, 0.5);
  --shadow: 0 10px 40px rgba(91, 103, 240, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   SCHEME 20: AURORA BOREALIS
   Magical, Vibrant, Unique
   ========================================================================== */
[data-theme="aurora-borealis"] {
  --background: #051014;
  --surface: #0A1929;
  --surface-elevated: #132F4C;
  --text-primary: #FFFFFF;
  --text-secondary: #A0F0ED;
  --text-muted: #66D9EF;
  --primary: #00D9FF;
  --primary-light: #33E5FF;
  --primary-dark: #00B8D9;
  --accent-cyan: #00FFD1;
  --accent-purple: #B362FF;
  --accent-green: #52FF00;
  --gradient-primary: linear-gradient(135deg, #00D9FF 0%, #00FFD1 33%, #B362FF 66%, #52FF00 100%);
  --gradient-accent: linear-gradient(90deg, #00D9FF 0%, #B362FF 100%);
  --gradient-surface: linear-gradient(180deg, #051014 0%, #0A1929 100%);
  --success: #52FF00;
  --warning: #FFE500;
  --error: #FF0055;
  --glow: 0 0 60px rgba(0, 217, 255, 0.5);
  --shadow: 0 10px 40px rgba(0, 217, 255, 0.3);
  --border: rgba(255, 255, 255, 0.1);
}