/* ======================================
   AISTUDEO — 25 Premium Themes
   Ported from OSChoices Theme System
   ====================================== */

/* ==========================================
   DARK THEMES
   ========================================== */

/* 1. Dark Modern (Default) */
[data-theme="dark-modern"] {
  --bg: #0a0e17;
  --bg-secondary: #0f1629;
  --card: rgba(15, 22, 41, 0.6);
  --card-hover: rgba(15, 22, 41, 0.8);
  --border: rgba(255, 255, 255, 0.1);
  --border-hover: rgba(255, 255, 255, 0.2);
  --primary: #6366f1;
  --primary-hover: #8b5cf6;
  --primary-glow: rgba(99, 102, 241, 0.3);
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --text-heading: #f1f5f9;
  --success: #22c55e;
}

/* 2. Dracula */
[data-theme="dracula"] {
  --bg: #282a36;
  --bg-secondary: #2d303d;
  --card: rgba(55, 58, 74, 0.6);
  --card-hover: rgba(55, 58, 74, 0.8);
  --border: rgba(255, 255, 255, 0.1);
  --border-hover: rgba(189, 147, 249, 0.3);
  --primary: #bd93f9;
  --primary-hover: #ff79c6;
  --primary-glow: rgba(189, 147, 249, 0.4);
  --text: #f8f8f2;
  --text-muted: #6272a4;
  --text-heading: #f8f8f2;
  --success: #50fa7b;
}

/* 3. Nord */
[data-theme="nord"] {
  --bg: #2e3440;
  --bg-secondary: #3b4252;
  --card: rgba(67, 76, 94, 0.6);
  --card-hover: rgba(67, 76, 94, 0.8);
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(136, 192, 208, 0.3);
  --primary: #88c0d0;
  --primary-hover: #81a1c1;
  --primary-glow: rgba(136, 192, 208, 0.4);
  --text: #eceff4;
  --text-muted: #4c566a;
  --text-heading: #eceff4;
  --success: #a3be8c;
}

/* 4. Cyberpunk */
[data-theme="cyberpunk"] {
  --bg: #0a0a0a;
  --bg-secondary: #141414;
  --card: rgba(31, 31, 31, 0.6);
  --card-hover: rgba(31, 31, 31, 0.8);
  --border: rgba(0, 255, 159, 0.15);
  --border-hover: rgba(0, 255, 159, 0.4);
  --primary: #00ff9f;
  --primary-hover: #ff00ff;
  --primary-glow: rgba(0, 255, 159, 0.5);
  --text: #00ff9f;
  --text-muted: #666666;
  --text-heading: #ffffff;
  --success: #00ff9f;
}

/* 5. Synthwave '84 */
[data-theme="synthwave-84"] {
  --bg: #262335;
  --bg-secondary: #2a2139;
  --card: rgba(52, 41, 79, 0.6);
  --card-hover: rgba(52, 41, 79, 0.8);
  --border: rgba(255, 126, 219, 0.15);
  --border-hover: rgba(255, 126, 219, 0.4);
  --primary: #ff7edb;
  --primary-hover: #fede5d;
  --primary-glow: rgba(255, 126, 219, 0.5);
  --text: #f0eff1;
  --text-muted: #848bbd;
  --text-heading: #f0eff1;
  --success: #72f1b8;
}

/* 6. Monokai */
[data-theme="monokai"] {
  --bg: #272822;
  --bg-secondary: #2d2e27;
  --card: rgba(62, 61, 50, 0.6);
  --card-hover: rgba(62, 61, 50, 0.8);
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(102, 217, 239, 0.3);
  --primary: #66d9ef;
  --primary-hover: #a6e22e;
  --primary-glow: rgba(102, 217, 239, 0.4);
  --text: #f8f8f2;
  --text-muted: #75715e;
  --text-heading: #f8f8f2;
  --success: #a6e22e;
}

