/* Ana tema renkleri */
:root {
  --main-pink: #f9a8d4;
  --main-pink-dark: #a8325e;
  --main-bg: var(--main-pink);
  --main-text: #222;
}

[data-theme="dark"] {
  --main-bg: var(--main-pink-dark);
  --main-text: #fff;
}

/* ===== TEMA KÜTÜPHANESİ ===== */

/* 1. GÖKYÜZÜ MAVİSİ - AÇIK */
.theme-sky-blue-light {
    --primary-gradient: linear-gradient(180deg, #1e3a8a 0%, #3b82f6 50%, #87CEEB 100%);
    --primary-color: #87CEEB;
    --secondary-color: #4682B4;
    --accent-color: #5F9EA0;
    --text-color: #333;
    --text-light: rgba(255, 255, 255, 0.8);
    --card-bg: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.2);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);
}

/* 1. GÖKYÜZÜ MAVİSİ - KOYU */
.theme-sky-blue-dark {
    --primary-gradient: linear-gradient(180deg, #0f172a 0%, #1e3a8a 50%, #3b82f6 100%);
    --primary-color: #3b82f6;
    --secondary-color: #1d4ed8;
    --accent-color: #60a5fa;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);
}

/* 2. MOR GECE - AÇIK */
.theme-purple-night-light {
    --primary-gradient: linear-gradient(180deg, #581c87 0%, #7c3aed 50%, #a855f7 100%);
    --primary-color: #667eea;
    --secondary-color: #764ba2;
    --accent-color: #a855f7;
    --text-color: #333;
    --text-light: rgba(255, 255, 255, 0.8);
    --card-bg: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.2);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 2. MOR GECE - KOYU */
.theme-purple-night-dark {
    --primary-gradient: linear-gradient(180deg, #2e1065 0%, #581c87 50%, #7c3aed 100%);
    --primary-color: #8b5cf6;
    --secondary-color: #7c3aed;
    --accent-color: #a855f7;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 3. YEŞİL DOĞA - AÇIK */
.theme-green-nature-light {
    --primary-gradient: linear-gradient(180deg, #064e3b 0%, #059669 50%, #4ade80 100%);
    --primary-color: #4ade80;
    --secondary-color: #059669;
    --accent-color: #10b981;
    --text-color: #333;
    --text-light: rgba(255, 255, 255, 0.8);
    --card-bg: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.2);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 3. YEŞİL DOĞA - KOYU */
.theme-green-nature-dark {
    --primary-gradient: linear-gradient(180deg, #022c22 0%, #064e3b 50%, #065f46 100%);
    --primary-color: #10b981;
    --secondary-color: #059669;
    --accent-color: #34d399;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 4. TURUNCU GÜNEŞ - AÇIK */
.theme-orange-sunset-light {
    --primary-gradient: linear-gradient(180deg, #7c2d12 0%, #ea580c 50%, #fb923c 100%);
    --primary-color: #fb923c;
    --secondary-color: #ea580c;
    --accent-color: #f97316;
    --text-color: #333;
    --text-light: rgba(255, 255, 255, 0.8);
    --card-bg: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.2);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 4. TURUNCU GÜNEŞ - KOYU */
.theme-orange-sunset-dark {
    --primary-gradient: linear-gradient(180deg, #451a03 0%, #7c2d12 50%, #9a3412 100%);
    --primary-color: #f97316;
    --secondary-color: #ea580c;
    --accent-color: #fb923c;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 5. PEMBE ÇİÇEK - AÇIK */
.theme-pink-flower-light {
    --primary-gradient: linear-gradient(180deg, #831843 0%, #be185d 50%, #ec4899 100%);
    --primary-color: #ec4899;
    --secondary-color: #be185d;
    --accent-color: #f472b6;
    --text-color: #333;
    --text-light: rgba(255, 255, 255, 0.8);
    --card-bg: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.2);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 5. PEMBE ÇİÇEK - KOYU */
.theme-pink-flower-dark {
    --primary-gradient: linear-gradient(180deg, #500724 0%, #831843 50%, #9d174d 100%);
    --primary-color: #ec4899;
    --secondary-color: #be185d;
    --accent-color: #f472b6;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 6. DENİZ MAVİSİ - AÇIK */
.theme-ocean-blue-light {
    --primary-gradient: linear-gradient(180deg, #0e7490 0%, #0891b2 50%, #06b6d4 100%);
    --primary-color: #06b6d4;
    --secondary-color: #0891b2;
    --accent-color: #22d3ee;
    --text-color: #333;
    --text-light: rgba(255, 255, 255, 0.8);
    --card-bg: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.2);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 6. DENİZ MAVİSİ - KOYU */
.theme-ocean-blue-dark {
    --primary-gradient: linear-gradient(180deg, #164e63 0%, #0e7490 50%, #155e75 100%);
    --primary-color: #06b6d4;
    --secondary-color: #0891b2;
    --accent-color: #22d3ee;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 7. ALTIN SARISI - AÇIK */
.theme-golden-sun-light {
    --primary-gradient: linear-gradient(180deg, #92400e 0%, #f59e0b 50%, #fbbf24 100%);
    --primary-color: #fbbf24;
    --secondary-color: #f59e0b;
    --accent-color: #fcd34d;
    --text-color: #1e293b;
    --text-light: rgba(30, 41, 59, 0.8);
    --card-bg: rgba(255, 255, 255, 0.15);
    --card-border: rgba(255, 255, 255, 0.3);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 7. ALTIN SARISI - KOYU */
.theme-golden-sun-dark {
    --primary-gradient: linear-gradient(180deg, #451a03 0%, #92400e 50%, #78350f 100%);
    --primary-color: #fbbf24;
    --secondary-color: #f59e0b;
    --accent-color: #fcd34d;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 8. KIRMIZI ATEŞ - AÇIK */
.theme-red-fire-light {
    --primary-gradient: linear-gradient(180deg, #7f1d1d 0%, #dc2626 50%, #ef4444 100%);
    --primary-color: #ef4444;
    --secondary-color: #dc2626;
    --accent-color: #f87171;
    --text-color: #333;
    --text-light: rgba(255, 255, 255, 0.8);
    --card-bg: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.2);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 8. KIRMIZI ATEŞ - KOYU */
.theme-red-fire-dark {
    --primary-gradient: linear-gradient(180deg, #450a0a 0%, #7f1d1d 50%, #991b1b 100%);
    --primary-color: #ef4444;
    --secondary-color: #dc2626;
    --accent-color: #f87171;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 9. GRİ MODERN - AÇIK */
.theme-gray-modern-light {
    --primary-gradient: linear-gradient(180deg, #1f2937 0%, #374151 50%, #6b7280 100%);
    --primary-color: #6b7280;
    --secondary-color: #374151;
    --accent-color: #9ca3af;
    --text-color: #333;
    --text-light: rgba(255, 255, 255, 0.8);
    --card-bg: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.2);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 9. GRİ MODERN - KOYU */
.theme-gray-modern-dark {
    --primary-gradient: linear-gradient(180deg, #111827 0%, #1f2937 50%, #374151 100%);
    --primary-color: #6b7280;
    --secondary-color: #374151;
    --accent-color: #9ca3af;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 10. TURKUAZ TROPİK - AÇIK */
.theme-turquoise-tropical-light {
    --primary-gradient: linear-gradient(180deg, #134e4a 0%, #0d9488 50%, #14b8a6 100%);
    --primary-color: #14b8a6;
    --secondary-color: #0d9488;
    --accent-color: #2dd4bf;
    --text-color: #333;
    --text-light: rgba(255, 255, 255, 0.8);
    --card-bg: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.2);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 10. TURKUAZ TROPİK - KOYU */
.theme-turquoise-tropical-dark {
    --primary-gradient: linear-gradient(180deg, #042f2e 0%, #134e4a 50%, #0f766e 100%);
    --primary-color: #14b8a6;
    --secondary-color: #0d9488;
    --accent-color: #2dd4bf;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 11. LAVANTA BAHÇESİ - AÇIK */
.theme-lavender-garden-light {
    --primary-gradient: linear-gradient(180deg, #581c87 0%, #7c3aed 50%, #a855f7 100%);
    --primary-color: #a855f7;
    --secondary-color: #7c3aed;
    --accent-color: #c084fc;
    --text-color: #333;
    --text-light: rgba(255, 255, 255, 0.8);
    --card-bg: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.2);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 11. LAVANTA BAHÇESİ - KOYU */
.theme-lavender-garden-dark {
    --primary-gradient: linear-gradient(180deg, #2e1065 0%, #581c87 50%, #6d28d9 100%);
    --primary-color: #a855f7;
    --secondary-color: #7c3aed;
    --accent-color: #c084fc;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 12. ÇİKOLATA KAHVE - AÇIK */
.theme-chocolate-coffee-light {
    --primary-gradient: linear-gradient(180deg, #451a03 0%, #78350f 50%, #92400e 100%);
    --primary-color: #92400e;
    --secondary-color: #78350f;
    --accent-color: #b45309;
    --text-color: #333;
    --text-light: rgba(255, 255, 255, 0.8);
    --card-bg: rgba(255, 255, 255, 0.1);
    --card-border: rgba(255, 255, 255, 0.2);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* 12. ÇİKOLATA KAHVE - KOYU */
.theme-chocolate-coffee-dark {
    --primary-gradient: linear-gradient(180deg, #1c1917 0%, #451a03 50%, #3c1506 100%);
    --primary-color: #92400e;
    --secondary-color: #78350f;
    --accent-color: #b45309;
    --text-color: #fff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(0, 0, 0, 0.3);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #87CEEB, #4682B4);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);}

/* BenimPOS Pembe Temaları */
.theme-benimpos-pink-light {
  --primary-gradient: linear-gradient(180deg, #f9a8d4 0%, #f9a8d4 100%);
  --primary-color: #f9a8d4;
  --secondary-color: #e75480;
  --accent-color: #e75480;
  --text-color: #7a1f3d;
  --text-light: #fff;
  --card-bg: rgba(255,255,255,0.7);
  --card-border: #f9a8d4;
  --button-gradient: linear-gradient(90deg, #e75480 0%, #f9a8d4 100%);
  --success-gradient: linear-gradient(45deg, #10b981, #059669);
  --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);
}
.theme-benimpos-pink-dark {
  --primary-gradient: linear-gradient(180deg, #a8325e 0%, #7a1f3d 100%);
  --primary-color: #a8325e;
  --secondary-color: #e75480;
  --accent-color: #f9a8d4;
  --text-color: #fff;
  --text-light: #f9a8d4;
  --card-bg: rgba(168,50,94,0.85);
  --card-border: #e75480;
  --button-gradient: linear-gradient(90deg, #a8325e 0%, #e75480 100%);
  --success-gradient: linear-gradient(45deg, #10b981, #059669);
  --error-gradient: linear-gradient(45deg, #ef4444, #dc2626);
}

/* Devib Connect Temaları */
.theme-devib-connect-light {
  --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --primary-color: #667eea;
  --secondary-color: #764ba2;
  --accent-color: #a855f7;
  --text-color: #1f2937;
  --text-light: rgba(31, 41, 55, 0.8);
  --card-bg: rgba(255, 255, 255, 0.95);
  --card-border: rgba(102, 126, 234, 0.2);
  --button-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --warning-gradient: linear-gradient(135deg, #f59e0b, #d97706);
  --success-gradient: linear-gradient(135deg, #10b981, #059669);
  --error-gradient: linear-gradient(135deg, #ef4444, #dc2626);
}

.theme-devib-connect-dark {
  --primary-gradient: linear-gradient(135deg, #4c1d95 0%, #581c87 100%);
  --primary-color: #8b5cf6;
  --secondary-color: #7c3aed;
  --accent-color: #a855f7;
  --text-color: #fff;
  --text-light: rgba(255, 255, 255, 0.7);
  --card-bg: rgba(0, 0, 0, 0.3);
  --card-border: rgba(139, 92, 246, 0.2);
  --button-gradient: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  --warning-gradient: linear-gradient(135deg, #f59e0b, #d97706);
  --success-gradient: linear-gradient(135deg, #10b981, #059669);
  --error-gradient: linear-gradient(135deg, #ef4444, #dc2626);
}

/* Business Flow - İş Hayatı Akış Teması */
.theme-business-flow {
  --primary-gradient: linear-gradient(135deg, #1e40af 0%, #3730a3 50%, #5b21b6 100%);
  --primary-color: #3b82f6;
  --secondary-color: #6366f1;
  --accent-color: #8b5cf6;
  --text-color: #1f2937;
  --text-light: #6b7280;
  --card-bg: rgba(255, 255, 255, 0.98);
  --card-border: #e5e7eb;
  --button-gradient: linear-gradient(90deg, #3b82f6 0%, #6366f1 100%);
  --success-gradient: linear-gradient(45deg, #059669, #047857);
  --error-gradient: linear-gradient(45deg, #dc2626, #b91c1c);
  --warning-gradient: linear-gradient(45deg, #d97706, #b45309);
  --info-gradient: linear-gradient(45deg, #0891b2, #0e7490);
  --shadow-light: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-heavy: 0 10px 25px rgba(0, 0, 0, 0.15);
  --border-radius: 12px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Business Flow Koyu Tema */
.theme-business-flow-dark {
  --primary-gradient: linear-gradient(135deg, #1e3a8a 0%, #312e81 50%, #581c87 100%);
  --primary-color: #60a5fa;
  --secondary-color: #818cf8;
  --accent-color: #a78bfa;
  --text-color: #f9fafb;
  --text-light: #d1d5db;
  --card-bg: rgba(17, 24, 39, 0.95);
  --card-border: #374151;
  --button-gradient: linear-gradient(90deg, #60a5fa 0%, #818cf8 100%);
  --success-gradient: linear-gradient(45deg, #10b981, #059669);
  --error-gradient: linear-gradient(45deg, #f87171, #ef4444);
  --warning-gradient: linear-gradient(45deg, #fbbf24, #f59e0b);
  --info-gradient: linear-gradient(45deg, #22d3ee, #06b6d4);
  --shadow-light: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.3);
  --shadow-heavy: 0 10px 25px rgba(0, 0, 0, 0.4);
  --border-radius: 12px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* TEMA UYGULAMA STİLLERİ */
body {
    background: var(--primary-gradient);
    color: var(--text-color);
    min-height: 100vh;
}

.nav-card,
.settings-card,
.logo-area {
    background: var(--card-bg);
    border-color: var(--card-border);
}

.nav-button,
.upload-button,
.back-button,
.btn-primary {
    background: var(--button-gradient);
}

.nav-icon {
    background: var(--button-gradient);
}

.company-name,
.page-title,
.header h1 {
    background: var(--button-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.logo-placeholder,
.logo-preview {
    background: var(--button-gradient);
}

.theme-option.active {
    border-color: var(--primary-color);
    background: rgba(135, 206, 235, 0.2);
}

.form-input:focus,
input:checked + .slider {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
} 

/* ====
= YENİ TEMALAR ===== */

/* 7. CYBERPUNK NEON - AÇIK */
.theme-cyberpunk-light {
    --primary-gradient: linear-gradient(180deg, #f0f0f0 0%, #e0e0e0 50%, #d0d0d0 100%);
    --primary-color: #ff006e;
    --secondary-color: #8338ec;
    --accent-color: #00f5ff;
    --text-color: #1a1a1a;
    --text-light: rgba(0, 0, 0, 0.6);
    --card-bg: rgba(255, 255, 255, 0.9);
    --card-border: rgba(255, 0, 110, 0.3);
    --button-gradient: linear-gradient(45deg, #ff006e, #8338ec);
    --warning-gradient: linear-gradient(45deg, #ffbe0b, #fb5607);
    --success-gradient: linear-gradient(45deg, #06ffa5, #00d9ff);
    --error-gradient: linear-gradient(45deg, #ff006e, #d90429);
}

/* 7. CYBERPUNK NEON - KOYU */
.theme-cyberpunk-dark {
    --primary-gradient: linear-gradient(180deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);
    --primary-color: #ff006e;
    --secondary-color: #8338ec;
    --accent-color: #00f5ff;
    --text-color: #ffffff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(255, 0, 110, 0.1);
    --card-border: rgba(255, 0, 110, 0.3);
    --button-gradient: linear-gradient(45deg, #ff006e, #8338ec);
    --warning-gradient: linear-gradient(45deg, #ffbe0b, #fb5607);
    --success-gradient: linear-gradient(45deg, #06ffa5, #00d9ff);
    --error-gradient: linear-gradient(45deg, #ff006e, #d90429);
}

/* 8. MINIMALIST MONOCHROME - AÇIK */
.theme-monochrome-light {
    --primary-gradient: linear-gradient(180deg, #ffffff 0%, #f5f5f5 50%, #e8e8e8 100%);
    --primary-color: #2d2d2d;
    --secondary-color: #4a4a4a;
    --accent-color: #6b6b6b;
    --text-color: #1a1a1a;
    --text-light: rgba(0, 0, 0, 0.6);
    --card-bg: rgba(255, 255, 255, 0.95);
    --card-border: rgba(0, 0, 0, 0.1);
    --button-gradient: linear-gradient(45deg, #2d2d2d, #4a4a4a);
    --warning-gradient: linear-gradient(45deg, #6b6b6b, #8a8a8a);
    --success-gradient: linear-gradient(45deg, #2d2d2d, #4a4a4a);
    --error-gradient: linear-gradient(45deg, #1a1a1a, #2d2d2d);
}

/* 8. MINIMALIST MONOCHROME - KOYU */
.theme-monochrome-dark {
    --primary-gradient: linear-gradient(180deg, #0d0d0d 0%, #1a1a1a 50%, #2d2d2d 100%);
    --primary-color: #e8e8e8;
    --secondary-color: #c4c4c4;
    --accent-color: #a0a0a0;
    --text-color: #ffffff;
    --text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(255, 255, 255, 0.05);
    --card-border: rgba(255, 255, 255, 0.1);
    --button-gradient: linear-gradient(45deg, #e8e8e8, #c4c4c4);
    --warning-gradient: linear-gradient(45deg, #a0a0a0, #8a8a8a);
    --success-gradient: linear-gradient(45deg, #e8e8e8, #c4c4c4);
    --error-gradient: linear-gradient(45deg, #f5f5f5, #e8e8e8);
}

/* 9. WARM COFFEE - AÇIK */
.theme-coffee-light {
    --primary-gradient: linear-gradient(180deg, #f5e6d3 0%, #e8d4b8 50%, #d4b896 100%);
    --primary-color: #8b4513;
    --secondary-color: #a0522d;
    --accent-color: #cd853f;
    --text-color: #3e2723;
    --text-light: rgba(62, 39, 35, 0.6);
    --card-bg: rgba(255, 248, 240, 0.9);
    --card-border: rgba(139, 69, 19, 0.2);
    --button-gradient: linear-gradient(45deg, #8b4513, #a0522d);
    --warning-gradient: linear-gradient(45deg, #d2691e, #cd853f);
    --success-gradient: linear-gradient(45deg, #6b8e23, #8fbc8f);
    --error-gradient: linear-gradient(45deg, #a0522d, #8b4513);
}

/* 9. WARM COFFEE - KOYU */
.theme-coffee-dark {
    --primary-gradient: linear-gradient(180deg, #2c1810 0%, #3e2723 50%, #4e342e 100%);
    --primary-color: #d4a574;
    --secondary-color: #bc9667;
    --accent-color: #e8d4b8;
    --text-color: #f5e6d3;
    --text-light: rgba(245, 230, 211, 0.7);
    --card-bg: rgba(139, 69, 19, 0.2);
    --card-border: rgba(212, 165, 116, 0.3);
    --button-gradient: linear-gradient(45deg, #d4a574, #bc9667);
    --warning-gradient: linear-gradient(45deg, #cd853f, #d2691e);
    --success-gradient: linear-gradient(45deg, #8fbc8f, #6b8e23);
    --error-gradient: linear-gradient(45deg, #bc9667, #a0522d);
}

/* 10. NORDIC ICE - AÇIK */
.theme-nordic-light {
    --primary-gradient: linear-gradient(180deg, #f0f4f8 0%, #d9e2ec 50%, #bcccdc 100%);
    --primary-color: #334e68;
    --secondary-color: #486581;
    --accent-color: #627d98;
    --text-color: #102a43;
    --text-light: rgba(16, 42, 67, 0.6);
    --card-bg: rgba(255, 255, 255, 0.95);
    --card-border: rgba(51, 78, 104, 0.2);
    --button-gradient: linear-gradient(45deg, #334e68, #486581);
    --warning-gradient: linear-gradient(45deg, #f0b429, #de911d);
    --success-gradient: linear-gradient(45deg, #0c6b58, #147d64);
    --error-gradient: linear-gradient(45deg, #c53030, #9c1c1c);
}

/* 10. NORDIC ICE - KOYU */
.theme-nordic-dark {
    --primary-gradient: linear-gradient(180deg, #102a43 0%, #243b53 50%, #334e68 100%);
    --primary-color: #9fb3c8;
    --secondary-color: #829ab1;
    --accent-color: #bcccdc;
    --text-color: #f0f4f8;
    --text-light: rgba(240, 244, 248, 0.7);
    --card-bg: rgba(159, 179, 200, 0.1);
    --card-border: rgba(159, 179, 200, 0.2);
    --button-gradient: linear-gradient(45deg, #9fb3c8, #829ab1);
    --warning-gradient: linear-gradient(45deg, #f0b429, #de911d);
    --success-gradient: linear-gradient(45deg, #0c6b58, #147d64);
    --error-gradient: linear-gradient(45deg, #c53030, #9c1c1c);
}

/* 11. SUNSET GRADIENT - AÇIK */
.theme-sunset-light {
    --primary-gradient: linear-gradient(180deg, #fff5f7 0%, #ffe5ec 50%, #ffd4e0 100%);
    --primary-color: #ff6b9d;
    --secondary-color: #ff8fab;
    --accent-color: #ffa8c5;
    --text-color: #4a1942;
    --text-light: rgba(74, 25, 66, 0.6);
    --card-bg: rgba(255, 255, 255, 0.9);
    --card-border: rgba(255, 107, 157, 0.3);
    --button-gradient: linear-gradient(45deg, #ff6b9d, #c44569);
    --warning-gradient: linear-gradient(45deg, #ffa502, #ff6348);
    --success-gradient: linear-gradient(45deg, #26de81, #20bf6b);
    --error-gradient: linear-gradient(45deg, #fc5c65, #eb3b5a);
}

/* 11. SUNSET GRADIENT - KOYU */
.theme-sunset-dark {
    --primary-gradient: linear-gradient(180deg, #2d132c 0%, #4a1942 50%, #801336 100%);
    --primary-color: #ff6b9d;
    --secondary-color: #ff8fab;
    --accent-color: #ffa8c5;
    --text-color: #fff5f7;
    --text-light: rgba(255, 245, 247, 0.7);
    --card-bg: rgba(255, 107, 157, 0.15);
    --card-border: rgba(255, 107, 157, 0.3);
    --button-gradient: linear-gradient(45deg, #ff6b9d, #c44569);
    --warning-gradient: linear-gradient(45deg, #ffa502, #ff6348);
    --success-gradient: linear-gradient(45deg, #26de81, #20bf6b);
    --error-gradient: linear-gradient(45deg, #fc5c65, #eb3b5a);
}

/* 12. DARK EMERALD - AÇIK */
.theme-emerald-light {
    --primary-gradient: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 50%, #bbf7d0 100%);
    --primary-color: #047857;
    --secondary-color: #059669;
    --accent-color: #10b981;
    --text-color: #064e3b;
    --text-light: rgba(6, 78, 59, 0.6);
    --card-bg: rgba(255, 255, 255, 0.95);
    --card-border: rgba(4, 120, 87, 0.2);
    --button-gradient: linear-gradient(45deg, #047857, #059669);
    --warning-gradient: linear-gradient(45deg, #f59e0b, #d97706);
    --success-gradient: linear-gradient(45deg, #10b981, #059669);
    --error-gradient: linear-gradient(45deg, #dc2626, #b91c1c);
}

/* 12. DARK EMERALD - KOYU */
.theme-emerald-dark {
    --primary-gradient: linear-gradient(180deg, #022c22 0%, #064e3b 50%, #065f46 100%);
    --primary-color: #34d399;
    --secondary-color: #10b981;
    --accent-color: #6ee7b7;
    --text-color: #d1fae5;
    --text-light: rgba(209, 250, 229, 0.7);
    --card-bg: rgba(52, 211, 153, 0.1);
    --card-border: rgba(52, 211, 153, 0.2);
    --button-gradient: linear-gradient(45deg, #34d399, #10b981);
    --warning-gradient: linear-gradient(45deg, #fbbf24, #f59e0b);
    --success-gradient: linear-gradient(45deg, #34d399, #10b981);
    --error-gradient: linear-gradient(45deg, #f87171, #dc2626);
}