/**
 * AKG Rent & Filo - Tasarım Sistemi ve Kolay Renk Özelleştirme Değişkenleri
 * Referans Tasarıma (ONUR RENT A CAR) Uygun Kurumsal Beyaz & Laci Teması (Modern Light UI)
 */

:root {
    /* ==========================================================================
       1. KOLAY RENK ÖZELLEŞTİRME ALANI (EASY COLOR CONFIGURATION)
       Web sitesinin tüm ana renklerini sadece buradaki değerleri değiştirerek
       saniyeler içinde kurumsal kimliğinize uyarlayabilirsiniz!
       ========================================================================== */
       
    --color-primary: #09090b;      /* Kurumsal Derin Siyah / Antrasit -> Footer, Bannerlar, Ana Başlıklar */
    --color-secondary: #eab308;    /* Kurumsal Altın Sarısı / Gold -> Butonlar, Rozetler, Önemli Vurgular */
    --color-accent: #facc15;       /* Canlı Sarı -> İkonlar, Çerçeveler, Hover efektleri */
    --color-accent-light: #fef9c3; /* Soft Sarı -> İkon kutu arkaplanları, rozet zeminleri */
    --color-bg: #f8fafc;           /* Sayfa Genel Arkaplanı -> Temiz Beyaz/Gri tonu */
    --color-surface: #ffffff;      /* Kartlar ve Kutu Arkaplanları -> Saf Beyaz */
    --color-text: #0f172a;         /* Koyu Metin Rengi -> Başlıklar ve paragraflar */
    --color-text-muted: #64748b;   /* Gri Metin Rengi -> Alt başlıklar, açıklamalar, tarih/özellik etiketleri */
    --color-success: #10b981;      /* Zümrüt Yeşili -> WhatsApp butonu, müsaitlik durumu, olumlu onaylar */
    --color-warning: #f59e0b;      /* Yıldız ve Değerlendirme Rengi */

    /* ==========================================================================
       2. SİSTEM BİLEŞENLERİ VE TÜRETİLMİŞ TONLAR
       (Aşağıdaki değişkenler yukarıdaki ana renklerden otomatik güç alır)
       ========================================================================== */
       
    /* Ana Buton & Etkileşim Renkleri */
    --btn-primary-bg: var(--color-secondary);
    --btn-primary-hover: #ca8a04;
    --btn-primary-text: #09090b;
    
    --btn-secondary-bg: var(--color-primary);
    --btn-secondary-hover: #27272a;
    --btn-secondary-text: #ffffff;

    --btn-whatsapp-bg: var(--color-success);
    --btn-whatsapp-hover: #059669;

    /* Kartlar, Gölgeler ve Kenarlıklar (Soft Corporate Shadows) */
    --border-color: #e2e8f0;
    --border-color-hover: #cbd5e1;
    --card-bg: var(--color-surface);
    --card-shadow-sm: 0 1px 3px 0 rgba(9, 9, 11, 0.05), 0 1px 2px -1px rgba(9, 9, 11, 0.05);
    --card-shadow-md: 0 4px 15px -1px rgba(9, 9, 11, 0.08), 0 2px 8px -2px rgba(9, 9, 11, 0.04);
    --card-shadow-lg: 0 15px 35px -5px rgba(9, 9, 11, 0.15), 0 8px 15px -6px rgba(9, 9, 11, 0.08);
    --card-shadow-hover: 0 20px 40px -8px rgba(234, 179, 8, 0.25);

    /* İkon Kutu Arkaplanı (Soft Gold/Yellow Boxes in Service Cards) */
    --icon-box-bg: #fef9c3;
    --icon-box-color: #a16207;
    --icon-box-border: #fde047;

    /* Tipografi (Google Fonts) */
    --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* Geçişler ve Animasyonlar */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-bounce: 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Border Radius (Hap/Oval köşeler ve yumuşak kartlar) */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-full: 9999px; /* Pill / Hap Şeklindeki Buton ve Rozetler İçin */
}