/* ==========================================================================
   22 DISTINCT UI/UX DESIGN THEMES FOR NPS-HANCHINMANI ALLIANCE
   ========================================================================== */

/* 1. Glassmorphism Luxe (Default) */
body.theme-glassmorphic {
  --bg-primary: #070d19;
  --bg-secondary: #0e172a;
  --bg-card: rgba(30, 41, 59, 0.65);
  --border-color: rgba(255, 255, 255, 0.15);
  --border-accent: rgba(212, 175, 55, 0.4);
  --accent-gold: #d4af37;
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --backdrop-blur: 20px;
}

/* 2. Bento Box Tech (Modern Japanese Compartmentalized Grid) */
body.theme-bento-tech {
  --bg-primary: #09090b;
  --bg-secondary: #18181b;
  --bg-card: #18181b;
  --bg-card-hover: #27272a;
  --border-color: #27272a;
  --border-accent: #3f3f46;
  --accent-gold: #f59e0b;
  --text-primary: #fafafa;
  --text-secondary: #a1a1aa;
  --backdrop-blur: 0px;
  --radius-md: 12px;
}

/* 3. Dark Mode Cyber Gold (Prestige Obsidian & Imperial Gold) */
body.theme-dark-luxe {
  --bg-primary: #03060a;
  --bg-secondary: #0a0f19;
  --bg-card: rgba(16, 24, 38, 0.9);
  --border-color: rgba(212, 175, 55, 0.25);
  --border-accent: #ffd700;
  --accent-gold: #ffd700;
  --accent-gold-glow: rgba(255, 215, 0, 0.4);
  --text-primary: #ffffff;
  --text-secondary: #cbd5e1;
}

/* 4. Aurora Luminous Mesh Gradient */
body.theme-aurora-mesh {
  --bg-primary: #050515;
  --bg-secondary: #0f1026;
  --bg-card: rgba(25, 20, 60, 0.6);
  --border-color: rgba(147, 51, 234, 0.3);
  --border-accent: rgba(236, 72, 153, 0.5);
  --accent-gold: #f472b6;
  --text-primary: #ffffff;
  --text-secondary: #c084fc;
  --backdrop-blur: 24px;
}

/* 5. Neomorphism Soft Tactile */
body.theme-neomorphism {
  --bg-primary: #1e2530;
  --bg-secondary: #191f29;
  --bg-card: #1e2530;
  --border-color: rgba(255, 255, 255, 0.05);
  --border-accent: rgba(255, 255, 255, 0.1);
  --accent-gold: #38bdf8;
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --shadow-md: 8px 8px 16px #151a22, -8px -8px 16px #27303e;
}

/* 6. Claymorphic Playful 3D Pastel */
body.theme-claymorphism {
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --bg-card: #334155;
  --border-color: rgba(255, 255, 255, 0.2);
  --border-accent: #38bdf8;
  --accent-gold: #fbbf24;
  --text-primary: #ffffff;
  --text-secondary: #e2e8f0;
  --radius-md: 24px;
  --shadow-md: 0 20px 25px -5px rgba(0, 0, 0, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.3);
}

/* 7. Bento Brutalism High Impact */
body.theme-bento-brutalism {
  --bg-primary: #f8fafc;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --border-color: #000000;
  --border-accent: #000000;
  --accent-gold: #facc15;
  --text-primary: #000000;
  --text-secondary: #1e293b;
  --radius-md: 0px;
  --radius-lg: 0px;
  --shadow-md: 6px 6px 0px #000000;
}

/* 8. Y2K Cybercore Retro-Futurism */
body.theme-y2k-cyber {
  --bg-primary: #020617;
  --bg-secondary: #090d16;
  --bg-card: rgba(15, 23, 42, 0.85);
  --border-color: #06b6d4;
  --border-accent: #ec4899;
  --accent-gold: #22d3ee;
  --text-primary: #f0fdf4;
  --text-secondary: #a7f3d0;
  --font-heading: 'Space Grotesk', sans-serif;
}

/* 9. Vaporwave Retrowave Neon */
body.theme-vaporwave {
  --bg-primary: #18002e;
  --bg-secondary: #2b0052;
  --bg-card: rgba(60, 0, 110, 0.7);
  --border-color: #ff007f;
  --border-accent: #00f0ff;
  --accent-gold: #00f0ff;
  --text-primary: #ffffff;
  --text-secondary: #f472b6;
}

/* 10. Minimalist Editorial Monolith */
body.theme-minimalist-editorial {
  --bg-primary: #fbfbfb;
  --bg-secondary: #f1f1f1;
  --bg-card: #ffffff;
  --border-color: #e5e5e5;
  --border-accent: #171717;
  --accent-gold: #b45309;
  --text-primary: #171717;
  --text-secondary: #525252;
  --font-heading: 'Cinzel', serif;
  --radius-md: 4px;
}

