/**
 * ============================================================
 * İMZA BMW - RENK PALETİ
 * Sadece Siyah, Mavi ve WhatsApp Yeşili
 * ============================================================
 * 
 * KULLANIM KURALLARI:
 * - Sadece bu dosyadaki renkler kullanılmalıdır
 * - Turuncu, Sarı, Kırmızı (hata hariç), Mor, Pembe kullanılmamalıdır
 * - Ana vurgu rengi: BMW Mavisi (#0066B1)
 * - Metin renkleri: Siyah tonları
 * - WhatsApp: Sadece #25D366 ve tonları
 * ============================================================
 */

:root {
    /* ========================================================
       1. ANA RENKLER - BMW MAVİSİ
       ======================================================== */
    --bmw-blue: #0066B1;
    --bmw-blue-dark: #004d8a;
    --bmw-blue-darker: #003a6c;
    --bmw-blue-light: #E8F4FC;
    --bmw-blue-lighter: #F0F9FF;
    --bmw-blue-bright: #0088CC;
    
    /* Primary aliases */
    --primary: #0066B1;
    --primary-dark: #004d8a;
    --primary-darker: #003a6c;
    --primary-light: #E8F4FC;
    --primary-lighter: #F0F9FF;
    --primary-bright: #0088CC;
    
    /* ========================================================
       2. SİYAH / BEYAZ / GRİ TONLARI
       ======================================================== */
    --black: #0a0a0a;
    --black-soft: #1a1a1a;
    --black-pure: #000000;
    
    --gray-900: #111827;
    --gray-800: #1F2937;
    --gray-700: #374151;
    --gray-600: #4B5563;
    --gray-500: #6B7280;
    --gray-400: #9CA3AF;
    --gray-300: #D1D5DB;
    --gray-200: #E5E7EB;
    --gray-100: #F3F4F6;
    --gray-50: #F9FAFB;
    
    --white: #ffffff;
    --white-soft: #F9FAFB;
    
    /* Metin renkleri */
    --text-dark: #0a0a0a;
    --text-primary: #1a1a1a;
    --text-secondary: #4B5563;
    --text-muted: #6B7280;
    --text-light: #9CA3AF;
    
    /* ========================================================
       3. WHATSAPP RENKLERİ - SADECE WHATSAPP İÇİN
       ======================================================== */
    --whatsapp: #25D366;
    --whatsapp-dark: #128C7E;
    --whatsapp-darker: #075E54;
    --whatsapp-light: #DCFCE7;
    
    /* ========================================================
       4. FONKSİYONEL RENKLER (SADECE GEREKLİ OLANLAR)
       ======================================================== */
    --success: #0066B1;      /* BAŞARI - ARTIK MAVİ */
    --success-light: #E8F4FC;
    --success-bg: #F0F9FF;
    
    --error: #DC2626;        /* HATA - KIRMIZI (SADECE HATA MESAJLARI İÇİN) */
    --error-light: #FEE2E2;
    --error-bg: #FEF2F2;
    
    --info: #0066B1;         /* BİLGİ - MAVİ */
    --info-light: #E8F4FC;
    
    /* Uyarı renkleri ARTIK YOK - Turuncu/Sarı kullanılmıyor */
    --warning: #0066B1;      /* Uyarı artık mavi */
    --warning-light: #E8F4FC;
    
    /* ========================================================
       5. ARKA PLAN VE KENARLIK RENKLERİ
       ======================================================== */
    --bg-primary: #ffffff;
    --bg-secondary: #F9FAFB;
    --bg-tertiary: #F3F4F6;
    --bg-dark: #0a0a0a;
    --bg-dark-soft: #1a1a1a;
    
    --border-color: #E5E7EB;
    --border-light: #F3F4F6;
    --border-dark: #D1D5DB;
    
    /* ========================================================
       6. GÖLGE RENKLERİ (MAVİ TONLU)
       ======================================================== */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --shadow-bmw: 0 4px 20px rgba(0, 102, 177, 0.15);
    --shadow-bmw-lg: 0 10px 40px rgba(0, 102, 177, 0.2);
    
    /* ========================================================
       7. YASAKLI RENKLER (KULLANILMAMALI)
       ========================================================
       
       ❌ KULLANILMAMASI GEREKEN RENKLER:
       
       Turuncu tonları:
       - #ff6b35, #f7931e, #ff9800, #f57c00
       - #F59E0B, #D97706, #e65100
       
       Sarı/Altın tonları:
       - #C9A227, #A88420, #FDF8E8
       - #ffc107, #ffd700, #ffeb3b
       
       Kırmızı tonları (hata hariç):
       - #EF4444, #e53935, #c62828 (sadece hata mesajlarında)
       
       Mor/Pembe tonları:
       - #9333ea, #a855f7, #d946ef, #ec4899
       
       Yeşil tonları (WhatsApp hariç):
       - #22C55E, #10B981, #059669 (artık mavi kullanılmalı)
       ======================================================== */
}

/* ============================================================
   UTILITY CLASSES - YARDIMCI SINIFLAR
   ============================================================ */

/* Metin Renkleri */
.text-bmw { color: var(--bmw-blue) !important; }
.text-bmw-dark { color: var(--bmw-blue-dark) !important; }
.text-bmw-light { color: var(--bmw-blue-light) !important; }

.text-black { color: var(--black) !important; }
.text-black-soft { color: var(--black-soft) !important; }
.text-white { color: var(--white) !important; }

.text-gray-900 { color: var(--gray-900) !important; }
.text-gray-700 { color: var(--gray-700) !important; }
.text-gray-600 { color: var(--gray-600) !important; }
.text-gray-500 { color: var(--gray-500) !important; }
.text-gray-400 { color: var(--gray-400) !important; }

.text-whatsapp { color: var(--whatsapp) !important; }

/* Arka Plan Renkleri */
.bg-bmw { background-color: var(--bmw-blue) !important; }
.bg-bmw-dark { background-color: var(--bmw-blue-dark) !important; }
.bg-bmw-light { background-color: var(--bmw-blue-light) !important; }
.bg-bmw-lighter { background-color: var(--bmw-blue-lighter) !important; }

.bg-black { background-color: var(--black) !important; }
.bg-black-soft { background-color: var(--black-soft) !important; }
.bg-white { background-color: var(--white) !important; }

.bg-gray-900 { background-color: var(--gray-900) !important; }
.bg-gray-100 { background-color: var(--gray-100) !important; }
.bg-gray-50 { background-color: var(--gray-50) !important; }

.bg-whatsapp { background-color: var(--whatsapp) !important; }
.bg-whatsapp-dark { background-color: var(--whatsapp-dark) !important; }

/* Kenarlık Renkleri */
.border-bmw { border-color: var(--bmw-blue) !important; }
.border-gray { border-color: var(--border-color) !important; }

/* Gradient'ler - Düz Renklere Dönüştürüldü */
.gradient-bmw {
    background: var(--bmw-blue) !important;
}

.gradient-bmw-dark {
    background: var(--bmw-blue-dark) !important;
}

.gradient-black {
    background: var(--black) !important;
}

.gradient-whatsapp {
    background: var(--whatsapp) !important;
}

/* Hover States */
.hover-bmw:hover { color: var(--bmw-blue) !important; }
.hover-bmw-bg:hover { background-color: var(--bmw-blue) !important; }
.hover-bmw-light:hover { background-color: var(--bmw-blue-light) !important; }