/* ====================================================
   GATHOS UI THEMES
   ==================================================== */

/* 1. Glass Aurora (Holographic Premium) */
html.theme-aurora {
  --bg-void:    #0B0F19;
  --bg-deep:    #111827;
  --bg-base:    #1F2937;
  
  --glass-1:    rgba(17, 24, 39, 0.45);
  --glass-2:    rgba(31, 41, 55, 0.55);
  --glass-3:    rgba(55, 65, 81, 0.65);
  --glass-border:       rgba(255, 255, 255, 0.08);
  --glass-border-hover: rgba(255, 255, 255, 0.15);
  --glass-blur: blur(32px) saturate(2.2);

  --accent:          #38BDF8; /* Cyan-ish blue */
  --accent-bright:   #7DD3FC;
  --accent-light:    #BAE6FD;
  --accent-glow:     rgba(56, 189, 248, 0.25);
  --accent-gradient: linear-gradient(135deg, #38BDF8 0%, #A78BFA 100%);
  --accent-text:     #E0E7FF;
  
  --cyan:         #2DD4BF;
  --cyan-dim:     #5EEAD4;
  --cyan-glow:    rgba(45, 212, 191, 0.25);
  --emerald:      #34D399;
  --emerald-dim:  #6EE7B7;
  --emerald-glow: rgba(52, 211, 153, 0.20);
  --amber:        #FBBF24;
  --amber-glow:   rgba(251, 191, 36, 0.22);
  --rose:         #F43F5E;
  --rose-glow:    rgba(244, 63, 94, 0.22);
  --violet:       #A78BFA;
  --violet-glow:  rgba(167, 139, 250, 0.22);

  --text-0: #FFFFFF;
  --text-1: #F3F4F6;
  --text-2: #E5E7EB;
  --text-3: #9CA3AF;
  --text-4: #6B7280;
  --text-5: #4B5563;
}

/* 2. Cyber Neo (Dark Cyberpunk) */
html.theme-cyberpunk {
  --bg-void:    #000000;
  --bg-deep:    #050505;
  --bg-base:    #090909;
  
  --glass-1:    rgba(0, 0, 0, 0.85);
  --glass-2:    rgba(10, 10, 10, 0.90);
  --glass-3:    rgba(15, 15, 15, 0.95);
  --glass-border:       rgba(255, 0, 85, 0.3);
  --glass-border-hover: rgba(255, 0, 85, 0.8);
  --glass-blur: blur(8px) saturate(1.2);

  --accent:          #FF0055; /* Neon Pink */
  --accent-bright:   #FF3377;
  --accent-light:    #FF6699;
  --accent-glow:     rgba(255, 0, 85, 0.35);
  --accent-gradient: linear-gradient(135deg, #FF0055 0%, #00EAFF 100%);
  --accent-text:     #FFFFFF;
  
  --cyan:         #00EAFF;
  --cyan-dim:     #33EEFF;
  --cyan-glow:    rgba(0, 234, 255, 0.35);
  --emerald:      #00FF66;
  --emerald-dim:  #33FF88;
  --emerald-glow: rgba(0, 255, 102, 0.35);
  --amber:        #FFDD00;
  --amber-glow:   rgba(255, 221, 0, 0.35);
  --rose:         #FF0055;
  --rose-glow:    rgba(255, 0, 85, 0.35);
  --violet:       #AA00FF;
  --violet-glow:  rgba(170, 0, 255, 0.35);

  --text-0: #FFFFFF;
  --text-1: #EEEEEE;
  --text-2: #CCCCCC;
  --text-3: #888888;
  --text-4: #555555;
  --text-5: #333333;
}

/* 3. Nordic Bento (Minimalist Matte) */
html.theme-bento {
  --bg-void:    #2E3440;
  --bg-deep:    #3B4252;
  --bg-base:    #434C5E;
  
  --glass-1:    rgba(59, 66, 82, 0.95);
  --glass-2:    rgba(67, 76, 94, 0.95);
  --glass-3:    rgba(76, 86, 106, 0.95);
  --glass-border:       rgba(216, 222, 233, 0.1);
  --glass-border-hover: rgba(216, 222, 233, 0.25);
  --glass-blur: blur(0px) saturate(1.0); /* Solid Matte look */

  --accent:          #88C0D0; /* Frost Blue */
  --accent-bright:   #8FBCBB;
  --accent-light:    #ECEFF4;
  --accent-glow:     rgba(136, 192, 208, 0.2);
  --accent-gradient: linear-gradient(135deg, #81A1C1 0%, #88C0D0 100%);
  --accent-text:     #ECEFF4;
  
  --cyan:         #8FBCBB;
  --cyan-dim:     #88C0D0;
  --cyan-glow:    rgba(143, 188, 187, 0.2);
  --emerald:      #A3BE8C;
  --emerald-dim:  #B2CC9D;
  --emerald-glow: rgba(163, 190, 140, 0.2);
  --amber:        #EBCB8B;
  --amber-glow:   rgba(235, 203, 139, 0.2);
  --rose:         #BF616A;
  --rose-glow:    rgba(191, 97, 106, 0.2);
  --violet:       #B48EAD;
  --violet-glow:  rgba(180, 142, 173, 0.2);

  --text-0: #FFFFFF;
  --text-1: #ECEFF4;
  --text-2: #E5E9F0;
  --text-3: #D8DEE9;
  --text-4: #9A9FA9;
  --text-5: #6F7582;
}

/* 4. Monochrome Apex (High-End Professional) */
html.theme-neumorphism {
  --bg-void:    #0F0F0F;
  --bg-deep:    #141414;
  --bg-base:    #1F1F1F;
  
  --glass-1:    #141414;
  --glass-2:    #1A1A1A;
  --glass-3:    #242424;
  --glass-border:       #2A2A2A;
  --glass-border-hover: #444444;
  --glass-blur: blur(0px);

  --accent:          #FFFFFF; /* Pure White */
  --accent-bright:   #FFFFFF;
  --accent-light:    #E0E0E0;
  --accent-glow:     rgba(255, 255, 255, 0.15);
  --accent-gradient: linear-gradient(135deg, #E0E0E0 0%, #888888 100%);
  --accent-text:     #000000;
  
  --cyan:         #CCCCCC;
  --cyan-dim:     #AAAAAA;
  --cyan-glow:    rgba(255, 255, 255, 0.1);
  --emerald:      #E0E0E0;
  --emerald-dim:  #FFFFFF;
  --emerald-glow: rgba(255, 255, 255, 0.1);
  --amber:        #AAAAAA;
  --amber-glow:   rgba(255, 255, 255, 0.1);
  --rose:         #888888;
  --rose-glow:    rgba(255, 255, 255, 0.1);
  --violet:       #CCCCCC;
  --violet-glow:  rgba(255, 255, 255, 0.1);

  --text-0: #FFFFFF;
  --text-1: #F5F5F7;
  --text-2: #D2D2D7;
  --text-3: #86868B;
  --text-4: #6E6E73;
  --text-5: #424245;
}

/* 5. Midnight Velvet (Deep Elegance) */
html.theme-midnight {
  --bg-void:    #070A15;
  --bg-deep:    #0C101F;
  --bg-base:    #12182B;
  
  --glass-1:    rgba(12, 16, 31, 0.7);
  --glass-2:    rgba(18, 24, 43, 0.8);
  --glass-3:    rgba(24, 32, 55, 0.9);
  --glass-border:       rgba(212, 175, 55, 0.2); /* Champagne Gold */
  --glass-border-hover: rgba(212, 175, 55, 0.5);
  --glass-blur: blur(20px) saturate(1.5);

  --accent:          #D4AF37; /* Champagne Gold */
  --accent-bright:   #F3E5AB;
  --accent-light:    #FFF5C3;
  --accent-glow:     rgba(212, 175, 55, 0.25);
  --accent-gradient: linear-gradient(135deg, #D4AF37 0%, #AA7C11 100%);
  --accent-text:     #FFF5C3;
  
  --cyan:         #8FAADC;
  --cyan-dim:     #6D8EBF;
  --cyan-glow:    rgba(143, 170, 220, 0.2);
  --emerald:      #6BAE8A;
  --emerald-dim:  #528A6B;
  --emerald-glow: rgba(107, 174, 138, 0.2);
  --amber:        #D4AF37;
  --amber-glow:   rgba(212, 175, 55, 0.2);
  --rose:         #C55A6B;
  --rose-glow:    rgba(197, 90, 107, 0.2);
  --violet:       #9172B5;
  --violet-glow:  rgba(145, 114, 181, 0.2);

  --text-0: #FFFFFF;
  --text-1: #FAF9F6; /* Off-white */
  --text-2: #E8E5DF;
  --text-3: #B5B2AC;
  --text-4: #8B8984;
  --text-5: #5E5D59;
}