/* 11. Bio-Green Science (NEET Medical Specialty) */
body.theme-bio-green {
  --bg-primary: #022c22;
  --bg-secondary: #064e3b;
  --bg-card: rgba(6, 78, 59, 0.7);
  --border-color: rgba(52, 211, 153, 0.3);
  --border-accent: #34d399;
  --accent-gold: #fbbf24;
  --text-primary: #ecfdf5;
  --text-secondary: #a7f3d0;
}

/* 12. Deep Ocean Royal Navy & Gold */
body.theme-royal-navy {
  --bg-primary: #0a192f;
  --bg-secondary: #112240;
  --bg-card: rgba(23, 42, 69, 0.8);
  --border-color: rgba(100, 255, 218, 0.2);
  --border-accent: #d4af37;
  --accent-gold: #d4af37;
  --text-primary: #e6f1ff;
  --text-secondary: #8892b0;
}

/* 13. Cosmic Galaxy Stardust */
body.theme-cosmic-galaxy {
  --bg-primary: #030014;
  --bg-secondary: #0c0728;
  --bg-card: rgba(25, 16, 60, 0.7);
  --border-color: rgba(120, 80, 255, 0.4);
  --border-accent: #a855f7;
  --accent-gold: #c084fc;
  --text-primary: #ffffff;
  --text-secondary: #ddd6fe;
}

/* 14. Paper Craft Warm Bronze */
body.theme-paper-craft {
  --bg-primary: #f5f2eb;
  --bg-secondary: #eae5d9;
  --bg-card: #faf8f5;
  --border-color: #d6cebe;
  --border-accent: #92400e;
  --accent-gold: #b45309;
  --text-primary: #292524;
  --text-secondary: #57534e;
}

/* 15. High Contrast Accessible */
body.theme-high-contrast {
  --bg-primary: #000000;
  --bg-secondary: #121212;
  --bg-card: #000000;
  --border-color: #ffff00;
  --border-accent: #ffff00;
  --accent-gold: #ffff00;
  --text-primary: #ffffff;
  --text-secondary: #ffffff;
  --radius-md: 0px;
}

/* 16. Sunset Academic Coral */
body.theme-sunset-academic {
  --bg-primary: #1a090d;
  --bg-secondary: #2b0f16;
  --bg-card: rgba(60, 20, 30, 0.7);
  --border-color: rgba(244, 63, 94, 0.3);
  --border-accent: #fb923c;
  --accent-gold: #fde047;
  --text-primary: #fff1f2;
  --text-secondary: #fecdd3;
}

/* 17. Cyberpunk 2077 Electric Yellow */
body.theme-cyberpunk-2077 {
  --bg-primary: #0d0d0d;
  --bg-secondary: #1a1a1a;
  --bg-card: #1a1a1a;
  --border-color: #ffee00;
  --border-accent: #00f0ff;
  --accent-gold: #ffee00;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --radius-md: 0px;
}

/* 18. Emerald & Gold Luxury */
body.theme-emerald-gold {
  --bg-primary: #031c15;
  --bg-secondary: #093327;
  --bg-card: rgba(13, 56, 44, 0.85);
  --border-color: rgba(212, 175, 55, 0.3);
  --border-accent: #eab308;
  --accent-gold: #eab308;
  --text-primary: #f0fdf4;
  --text-secondary: #bbf7d0;
}

/* 19. Nordic Frost Arctic Glass */
body.theme-nordic-frost {
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --bg-card: rgba(255, 255, 255, 0.07);
  --border-color: rgba(56, 189, 248, 0.3);
  --border-accent: #38bdf8;
  --accent-gold: #38bdf8;
  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --backdrop-blur: 24px;
}

/* 20. Midnight Lavender Obsidian */
body.theme-midnight-purple {
  --bg-primary: #090514;
  --bg-secondary: #130b28;
  --bg-card: rgba(30, 18, 60, 0.8);
  --border-color: rgba(168, 85, 247, 0.3);
  --border-accent: #c084fc;
  --accent-gold: #e879f9;
  --text-primary: #faf5ff;
  --text-secondary: #e9d5ff;
}

/* 21. Holographic Rainbow Foil Shimmer */
body.theme-holographic-foil {
  --bg-primary: #09090b;
  --bg-secondary: #18181b;
  --bg-card: rgba(24, 24, 27, 0.8);
  --border-color: rgba(255, 255, 255, 0.2);
  --border-accent: #ec4899;
  --accent-gold: #a855f7;
  --text-primary: #ffffff;
  --text-secondary: #e4e4e7;
}

/* 22. Academic Crest Classic Navy & Crimson */
body.theme-academic-classic {
  --bg-primary: #06101e;
  --bg-secondary: #0d1b2a;
  --bg-card: rgba(13, 27, 42, 0.85);
  --border-color: rgba(186, 24, 27, 0.4);
  --border-accent: #d4af37;
  --accent-gold: #d4af37;
  --text-primary: #ffffff;
  --text-secondary: #e0e1dd;
}