/* 7. One Dark Pro */
[data-theme="one-dark-pro"] {
  --bg: #21252b;
  --bg-secondary: #282c34;
  --card: rgba(44, 49, 60, 0.6);
  --card-hover: rgba(44, 49, 60, 0.8);
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(97, 175, 239, 0.3);
  --primary: #61afef;
  --primary-hover: #c678dd;
  --primary-glow: rgba(97, 175, 239, 0.4);
  --text: #abb2bf;
  --text-muted: #5c6370;
  --text-heading: #e5e5e5;
  --success: #98c379;
}

/* 8. GitHub Dark */
[data-theme="github-dark"] {
  --bg: #0d1117;
  --bg-secondary: #161b22;
  --card: rgba(33, 38, 45, 0.6);
  --card-hover: rgba(33, 38, 45, 0.8);
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(88, 166, 255, 0.3);
  --primary: #58a6ff;
  --primary-hover: #3fb950;
  --primary-glow: rgba(88, 166, 255, 0.4);
  --text: #c9d1d9;
  --text-muted: #484f58;
  --text-heading: #f0f6fc;
  --success: #3fb950;
}

/* 9. Solarized Dark */
[data-theme="solarized-dark"] {
  --bg: #002b36;
  --bg-secondary: #073642;
  --card: rgba(7, 54, 66, 0.6);
  --card-hover: rgba(9, 69, 82, 0.8);
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(38, 139, 210, 0.3);
  --primary: #268bd2;
  --primary-hover: #2aa198;
  --primary-glow: rgba(38, 139, 210, 0.4);
  --text: #839496;
  --text-muted: #586e75;
  --text-heading: #93a1a1;
  --success: #859900;
}

/* 10. Red */
[data-theme="red"] {
  --bg: #1a0a0a;
  --bg-secondary: #2a1010;
  --card: rgba(58, 26, 26, 0.6);
  --card-hover: rgba(58, 26, 26, 0.8);
  --border: rgba(255, 107, 107, 0.15);
  --border-hover: rgba(255, 107, 107, 0.4);
  --primary: #ff6b6b;
  --primary-hover: #ff9f43;
  --primary-glow: rgba(255, 107, 107, 0.4);
  --text: #ffdede;
  --text-muted: #994444;
  --text-heading: #ffffff;
  --success: #ff9f43;
}

/* 11. Midnight Blue */
[data-theme="midnight"] {
  --bg: #0f172a;
  --bg-secondary: #1e293b;
  --card: rgba(51, 65, 85, 0.5);
  --card-hover: rgba(51, 65, 85, 0.7);
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(96, 165, 250, 0.3);
  --primary: #60a5fa;
  --primary-hover: #34d399;
  --primary-glow: rgba(96, 165, 250, 0.4);
  --text: #f1f5f9;
  --text-muted: #64748b;
  --text-heading: #f1f5f9;
  --success: #34d399;
}

/* 12. Cosmic Purple */
[data-theme="cosmic"] {
  --bg: #0c0015;
  --bg-secondary: #130020;
  --card: rgba(31, 0, 53, 0.6);
  --card-hover: rgba(31, 0, 53, 0.8);
  --border: rgba(168, 85, 247, 0.15);
  --border-hover: rgba(168, 85, 247, 0.4);
  --primary: #a855f7;
  --primary-hover: #ec4899;
  --primary-glow: rgba(168, 85, 247, 0.4);
  --text: #f3e8ff;
  --text-muted: #7c3aed;
  --text-heading: #f3e8ff;
  --success: #06b6d4;
}

/* 13. Ocean Depths */
[data-theme="ocean"] {
  --bg: #042f2e;
  --bg-secondary: #064e4c;
  --card: rgba(8, 112, 105, 0.4);
  --card-hover: rgba(8, 112, 105, 0.6);
  --border: rgba(34, 211, 238, 0.15);
  --border-hover: rgba(34, 211, 238, 0.4);
  --primary: #22d3ee;
  --primary-hover: #2dd4bf;
  --primary-glow: rgba(34, 211, 238, 0.4);
  --text: #ccfbf1;
  --text-muted: #2dd4bf;
  --text-heading: #ccfbf1;
  --success: #2dd4bf;
}

