/* ===== ÍNDICE DE TEMAS ===== */
1. Name
2. Description
3. Option
4. Info
5. Name
6. Description
7. Light
8. Dark
9. Very Dark
10. Discord
11. Amoled
12. Gaming
13. Nature
14. Ocean
15. Sunset
16. Purple
17. Cyberpunk
18. Retro
19. Midnight
20. Candy
21. Gold
22. Space
23. Forest
24. Lavender
25. Fire
26. Ice
27. Chocolate
28. Slate
29. Emerald
30. Rose
31. Sky
32. Mint
33. Peach
34. Grape
35. Sand
36. Twilight
37. Crimson
38. Aqua
39. Cotton Candy
40. Neon
41. Pastel
42. Midnight Purple
43. Sunrise
44. Deep Ocean
45. Berry
46. Honey
47. Lime
48. Silver
49. Royal
50. Violet
51. Cyan
52. Orange
53. Pink
54. Teal
55. Indigo
56. Yellow
57. Amber
58. Red
59. Green
60. Blue
61. Purple
62. Gray
63. Zinc
64. Stone
65. Neutral
66. Warm
67. Cool
68. Spring
69. Summer
70. Autumn
71. Winter
72. Rainbow
73. Galaxy
74. Nord
75. Dracula
76. Gruvbox
77. Solarized
78. Monokai
79. Material
80. One Dark
81. Tokyo Night
82. Catppuccin
83. Rose Pine
84. Kanagawa
85. Everforest
86. Github Dark
87. Github Light
88. Synthwave
89. Horizon


/* ===== TEMA NAME ===== */
.theme-name {
    color: var(--text) !important;
    font-weight: 500;
}

/* ===== TEMA DESCRIPTION ===== */
.theme-description {
    color: var(--muted) !important;
}

/* ===== TEMA OPTION ===== */
.theme-option {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: var(--card-bg);
    border-radius: 12px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--border-color);
}

/* ===== TEMA INFO ===== */
.theme-info {
    flex: 1;
}

/* ===== TEMA NAME ===== */
.theme-name {
    color: var(--primary);;
}

/* ===== TEMA DESCRIPTION ===== */
.theme-description {
    font-size: 0.8rem;
    color: var(--muted);
}