/* 14. Forest Night */
[data-theme="forest"] {
  --bg: #052e16;
  --bg-secondary: #064e3b;
  --card: rgba(6, 95, 70, 0.4);
  --card-hover: rgba(6, 95, 70, 0.6);
  --border: rgba(74, 222, 128, 0.15);
  --border-hover: rgba(74, 222, 128, 0.4);
  --primary: #4ade80;
  --primary-hover: #a3e635;
  --primary-glow: rgba(74, 222, 128, 0.4);
  --text: #dcfce7;
  --text-muted: #4ade80;
  --text-heading: #dcfce7;
  --success: #4ade80;
}

/* 15. Ember Glow */
[data-theme="ember"] {
  --bg: #1c0a00;
  --bg-secondary: #2c1508;
  --card: rgba(60, 32, 16, 0.6);
  --card-hover: rgba(60, 32, 16, 0.8);
  --border: rgba(251, 146, 60, 0.15);
  --border-hover: rgba(251, 146, 60, 0.4);
  --primary: #fb923c;
  --primary-hover: #fbbf24;
  --primary-glow: rgba(251, 146, 60, 0.4);
  --text: #fff7ed;
  --text-muted: #c2410c;
  --text-heading: #fff7ed;
  --success: #fbbf24;
}

/* 16. Abyss */
[data-theme="abyss"] {
  --bg: #000c18;
  --bg-secondary: #051336;
  --card: rgba(8, 32, 80, 0.4);
  --card-hover: rgba(8, 32, 80, 0.6);
  --border: rgba(102, 136, 204, 0.15);
  --border-hover: rgba(102, 136, 204, 0.4);
  --primary: #6688cc;
  --primary-hover: #22aa44;
  --primary-glow: rgba(102, 136, 204, 0.4);
  --text: #6688cc;
  --text-muted: #384887;
  --text-heading: #aaccff;
  --success: #22aa44;
}

/* 17. Kimbie Dark */
[data-theme="kimbie-dark"] {
  --bg: #221a0f;
  --bg-secondary: #362712;
  --card: rgba(74, 53, 32, 0.6);
  --card-hover: rgba(74, 53, 32, 0.8);
  --border: rgba(220, 150, 86, 0.15);
  --border-hover: rgba(220, 150, 86, 0.4);
  --primary: #dc9656;
  --primary-hover: #889b4a;
  --primary-glow: rgba(220, 150, 86, 0.4);
  --text: #d3af86;
  --text-muted: #7e602c;
  --text-heading: #d3af86;
  --success: #889b4a;
}

/* ==========================================
   LIGHT THEMES
   ========================================== */

/* 18. Light Modern */
[data-theme="light-modern"] {
  --bg: #ffffff;
  --bg-secondary: #f8fafc;
  --card: rgba(241, 245, 249, 0.8);
  --card-hover: rgba(226, 232, 240, 0.9);
  --border: rgba(0, 0, 0, 0.1);
  --border-hover: rgba(59, 130, 246, 0.3);
  --primary: #3b82f6;
  --primary-hover: #2563eb;
  --primary-glow: rgba(59, 130, 246, 0.3);
  --text: #334155;
  --text-muted: #94a3b8;
  --text-heading: #1e293b;
  --success: #22c55e;
}

/* 19. Light Plus */
[data-theme="light-plus"] {
  --bg: #ffffff;
  --bg-secondary: #f3f3f3;
  --card: rgba(232, 232, 232, 0.8);
  --card-hover: rgba(220, 220, 220, 0.9);
  --border: rgba(0, 0, 0, 0.1);
  --border-hover: rgba(0, 102, 184, 0.3);
  --primary: #0066b8;
  --primary-hover: #005498;
  --primary-glow: rgba(0, 102, 184, 0.3);
  --text: #333333;
  --text-muted: #6a6a6a;
  --text-heading: #1e1e1e;
  --success: #008000;
}

/* 20. Quiet Light */
[data-theme="quiet-light"] {
  --bg: #f5f5f5;
  --bg-secondary: #ebebeb;
  --card: rgba(224, 224, 224, 0.8);
  --card-hover: rgba(210, 210, 210, 0.9);
  --border: rgba(0, 0, 0, 0.1);
  --border-hover: rgba(75, 105, 198, 0.3);
  --primary: #4b69c6;
  --primary-hover: #7a3e9d;
  --primary-glow: rgba(75, 105, 198, 0.3);
  --text: #555555;
  --text-muted: #888888;
  --text-heading: #333333;
  --success: #7a3e9d;
}

/* 21. Solarized Light */
[data-theme="solarized-light"] {
  --bg: #fdf6e3;
  --bg-secondary: #eee8d5;
  --card: rgba(221, 214, 193, 0.8);
  --card-hover: rgba(210, 200, 180, 0.9);
  --border: rgba(0, 0, 0, 0.08);
  --border-hover: rgba(38, 139, 210, 0.3);
  --primary: #268bd2;
  --primary-hover: #2aa198;
  --primary-glow: rgba(38, 139, 210, 0.3);
  --text: #586e75;
  --text-muted: #93a1a1;
  --text-heading: #073642;
  --success: #859900;
}

/* 22. Dark VS */
[data-theme="dark-vs"] {
  --bg: #1e1e1e;
  --bg-secondary: #252526;
  --card: rgba(45, 45, 48, 0.6);
  --card-hover: rgba(45, 45, 48, 0.8);
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(86, 156, 214, 0.3);
  --primary: #569cd6;
  --primary-hover: #4fc1ff;
  --primary-glow: rgba(86, 156, 214, 0.4);
  --text: #d4d4d4;
  --text-muted: #6a9955;
  --text-heading: #e5e5e5;
  --success: #4ec9b0;
}

/* 23. Dark Plus */
[data-theme="dark-plus"] {
  --bg: #1e1e1e;
  --bg-secondary: #252526;
  --card: rgba(51, 51, 51, 0.6);
  --card-hover: rgba(51, 51, 51, 0.8);
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(86, 156, 214, 0.3);
  --primary: #569cd6;
  --primary-hover: #ce9178;
  --primary-glow: rgba(86, 156, 214, 0.4);
  --text: #d4d4d4;
  --text-muted: #808080;
  --text-heading: #e5e5e5;
  --success: #4ec9b0;
}

/* 24. Monokai Dimmed */
[data-theme="monokai-dimmed"] {
  --bg: #1e1f1c;
  --bg-secondary: #272822;
  --card: rgba(62, 61, 50, 0.6);
  --card-hover: rgba(62, 61, 50, 0.8);
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(159, 202, 86, 0.3);
  --primary: #9fca56;
  --primary-hover: #55b5db;
  --primary-glow: rgba(159, 202, 86, 0.4);
  --text: #c5c8c6;
  --text-muted: #6a6a5b;
  --text-heading: #e5e5e5;
  --success: #9fca56;
}

/* 25. Tokyo Night Light */
[data-theme="tokyo-night-light"] {
  --bg: #d5d6db;
  --bg-secondary: #cbccd1;
  --card: rgba(192, 193, 198, 0.8);
  --card-hover: rgba(180, 181, 186, 0.9);
  --border: rgba(0, 0, 0, 0.1);
  --border-hover: rgba(52, 84, 138, 0.3);
  --primary: #34548a;
  --primary-hover: #33635c;
  --primary-glow: rgba(52, 84, 138, 0.3);
  --text: #565a6e;
  --text-muted: #9699a3;
  --text-heading: #343b58;
  --success: #33635c;
}