/* ===== TEMA LIGHT ===== */
.theme-light {
    --primary: #5865F2;
    --primary-2: #4e5d94;
    --bg: #f0f2f5;
    --bg-2: #ffffff;
    --text: #2e3338;
    --muted: #4f5660;
    --card-bg: rgba(255, 255, 255, 0.9);
    --search-bg: #ffffff;
    --nav-bg: #ffffff;
    --modal-bg: rgba(255, 255, 255, 0.95);
    --border-color: rgba(0, 0, 0, 0.1);
    --gradient: linear-gradient(135deg, #e3e5e8, #5865F2);
}

/* ===== TEMA DARK ===== */
.theme-dark {
    --primary: #5865F2;
    --primary-2: #4e5d94;
    --bg: #14161d;
    --bg-2: #1a1d26;
    --text: #e9ebff;
    --muted: #b6baf2;
    --card-bg: rgba(16, 18, 27, 0.7);
    --search-bg: #1f2330;
    --nav-bg: #0b0c10;
    --modal-bg: rgba(16, 18, 27, 0.9);
    --border-color: rgba(255, 255, 255, 0.06);
    --gradient: linear-gradient(135deg, #23272a, #5865F2);
}

/* ===== TEMA VERY DARK ===== */
.theme-very-dark {
    --primary: #5865F2;
    --primary-2: #4e5d94;
    --bg: #0a0a0f;
    --bg-2: #0f0f17;
    --text: #ffffff;
    --muted: #a0a5d6;
    --card-bg: rgba(20, 20, 30, 0.9);
    --search-bg: #151522;
    --nav-bg: #050508;
    --modal-bg: rgba(10, 10, 15, 0.98);
    --border-color: rgba(255, 255, 255, 0.08);
    --gradient: linear-gradient(135deg, #0a0a0f, #5865F2);
}

/* ===== TEMA DISCORD ===== */
.theme-discord {
    --primary: #5865F2;
    --primary-2: #4752C4;
    --bg: #36393f;
    --bg-2: #2f3136;
    --text: #ffffff;
    --muted: #b9bbbe;
    --card-bg: rgba(47, 49, 54, 0.9);
    --search-bg: #40444b;
    --nav-bg: #202225;
    --modal-bg: rgba(54, 57, 63, 0.98);
    --border-color: rgba(255, 255, 255, 0.04);
    --gradient: linear-gradient(135deg, #36393f, #5865F2);
}

/* ===== TEMA AMOLED ===== */
.theme-amoled {
    --primary: #5865F2;
    --primary-2: #4752C4;
    --bg: #000000;
    --bg-2: #0a0a0a;
    --text: #ffffff;
    --muted: #888888;
    --card-bg: rgba(20, 20, 20, 0.9);
    --search-bg: #111111;
    --nav-bg: #000000;
    --modal-bg: rgba(0, 0, 0, 0.98);
    --border-color: rgba(255, 255, 255, 0.05);
    --gradient: linear-gradient(135deg, #000000, #5865F2);
}

/* ===== TEMA GAMING ===== */
.theme-gaming {
    --primary: #ff4656;
    --primary-2: #e63e4d;
    --bg: #0f1923;
    --bg-2: #1a2b3c;
    --text: #ffffff;
    --muted: #76808c;
    --card-bg: rgba(15, 25, 35, 0.9);
    --search-bg: #1e2b38;
    --nav-bg: #0a121b;
    --modal-bg: rgba(15, 25, 35, 0.98);
    --border-color: rgba(255, 70, 86, 0.2);
    --gradient: linear-gradient(135deg, #0f1923, #ff4656);
}

/* ===== TEMA NATURE ===== */
.theme-nature {
    --primary: #22c55e;
    --primary-2: #16a34a;
    --bg: #f0fdf4;
    --bg-2: #dcfce7;
    --text: #14532d;
    --muted: #15803d;
    --card-bg: rgba(220, 252, 231, 0.9);
    --search-bg: #bbf7d0;
    --nav-bg: #dcfce7;
    --modal-bg: rgba(240, 253, 244, 0.95);
    --border-color: rgba(34, 197, 94, 0.2);
    --gradient: linear-gradient(135deg, #dcfce7, #22c55e);
}

/* ===== TEMA OCEAN ===== */
.theme-ocean {
    --primary: #06b6d4;
    --primary-2: #0891b2;
    --bg: #ecfeff;
    --bg-2: #cffafe;
    --text: #164e63;
    --muted: #0e7490;
    --card-bg: rgba(207, 250, 254, 0.9);
    --search-bg: #a5f3fc;
    --nav-bg: #cffafe;
    --modal-bg: rgba(236, 254, 255, 0.95);
    --border-color: rgba(6, 182, 212, 0.2);
    --gradient: linear-gradient(135deg, #cffafe, #06b6d4);
}

/* ===== TEMA SUNSET ===== */
.theme-sunset {
    --primary: #f97316;
    --primary-2: #ea580c;
    --bg: #fff7ed;
    --bg-2: #ffedd5;
    --text: #7c2d12;
    --muted: #c2410c;
    --card-bg: rgba(255, 237, 213, 0.9);
    --search-bg: #fed7aa;
    --nav-bg: #ffedd5;
    --modal-bg: rgba(255, 247, 237, 0.95);
    --border-color: rgba(249, 115, 22, 0.2);
    --gradient: linear-gradient(135deg, #ffedd5, #f97316);
}

/* ===== TEMA PURPLE ===== */
.theme-purple {
    --primary: #a855f7;
    --primary-2: #9333ea;
    --bg: #faf5ff;
    --bg-2: #f3e8ff;
    --text: #581c87;
    --muted: #7e22ce;
    --card-bg: rgba(243, 232, 255, 0.9);
    --search-bg: #e9d5ff;
    --nav-bg: #f3e8ff;
    --modal-bg: rgba(250, 245, 255, 0.95);
    --border-color: rgba(168, 85, 247, 0.2);
    --gradient: linear-gradient(135deg, #f3e8ff, #a855f7);
}

/* ===== TEMA CYBERPUNK ===== */
.theme-cyberpunk {
    --primary: #00ff88;
    --primary-2: #00cc6a;
    --bg: #0a0a12;
    --bg-2: #151522;
    --text: #00ff88;
    --muted: #00cc6a;
    --card-bg: rgba(21, 21, 34, 0.9);
    --search-bg: #1a1a2e;
    --nav-bg: #050508;
    --modal-bg: rgba(10, 10, 18, 0.98);
    --border-color: rgba(0, 255, 136, 0.3);
    --gradient: linear-gradient(135deg, #0a0a12, #00ff88);
}

/* ===== TEMA RETRO ===== */
.theme-retro {
    --primary: #f59e0b;
    --primary-2: #d97706;
    --bg: #fef3c7;
    --bg-2: #fef7cd;
    --text: #78350f;
    --muted: #92400e;
    --card-bg: rgba(254, 247, 205, 0.9);
    --search-bg: #fde68a;
    --nav-bg: #fef7cd;
    --modal-bg: rgba(254, 243, 199, 0.95);
    --border-color: rgba(245, 158, 11, 0.3);
    --gradient: linear-gradient(135deg, #fef7cd, #f59e0b);
}

/* ===== TEMA MIDNIGHT ===== */
.theme-midnight {
    --primary: #6366f1;
    --primary-2: #4f46e5;
    --bg: #0f172a;
    --bg-2: #1e293b;
    --text: #f1f5f9;
    --muted: #94a3b8;
    --card-bg: rgba(30, 41, 59, 0.9);
    --search-bg: #334155;
    --nav-bg: #0f172a;
    --modal-bg: rgba(15, 23, 42, 0.98);
    --border-color: rgba(99, 102, 241, 0.3);
    --gradient: linear-gradient(135deg, #0f172a, #6366f1);
}

/* ===== TEMA CANDY ===== */
.theme-candy {
    --primary: #ec4899;
    --primary-2: #db2777;
    --bg: #fdf2f8;
    --bg-2: #fce7f3;
    --text: #831843;
    --muted: #be185d;
    --card-bg: rgba(252, 231, 243, 0.9);
    --search-bg: #fbcfe8;
    --nav-bg: #fce7f3;
    --modal-bg: rgba(253, 242, 248, 0.95);
    --border-color: rgba(236, 72, 153, 0.2);
    --gradient: linear-gradient(135deg, #fce7f3, #ec4899);
}

/* ===== TEMA GOLD ===== */
.theme-gold {
    --primary: #fbbf24;
    --primary-2: #f59e0b;
    --bg: #fefce8;
    --bg-2: #fef9c3;
    --text: #713f12;
    --muted: #a16207;
    --card-bg: rgba(254, 249, 195, 0.9);
    --search-bg: #fde047;
    --nav-bg: #fef9c3;
    --modal-bg: rgba(254, 252, 232, 0.95);
    --border-color: rgba(251, 191, 36, 0.3);
    --gradient: linear-gradient(135deg, #fef9c3, #fbbf24);
}

/* ===== TEMA SPACE ===== */
.theme-space {
    --primary: #8b5cf6;
    --primary-2: #7c3aed;
    --bg: #030712;
    --bg-2: #111827;
    --text: #e5e7eb;
    --muted: #9ca3af;
    --card-bg: rgba(17, 24, 39, 0.9);
    --search-bg: #1f2937;
    --nav-bg: #030712;
    --modal-bg: rgba(3, 7, 18, 0.98);
    --border-color: rgba(139, 92, 246, 0.3);
    --gradient: linear-gradient(135deg, #030712, #8b5cf6);
}

/* ===== TEMA FOREST ===== */
.theme-forest {
    --primary: #16a34a;
    --primary-2: #15803d;
    --bg: #f0fdf4;
    --bg-2: #dcfce7;
    --text: #14532d;
    --muted: #15803d;
    --card-bg: rgba(220, 252, 231, 0.9);
    --search-bg: #bbf7d0;
    --nav-bg: #dcfce7;
    --modal-bg: rgba(240, 253, 244, 0.95);
    --border-color: rgba(22, 163, 74, 0.2);
    --gradient: linear-gradient(135deg, #dcfce7, #16a34a);
}

/* ===== TEMA LAVENDER ===== */
.theme-lavender {
    --primary: #a78bfa;
    --primary-2: #8b5cf6;
    --bg: #faf5ff;
    --bg-2: #f3e8ff;
    --text: #581c87;
    --muted: #7e22ce;
    --card-bg: rgba(243, 232, 255, 0.9);
    --search-bg: #e9d5ff;
    --nav-bg: #f3e8ff;
    --modal-bg: rgba(250, 245, 255, 0.95);
    --border-color: rgba(167, 139, 250, 0.2);
    --gradient: linear-gradient(135deg, #f3e8ff, #a78bfa);
}

/* ===== TEMA FIRE ===== */
.theme-fire {
    --primary: #dc2626;
    --primary-2: #b91c1c;
    --bg: #fef2f2;
    --bg-2: #fee2e2;
    --text: #7f1d1d;
    --muted: #b91c1c;
    --card-bg: rgba(254, 226, 226, 0.9);
    --search-bg: #fecaca;
    --nav-bg: #fee2e2;
    --modal-bg: rgba(254, 242, 242, 0.95);
    --border-color: rgba(220, 38, 38, 0.2);
    --gradient: linear-gradient(135deg, #fee2e2, #dc2626);
}

/* ===== TEMA ICE ===== */
.theme-ice {
    --primary: #0ea5e9;
    --primary-2: #0284c7;
    --bg: #f0f9ff;
    --bg-2: #e0f2fe;
    --text: #0c4a6e;
    --muted: #0369a1;
    --card-bg: rgba(224, 242, 254, 0.9);
    --search-bg: #bae6fd;
    --nav-bg: #e0f2fe;
    --modal-bg: rgba(240, 249, 255, 0.95);
    --border-color: rgba(14, 165, 233, 0.2);
    --gradient: linear-gradient(135deg, #e0f2fe, #0ea5e9);
}

/* ===== TEMA CHOCOLATE ===== */
.theme-chocolate {
    --primary: #92400e;
    --primary-2: #78350f;
    --bg: #fefce8;
    --bg-2: #fef9c3;
    --text: #451a03;
    --muted: #92400e;
    --card-bg: rgba(254, 249, 195, 0.9);
    --search-bg: #fde047;
    --nav-bg: #fef9c3;
    --modal-bg: rgba(254, 252, 232, 0.95);
    --border-color: rgba(146, 64, 14, 0.2);
    --gradient: linear-gradient(135deg, #fef9c3, #92400e);
}

/* ===== TEMA SLATE ===== */
.theme-slate {
    --primary: #475569;
    --primary-2: #334155;
    --bg: #f1f5f9;
    --bg-2: #e2e8f0;
    --text: #1e293b;
    --muted: #475569;
    --card-bg: rgba(226, 232, 240, 0.9);
    --search-bg: #cbd5e1;
    --nav-bg: #e2e8f0;
    --modal-bg: rgba(241, 245, 249, 0.95);
    --border-color: rgba(71, 85, 105, 0.2);
    --gradient: linear-gradient(135deg, #e2e8f0, #475569);
}

/* ===== TEMA EMERALD ===== */
.theme-emerald {
    --primary: #10b981;
    --primary-2: #059669;
    --bg: #ecfdf5;
    --bg-2: #d1fae5;
    --text: #064e3b;
    --muted: #047857;
    --card-bg: rgba(209, 250, 229, 0.9);
    --search-bg: #a7f3d0;
    --nav-bg: #d1fae5;
    --modal-bg: rgba(236, 253, 245, 0.95);
    --border-color: rgba(16, 185, 129, 0.2);
    --gradient: linear-gradient(135deg, #d1fae5, #10b981);
}

/* ===== TEMA ROSE ===== */
.theme-rose {
    --primary: #f43f5e;
    --primary-2: #e11d48;
    --bg: #fff1f2;
    --bg-2: #ffe4e6;
    --text: #881337;
    --muted: #be123c;
    --card-bg: rgba(255, 228, 230, 0.9);
    --search-bg: #fecdd3;
    --nav-bg: #ffe4e6;
    --modal-bg: rgba(255, 241, 242, 0.95);
    --border-color: rgba(244, 63, 94, 0.2);
    --gradient: linear-gradient(135deg, #ffe4e6, #f43f5e);
}

/* ===== TEMA SKY ===== */
.theme-sky {
    --primary: #0ea5e9;
    --primary-2: #0284c7;
    --bg: #f0f9ff;
    --bg-2: #e0f2fe;
    --text: #0c4a6e;
    --muted: #0369a1;
    --card-bg: rgba(224, 242, 254, 0.9);
    --search-bg: #bae6fd;
    --nav-bg: #e0f2fe;
    --modal-bg: rgba(240, 249, 255, 0.95);
    --border-color: rgba(14, 165, 233, 0.2);
    --gradient: linear-gradient(135deg, #e0f2fe, #0ea5e9);
}

/* ===== TEMA MINT ===== */
.theme-mint {
    --primary: #06d6a0;
    --primary-2: #05b384;
    --bg: #f0fdfa;
    --bg-2: #ccfbf1;
    --text: #134e4a;
    --muted: #0d9488;
    --card-bg: rgba(204, 251, 241, 0.9);
    --search-bg: #99f6e4;
    --nav-bg: #ccfbf1;
    --modal-bg: rgba(240, 253, 250, 0.95);
    --border-color: rgba(6, 214, 160, 0.2);
    --gradient: linear-gradient(135deg, #ccfbf1, #06d6a0);
}

/* ===== TEMA PEACH ===== */
.theme-peach {
    --primary: #fb923c;
    --primary-2: #f97316;
    --bg: #fff7ed;
    --bg-2: #ffedd5;
    --text: #7c2d12;
    --muted: #ea580c;
    --card-bg: rgba(255, 237, 213, 0.9);
    --search-bg: #fed7aa;
    --nav-bg: #ffedd5;
    --modal-bg: rgba(255, 247, 237, 0.95);
    --border-color: rgba(251, 146, 60, 0.2);
    --gradient: linear-gradient(135deg, #ffedd5, #fb923c);
}

/* ===== TEMA GRAPE ===== */
.theme-grape {
    --primary: #c084fc;
    --primary-2: #a855f7;
    --bg: #faf5ff;
    --bg-2: #f3e8ff;
    --text: #581c87;
    --muted: #9333ea;
    --card-bg: rgba(243, 232, 255, 0.9);
    --search-bg: #e9d5ff;
    --nav-bg: #f3e8ff;
    --modal-bg: rgba(250, 245, 255, 0.95);
    --border-color: rgba(192, 132, 252, 0.2);
    --gradient: linear-gradient(135deg, #f3e8ff, #c084fc);
}

/* ===== TEMA SAND ===== */
.theme-sand {
    --primary: #d6d3d1;
    --primary-2: #a8a29e;
    --bg: #fafaf9;
    --bg-2: #f5f5f4;
    --text: #44403c;
    --muted: #78716c;
    --card-bg: rgba(245, 245, 244, 0.9);
    --search-bg: #e7e5e4;
    --nav-bg: #f5f5f4;
    --modal-bg: rgba(250, 250, 249, 0.95);
    --border-color: rgba(214, 211, 209, 0.3);
    --gradient: linear-gradient(135deg, #f5f5f4, #d6d3d1);
}

/* ===== TEMA TWILIGHT ===== */
.theme-twilight {
    --primary: #7e22ce;
    --primary-2: #6b21a8;
    --bg: #1e1b2e;
    --bg-2: #2a2540;
    --text: #e9d5ff;
    --muted: #a855f7;
    --card-bg: rgba(42, 37, 64, 0.9);
    --search-bg: #3e2a5c;
    --nav-bg: #1e1b2e;
    --modal-bg: rgba(30, 27, 46, 0.98);
    --border-color: rgba(126, 34, 206, 0.3);
    --gradient: linear-gradient(135deg, #1e1b2e, #7e22ce);
}

/* ===== TEMA CRIMSON ===== */
.theme-crimson {
    --primary: #dc2626;
    --primary-2: #b91c1c;
    --bg: #1a0f0f;
    --bg-2: #291515;
    --text: #fecaca;
    --muted: #f87171;
    --card-bg: rgba(41, 21, 21, 0.9);
    --search-bg: #451a1a;
    --nav-bg: #1a0f0f;
    --modal-bg: rgba(26, 15, 15, 0.98);
    --border-color: rgba(220, 38, 38, 0.3);
    --gradient: linear-gradient(135deg, #1a0f0f, #dc2626);
}

/* ===== TEMA AQUA ===== */
.theme-aqua {
    --primary: #06b6d4;
    --primary-2: #0891b2;
    --bg: #0c1f26;
    --bg-2: #112e38;
    --text: #cffafe;
    --muted: #67e8f9;
    --card-bg: rgba(17, 46, 56, 0.9);
    --search-bg: #1a4a5a;
    --nav-bg: #0c1f26;
    --modal-bg: rgba(12, 31, 38, 0.98);
    --border-color: rgba(6, 182, 212, 0.3);
    --gradient: linear-gradient(135deg, #0c1f26, #06b6d4);
}

/* ===== TEMA COTTON CANDY ===== */
.theme-cotton-candy {
    --primary: #f0abfc;
    --primary-2: #e879f9;
    --bg: #fdf4ff;
    --bg-2: #fae8ff;
    --text: #86198f;
    --muted: #c026d3;
    --card-bg: rgba(250, 232, 255, 0.9);
    --search-bg: #f5d0fe;
    --nav-bg: #fae8ff;
    --modal-bg: rgba(253, 244, 255, 0.95);
    --border-color: rgba(240, 171, 252, 0.2);
    --gradient: linear-gradient(135deg, #fae8ff, #f0abfc);
}

/* ===== TEMA NEON ===== */
.theme-neon {
    --primary: #00ff88;
    --primary-2: #00cc6a;
    --bg: #0a0a0a;
    --bg-2: #151515;
    --text: #00ff88;
    --muted: #00cc6a;
    --card-bg: rgba(21, 21, 21, 0.9);
    --search-bg: #1a1a1a;
    --nav-bg: #0a0a0a;
    --modal-bg: rgba(10, 10, 10, 0.98);
    --border-color: rgba(0, 255, 136, 0.4);
    --gradient: linear-gradient(135deg, #151515, #00ff88);
}

/* ===== TEMA PASTEL ===== */
.theme-pastel {
    --primary: #a5b4fc;
    --primary-2: #818cf8;
    --bg: #f8fafc;
    --bg-2: #f1f5f9;
    --text: #475569;
    --muted: #64748b;
    --card-bg: rgba(241, 245, 249, 0.9);
    --search-bg: #e2e8f0;
    --nav-bg: #f1f5f9;
    --modal-bg: rgba(248, 250, 252, 0.95);
    --border-color: rgba(165, 180, 252, 0.3);
    --gradient: linear-gradient(135deg, #f1f5f9, #a5b4fc);
}

/* ===== TEMA MIDNIGHT PURPLE ===== */
.theme-midnight-purple {
    --primary: #8b5cf6;
    --primary-2: #7c3aed;
    --bg: #0f0f23;
    --bg-2: #1a1a2e;
    --text: #e9d5ff;
    --muted: #a78bfa;
    --card-bg: rgba(26, 26, 46, 0.9);
    --search-bg: #2d2b42;
    --nav-bg: #0f0f23;
    --modal-bg: rgba(15, 15, 35, 0.98);
    --border-color: rgba(139, 92, 246, 0.3);
    --gradient: linear-gradient(135deg, #0f0f23, #8b5cf6);
}

/* ===== TEMA SUNRISE ===== */
.theme-sunrise {
    --primary: #fb7185;
    --primary-2: #f43f5e;
    --bg: #fffbeb;
    --bg-2: #fef3c7;
    --text: #92400e;
    --muted: #dc2626;
    --card-bg: rgba(254, 243, 199, 0.9);
    --search-bg: #fde68a;
    --nav-bg: #fef3c7;
    --modal-bg: rgba(255, 251, 235, 0.95);
    --border-color: rgba(251, 113, 133, 0.2);
    --gradient: linear-gradient(135deg, #fef3c7, #fb7185);
}

/* ===== TEMA DEEP OCEAN ===== */
.theme-deep-ocean {
    --primary: #06b6d4;
    --primary-2: #0891b2;
    --bg: #020617;
    --bg-2: #0f172a;
    --text: #e0f2fe;
    --muted: #38bdf8;
    --card-bg: rgba(15, 23, 42, 0.9);
    --search-bg: #1e293b;
    --nav-bg: #020617;
    --modal-bg: rgba(2, 6, 23, 0.98);
    --border-color: rgba(6, 182, 212, 0.3);
    --gradient: linear-gradient(135deg, #020617, #06b6d4);
}

/* ===== TEMA BERRY ===== */
.theme-berry {
    --primary: #be185d;
    --primary-2: #9d174d;
    --bg: #fdf2f8;
    --bg-2: #fce7f3;
    --text: #831843;
    --muted: #be185d;
    --card-bg: rgba(252, 231, 243, 0.9);
    --search-bg: #fbcfe8;
    --nav-bg: #fce7f3;
    --modal-bg: rgba(253, 242, 248, 0.95);
    --border-color: rgba(190, 24, 93, 0.2);
    --gradient: linear-gradient(135deg, #fce7f3, #be185d);
}

/* ===== TEMA HONEY ===== */
.theme-honey {
    --primary: #d97706;
    --primary-2: #b45309;
    --bg: #fefce8;
    --bg-2: #fef9c3;
    --text: #78350f;
    --muted: #d97706;
    --card-bg: rgba(254, 249, 195, 0.9);
    --search-bg: #fde047;
    --nav-bg: #fef9c3;
    --modal-bg: rgba(254, 252, 232, 0.95);
    --border-color: rgba(217, 119, 6, 0.2);
    --gradient: linear-gradient(135deg, #fef9c3, #d97706);
}

/* ===== TEMA LIME ===== */
.theme-lime {
    --primary: #84cc16;
    --primary-2: #65a30d;
    --bg: #f7fee7;
    --bg-2: #ecfccb;
    --text: #365314;
    --muted: #65a30d;
    --card-bg: rgba(236, 252, 203, 0.9);
    --search-bg: #d9f99d;
    --nav-bg: #ecfccb;
    --modal-bg: rgba(247, 254, 231, 0.95);
    --border-color: rgba(132, 204, 22, 0.2);
    --gradient: linear-gradient(135deg, #ecfccb, #84cc16);
}

/* ===== TEMA SILVER ===== */
.theme-silver {
    --primary: #9ca3af;
    --primary-2: #6b7280;
    --bg: #f9fafb;
    --bg-2: #f3f4f6;
    --text: #374151;
    --muted: #6b7280;
    --card-bg: rgba(243, 244, 246, 0.9);
    --search-bg: #e5e7eb;
    --nav-bg: #f3f4f6;
    --modal-bg: rgba(249, 250, 251, 0.95);
    --border-color: rgba(156, 163, 175, 0.3);
    --gradient: linear-gradient(135deg, #f3f4f6, #9ca3af);
}

/* ===== TEMA ROYAL ===== */
.theme-royal {
    --primary: #1d4ed8;
    --primary-2: #1e40af;
    --bg: #eff6ff;
    --bg-2: #dbeafe;
    --text: #1e3a8a;
    --muted: #1d4ed8;
    --card-bg: rgba(219, 234, 254, 0.9);
    --search-bg: #bfdbfe;
    --nav-bg: #dbeafe;
    --modal-bg: rgba(239, 246, 255, 0.95);
    --border-color: rgba(29, 78, 216, 0.2);
    --gradient: linear-gradient(135deg, #dbeafe, #1d4ed8);
}

/* ===== TEMA VIOLET ===== */
.theme-violet {
    --primary: #7c3aed;
    --primary-2: #6d28d9;
    --bg: #faf5ff;
    --bg-2: #f3e8ff;
    --text: #5b21b6;
    --muted: #7c3aed;
    --card-bg: rgba(243, 232, 255, 0.9);
    --search-bg: #e9d5ff;
    --nav-bg: #f3e8ff;
    --modal-bg: rgba(250, 245, 255, 0.95);
    --border-color: rgba(124, 58, 237, 0.2);
    --gradient: linear-gradient(135deg, #f3e8ff, #7c3aed);
}

/* ===== TEMA CYAN ===== */
.theme-cyan {
    --primary: #22d3ee;
    --primary-2: #06b6d4;
    --bg: #ecfeff;
    --bg-2: #cffafe;
    --text: #155e75;
    --muted: #0891b2;
    --card-bg: rgba(207, 250, 254, 0.9);
    --search-bg: #a5f3fc;
    --nav-bg: #cffafe;
    --modal-bg: rgba(236, 254, 255, 0.95);
    --border-color: rgba(34, 211, 238, 0.2);
    --gradient: linear-gradient(135deg, #cffafe, #22d3ee);
}

/* ===== TEMA ORANGE ===== */
.theme-orange {
    --primary: #f97316;
    --primary-2: #ea580c;
    --bg: #fff7ed;
    --bg-2: #ffedd5;
    --text: #9a3412;
    --muted: #ea580c;
    --card-bg: rgba(255, 237, 213, 0.9);
    --search-bg: #fed7aa;
    --nav-bg: #ffedd5;
    --modal-bg: rgba(255, 247, 237, 0.95);
    --border-color: rgba(249, 115, 22, 0.2);
    --gradient: linear-gradient(135deg, #ffedd5, #f97316);
}

/* ===== TEMA PINK ===== */
.theme-pink {
    --primary: #ec4899;
    --primary-2: #db2777;
    --bg: #fdf2f8;
    --bg-2: #fce7f3;
    --text: #be185d;
    --muted: #db2777;
    --card-bg: rgba(252, 231, 243, 0.9);
    --search-bg: #fbcfe8;
    --nav-bg: #fce7f3;
    --modal-bg: rgba(253, 242, 248, 0.95);
    --border-color: rgba(236, 72, 153, 0.2);
    --gradient: linear-gradient(135deg, #fce7f3, #ec4899);
}

/* ===== TEMA TEAL ===== */
.theme-teal {
    --primary: #14b8a6;
    --primary-2: #0d9488;
    --bg: #f0fdfa;
    --bg-2: #ccfbf1;
    --text: #134e4a;
    --muted: #0f766e;
    --card-bg: rgba(204, 251, 241, 0.9);
    --search-bg: #99f6e4;
    --nav-bg: #ccfbf1;
    --modal-bg: rgba(240, 253, 250, 0.95);
    --border-color: rgba(20, 184, 166, 0.2);
    --gradient: linear-gradient(135deg, #ccfbf1, #14b8a6);
}

/* ===== TEMA INDIGO ===== */
.theme-indigo {
    --primary: #6366f1;
    --primary-2: #4f46e5;
    --bg: #eef2ff;
    --bg-2: #e0e7ff;
    --text: #3730a3;
    --muted: #4f46e5;
    --card-bg: rgba(224, 231, 255, 0.9);
    --search-bg: #c7d2fe;
    --nav-bg: #e0e7ff;
    --modal-bg: rgba(238, 242, 255, 0.95);
    --border-color: rgba(99, 102, 241, 0.2);
    --gradient: linear-gradient(135deg, #e0e7ff, #6366f1);
}

/* ===== TEMA YELLOW ===== */
.theme-yellow {
    --primary: #eab308;
    --primary-2: #ca8a04;
    --bg: #fefce8;
    --bg-2: #fef9c3;
    --text: #854d0e;
    --muted: #ca8a04;
    --card-bg: rgba(254, 249, 195, 0.9);
    --search-bg: #fde047;
    --nav-bg: #fef9c3;
    --modal-bg: rgba(254, 252, 232, 0.95);
    --border-color: rgba(234, 179, 8, 0.2);
    --gradient: linear-gradient(135deg, #fef9c3, #eab308);
}

/* ===== TEMA AMBER ===== */
.theme-amber {
    --primary: #f59e0b;
    --primary-2: #d97706;
    --bg: #fffbeb;
    --bg-2: #fef3c7;
    --text: #92400e;
    --muted: #d97706;
    --card-bg: rgba(254, 243, 199, 0.9);
    --search-bg: #fde68a;
    --nav-bg: #fef3c7;
    --modal-bg: rgba(255, 251, 235, 0.95);
    --border-color: rgba(245, 158, 11, 0.2);
    --gradient: linear-gradient(135deg, #fef3c7, #f59e0b);
}

/* ===== TEMA RED ===== */
.theme-red {
    --primary: #ef4444;
    --primary-2: #dc2626;
    --bg: #fef2f2;
    --bg-2: #fee2e2;
    --text: #991b1b;
    --muted: #dc2626;
    --card-bg: rgba(254, 226, 226, 0.9);
    --search-bg: #fecaca;
    --nav-bg: #fee2e2;
    --modal-bg: rgba(254, 242, 242, 0.95);
    --border-color: rgba(239, 68, 68, 0.2);
    --gradient: linear-gradient(135deg, #fee2e2, #ef4444);
}

/* ===== TEMA GREEN ===== */
.theme-green {
    --primary: #22c55e;
    --primary-2: #16a34a;
    --bg: #f0fdf4;
    --bg-2: #dcfce7;
    --text: #166534;
    --muted: #16a34a;
    --card-bg: rgba(220, 252, 231, 0.9);
    --search-bg: #bbf7d0;
    --nav-bg: #dcfce7;
    --modal-bg: rgba(240, 253, 244, 0.95);
    --border-color: rgba(34, 197, 94, 0.2);
    --gradient: linear-gradient(135deg, #dcfce7, #22c55e);
}

/* ===== TEMA BLUE ===== */
.theme-blue {
    --primary: #3b82f6;
    --primary-2: #2563eb;
    --bg: #eff6ff;
    --bg-2: #dbeafe;
    --text: #1e40af;
    --muted: #2563eb;
    --card-bg: rgba(219, 234, 254, 0.9);
    --search-bg: #bfdbfe;
    --nav-bg: #dbeafe;
    --modal-bg: rgba(239, 246, 255, 0.95);
    --border-color: rgba(59, 130, 246, 0.2);
    --gradient: linear-gradient(135deg, #dbeafe, #3b82f6);
}

/* ===== TEMA PURPLE ===== */
.theme-purple {
    --primary: #a855f7;
    --primary-2: #9333ea;
    --bg: #faf5ff;
    --bg-2: #f3e8ff;
    --text: #6b21a8;
    --muted: #9333ea;
    --card-bg: rgba(243, 232, 255, 0.9);
    --search-bg: #e9d5ff;
    --nav-bg: #f3e8ff;
    --modal-bg: rgba(250, 245, 255, 0.95);
    --border-color: rgba(168, 85, 247, 0.2);
    --gradient: linear-gradient(135deg, #f3e8ff, #a855f7);
}

/* ===== TEMA GRAY ===== */
.theme-gray {
    --primary: #6b7280;
    --primary-2: #4b5563;
    --bg: #f9fafb;
    --bg-2: #f3f4f6;
    --text: #374151;
    --muted: #4b5563;
    --card-bg: rgba(243, 244, 246, 0.9);
    --search-bg: #e5e7eb;
    --nav-bg: #f3f4f6;
    --modal-bg: rgba(249, 250, 251, 0.95);
    --border-color: rgba(107, 114, 128, 0.2);
    --gradient: linear-gradient(135deg, #f3f4f6, #6b7280);
}

/* ===== TEMA ZINC ===== */
.theme-zinc {
    --primary: #71717a;
    --primary-2: #52525b;
    --bg: #fafafa;
    --bg-2: #f4f4f5;
    --text: #3f3f46;
    --muted: #52525b;
    --card-bg: rgba(244, 244, 245, 0.9);
    --search-bg: #e4e4e7;
    --nav-bg: #f4f4f5;
    --modal-bg: rgba(250, 250, 250, 0.95);
    --border-color: rgba(113, 113, 122, 0.2);
    --gradient: linear-gradient(135deg, #f4f4f5, #71717a);
}

/* ===== TEMA STONE ===== */
.theme-stone {
    --primary: #78716c;
    --primary-2: #57534e;
    --bg: #fafaf9;
    --bg-2: #f5f5f4;
    --text: #44403c;
    --muted: #57534e;
    --card-bg: rgba(245, 245, 244, 0.9);
    --search-bg: #e7e5e4;
    --nav-bg: #f5f5f4;
    --modal-bg: rgba(250, 250, 249, 0.95);
    --border-color: rgba(120, 113, 108, 0.2);
    --gradient: linear-gradient(135deg, #f5f5f4, #78716c);
}

/* ===== TEMA NEUTRAL ===== */
.theme-neutral {
    --primary: #737373;
    --primary-2: #525252;
    --bg: #fafafa;
    --bg-2: #f5f5f5;
    --text: #404040;
    --muted: #525252;
    --card-bg: rgba(245, 245, 5, 0.9);
    --search-bg: #e5e5e5;
    --nav-bg: #f5f5f5;
    --modal-bg: rgba(250, 250, 250, 0.95);
    --border-color: rgba(115, 115, 115, 0.2);
    --gradient: linear-gradient(135deg, #f5f5f5, #737373);
}

/* ===== TEMA WARM ===== */
.theme-warm {
    --primary: #e11d48;
    --primary-2: #be123c;
    --bg: #fef2f2;
    --bg-2: #fecaca;
    --text: #881337;
    --muted: #be123c;
    --card-bg: rgba(254, 202, 202, 0.9);
    --search-bg: #fca5a5;
    --nav-bg: #fecaca;
    --modal-bg: rgba(254, 242, 242, 0.95);
    --border-color: rgba(225, 29, 72, 0.2);
    --gradient: linear-gradient(135deg, #fecaca, #e11d48);
}

/* ===== TEMA COOL ===== */
.theme-cool {
    --primary: #0369a1;
    --primary-2: #075985;
    --bg: #f0f9ff;
    --bg-2: #e0f2fe;
    --text: #0c4a6e;
    --muted: #075985;
    --card-bg: rgba(224, 242, 254, 0.9);
    --search-bg: #bae6fd;
    --nav-bg: #e0f2fe;
    --modal-bg: rgba(240, 249, 255, 0.95);
    --border-color: rgba(3, 105, 161, 0.2);
    --gradient: linear-gradient(135deg, #e0f2fe, #0369a1);
}

/* ===== TEMA SPRING ===== */
.theme-spring {
    --primary: #65a30d;
    --primary-2: #4d7c0f;
    --bg: #f7fee7;
    --bg-2: #ecfccb;
    --text: #365314;
    --muted: #4d7c0f;
    --card-bg: rgba(236, 252, 203, 0.9);
    --search-bg: #d9f99d;
    --nav-bg: #ecfccb;
    --modal-bg: rgba(247, 254, 231, 0.95);
    --border-color: rgba(101, 163, 13, 0.2);
    --gradient: linear-gradient(135deg, #ecfccb, #65a30d);
}

/* ===== TEMA SUMMER ===== */
.theme-summer {
    --primary: #f59e0b;
    --primary-2: #d97706;
    --bg: #fffbeb;
    --bg-2: #fef3c7;
    --text: #92400e;
    --muted: #d97706;
    --card-bg: rgba(254, 243, 199, 0.9);
    --search-bg: #fde68a;
    --nav-bg: #fef3c7;
    --modal-bg: rgba(255, 251, 235, 0.95);
    --border-color: rgba(245, 158, 11, 0.2);
    --gradient: linear-gradient(135deg, #fef3c7, #f59e0b);
}

/* ===== TEMA AUTUMN ===== */
.theme-autumn {
    --primary: #ea580c;
    --primary-2: #c2410c;
    --bg: #fff7ed;
    --bg-2: #ffedd5;
    --text: #9a3412;
    --muted: #c2410c;
    --card-bg: rgba(255, 237, 213, 0.9);
    --search-bg: #fed7aa;
    --nav-bg: #ffedd5;
    --modal-bg: rgba(255, 247, 237, 0.95);
    --border-color: rgba(234, 88, 12, 0.2);
    --gradient: linear-gradient(135deg, #ffedd5, #ea580c);
}

/* ===== TEMA WINTER ===== */
.theme-winter {
    --primary: #0ea5e9;
    --primary-2: #0284c7;
    --bg: #f0f9ff;
    --bg-2: #e0f2fe;
    --text: #0c4a6e;
    --muted: #0284c7;
    --card-bg: rgba(224, 242, 254, 0.9);
    --search-bg: #bae6fd;
    --nav-bg: #e0f2fe;
    --modal-bg: rgba(240, 249, 255, 0.95);
    --border-color: rgba(14, 165, 233, 0.2);
    --gradient: linear-gradient(135deg, #e0f2fe, #0ea5e9);
}

/* ===== TEMA RAINBOW ===== */
.theme-rainbow {
    --primary: #8b5cf6;
    --primary-2: #7c3aed;
    --bg: #0f172a;
    --bg-2: #1e293b;
    --text: #f1f5f9;
    --muted: #94a3b8;
    --card-bg: rgba(30, 41, 59, 0.9);
    --search-bg: #334155;
    --nav-bg: #0f172a;
    --modal-bg: rgba(15, 23, 42, 0.98);
    --border-color: rgba(139, 92, 246, 0.3);
    --gradient: linear-gradient(135deg, #ff0000, #ff8000, #ffff00, #00ff00, #00ffff, #0000ff, #8000ff, #ff00ff);
}

/* ===== TEMA GALAXY ===== */
.theme-galaxy {
    --primary: #8b5cf6;
    --primary-2: #7c3aed;
    --bg: #000000;
    --bg-2: #0a0a0a;
    --text: #ffffff;
    --muted: #888888;
    --card-bg: rgba(20, 20, 20, 0.9);
    --search-bg: #111111;
    --nav-bg: #000000;
    --modal-bg: rgba(0, 0, 0, 0.98);
    --border-color: rgba(139, 92, 246, 0.3);
    --gradient: linear-gradient(135deg, #000000, #8b5cf6);
}

/* ===== TEMA NORD ===== */
.theme-nord {
    --primary: #88c0d0;
    --primary-2: #81a1c1;
    --bg: #2e3440;
    --bg-2: #3b4252;
    --text: #eceff4;
    --muted: #d8dee9;
    --card-bg: rgba(59, 66, 82, 0.9);
    --search-bg: #434c5e;
    --nav-bg: #2e3440;
    --modal-bg: rgba(46, 52, 64, 0.98);
    --border-color: rgba(136, 192, 208, 0.3);
    --gradient: linear-gradient(135deg, #2e3440, #88c0d0);
}

/* ===== TEMA DRACULA ===== */
.theme-dracula {
    --primary: #bd93f9;
    --primary-2: #ff79c6;
    --bg: #282a36;
    --bg-2: #44475a;
    --text: #f8f8f2;
    --muted: #6272a4;
    --card-bg: rgba(68, 71, 90, 0.9);
    --search-bg: #6272a4;
    --nav-bg: #282a36;
    --modal-bg: rgba(40, 42, 54, 0.98);
    --border-color: rgba(189, 147, 249, 0.3);
    --gradient: linear-gradient(135deg, #282a36, #bd93f9);
}

/* ===== TEMA GRUVBOX ===== */
.theme-gruvbox {
    --primary: #fe8019;
    --primary-2: #d65d0e;
    --bg: #282828;
    --bg-2: #3c3836;
    --text: #ebdbb2;
    --muted: #a89984;
    --card-bg: rgba(60, 56, 54, 0.9);
    --search-bg: #504945;
    --nav-bg: #282828;
    --modal-bg: rgba(40, 40, 40, 0.98);
    --border-color: rgba(254, 128, 25, 0.3);
    --gradient: linear-gradient(135deg, #282828, #fe8019);
}

/* ===== TEMA SOLARIZED ===== */
.theme-solarized {
    --primary: #b58900;
    --primary-2: #cb4b16;
    --bg: #002b36;
    --bg-2: #073642;
    --text: #839496;
    --muted: #586e75;
    --card-bg: rgba(7, 54, 66, 0.9);
    --search-bg: #586e75;
    --nav-bg: #002b36;
    --modal-bg: rgba(0, 43, 54, 0.98);
    --border-color: rgba(181, 137, 0, 0.3);
    --gradient: linear-gradient(135deg, #002b36, #b58900);
}

/* ===== TEMA MONOKAI ===== */
.theme-monokai {
    --primary: #a6e22e;
    --primary-2: #f92672;
    --bg: #272822;
    --bg-2: #3e3d32;
    --text: #f8f8f2;
    --muted: #75715e;
    --card-bg: rgba(62, 61, 50, 0.9);
    --search-bg: #49483e;
    --nav-bg: #272822;
    --modal-bg: rgba(39, 40, 34, 0.98);
    --border-color: rgba(166, 226, 46, 0.3);
    --gradient: linear-gradient(135deg, #272822, #a6e22e);
}

/* ===== TEMA MATERIAL ===== */
.theme-material {
    --primary: #80cbc4;
    --primary-2: #4db6ac;
    --bg: #263238;
    --bg-2: #37474f;
    --text: #eceff1;
    --muted: #b0bec5;
    --card-bg: rgba(55, 71, 79, 0.9);
    --search-bg: #455a64;
    --nav-bg: #263238;
    --modal-bg: rgba(38, 50, 56, 0.98);
    --border-color: rgba(128, 203, 196, 0.3);
    --gradient: linear-gradient(135deg, #263238, #80cbc4);
}

/* ===== TEMA ONE DARK ===== */
.theme-one-dark {
    --primary: #61afef;
    --primary-2: #56b6c2;
    --bg: #282c34;
    --bg-2: #353b45;
    --text: #abb2bf;
    --muted: #5c6370;
    --card-bg: rgba(53, 59, 69, 0.9);
    --search-bg: #3e4451;
    --nav-bg: #282c34;
    --modal-bg: rgba(40, 44, 52, 0.98);
    --border-color: rgba(97, 175, 239, 0.3);
    --gradient: linear-gradient(135deg, #282c34, #61afef);
}

/* ===== TEMA TOKYO NIGHT ===== */
.theme-tokyo-night {
    --primary: #7aa2f7;
    --primary-2: #bb9af7;
    --bg: #1a1b26;
    --bg-2: #24283b;
    --text: #c0caf5;
    --muted: #565f89;
    --card-bg: rgba(36, 40, 59, 0.9);
    --search-bg: #414868;
    --nav-bg: #1a1b26;
    --modal-bg: rgba(26, 27, 38, 0.98);
    --border-color: rgba(122, 162, 247, 0.3);
    --gradient: linear-gradient(135deg, #1a1b26, #7aa2f7);
}

/* ===== TEMA CATPPUCCIN ===== */
.theme-catppuccin {
    --primary: #cba6f7;
    --primary-2: #f5c2e7;
    --bg: #1e1e2e;
    --bg-2: #313244;
    --text: #cdd6f4;
    --muted: #6c7086;
    --card-bg: rgba(49, 50, 68, 0.9);
    --search-bg: #45475a;
    --nav-bg: #1e1e2e;
    --modal-bg: rgba(30, 30, 46, 0.98);
    --border-color: rgba(203, 166, 247, 0.3);
    --gradient: linear-gradient(135deg, #1e1e2e, #cba6f7);
}

/* ===== TEMA ROSE PINE ===== */
.theme-rose-pine {
    --primary: #ebbcba;
    --primary-2: #f6c177;
    --bg: #191724;
    --bg-2: #26233a;
    --text: #e0def4;
    --muted: #6e6a86;
    --card-bg: rgba(38, 35, 58, 0.9);
    --search-bg: #403d52;
    --nav-bg: #191724;
    --modal-bg: rgba(25, 23, 36, 0.98);
    --border-color: rgba(235, 188, 186, 0.3);
    --gradient: linear-gradient(135deg, #191724, #ebbcba);
}

/* ===== TEMA KANAGAWA ===== */
.theme-kanagawa {
    --primary: #957fb8;
    --primary-2: #7e9cd8;
    --bg: #1f1f28;
    --bg-2: #2a2a37;
    --text: #dcd7ba;
    --muted: #54546d;
    --card-bg: rgba(42, 42, 55, 0.9);
    --search-bg: #363646;
    --nav-bg: #1f1f28;
    --modal-bg: rgba(31, 31, 40, 0.98);
    --border-color: rgba(149, 127, 184, 0.3);
    --gradient: linear-gradient(135deg, #1f1f28, #957fb8);
}

/* ===== TEMA EVERFOREST ===== */
.theme-everforest {
    --primary: #a7c080;
    --primary-2: #dbbc7f;
    --bg: #2d353b;
    --bg-2: #3c484f;
    --text: #d3c6aa;
    --muted: #859289;
    --card-bg: rgba(60, 72, 79, 0.9);
    --search-bg: #4b565c;
    --nav-bg: #2d353b;
    --modal-bg: rgba(45, 53, 59, 0.98);
    --border-color: rgba(167, 192, 128, 0.3);
    --gradient: linear-gradient(135deg, #2d353b, #a7c080);
}

/* ===== TEMA GITHUB DARK ===== */
.theme-github-dark {
    --primary: #58a6ff;
    --primary-2: #1f6feb;
    --bg: #0d1117;
    --bg-2: #161b22;
    --text: #f0f6fc;
    --muted: #8b949e;
    --card-bg: rgba(22, 27, 34, 0.9);
    --search-bg: #21262d;
    --nav-bg: #0d1117;
    --modal-bg: rgba(13, 17, 23, 0.98);
    --border-color: rgba(88, 166, 255, 0.3);
    --gradient: linear-gradient(135deg, #0d1117, #58a6ff);
}

/* ===== TEMA GITHUB LIGHT ===== */
.theme-github-light {
    --primary: #0969da;
    --primary-2: #1f883d;
    --bg: #ffffff;
    --bg-2: #f6f8fa;
    --text: #24292f;
    --muted: #656d76;
    --card-bg: rgba(246, 248, 250, 0.9);
    --search-bg: #eaeef2;
    --nav-bg: #ffffff;
    --modal-bg: rgba(255, 255, 255, 0.95);
    --border-color: rgba(9, 105, 218, 0.2);
    --gradient: linear-gradient(135deg, #f6f8fa, #0969da);
}

/* ===== TEMA SYNTHWAVE ===== */
.theme-synthwave {
    --primary: #ff7edb;
    --primary-2: #36d6e7;
    --bg: #262335;
    --bg-2: #34294f;
    --text: #f8f8f2;
    --muted: #b6b1c9;
    --card-bg: rgba(52, 41, 79, 0.9);
    --search-bg: #413a5c;
    --nav-bg: #262335;
    --modal-bg: rgba(38, 35, 53, 0.98);
    --border-color: rgba(255, 126, 219, 0.3);
    --gradient: linear-gradient(135deg, #262335, #ff7edb);
}

/* ===== TEMA HORIZON ===== */
.theme-horizon {
    --primary: #e95379;
    --primary-2: #e9436f;
    --bg: #1c1e26;
    --bg-2: #232530;
    --text: #f0f0f0;
    --muted: #6e6a86;
    --card-bg: rgba(35, 37, 48, 0.9);
    --search-bg: #2e303e;
    --nav-bg: #1c1e26;
    --modal-bg: rgba(28, 30, 38, 0.98);
    --border-color: rgba(233, 83, 121, 0.3);
    --gradient: linear-gradient(135deg, #1c1e26, #e95379);
}