/**
 * Onur Güzeldal Diş Kliniği
 * CSS Değişkenleri - Premium Tasarım Sistemi
 * 
 * Profesyonel, kurumsal ve güven veren renk paleti
 */

:root {
    /* ========================================
       ANA RENK PALETİ
       ======================================== */
    
    /* Birincil - Güven Veren Mavi */
    --renk-birincil: #1B4965;
    --renk-birincil-acik: #2D6A8D;
    --renk-birincil-koyu: #0F2D40;
    --renk-birincil-rgb: 27, 73, 101;
    
    /* İkincil - Soft Mavi */
    --renk-ikincil: #5FA8D3;
    --renk-ikincil-acik: #7DBCE0;
    --renk-ikincil-koyu: #4A8BB5;
    --renk-ikincil-rgb: 95, 168, 211;
    
    /* Vurgu - Mint Yeşil */
    --renk-vurgu: #62B6B7;
    --renk-vurgu-acik: #7EC8C9;
    --renk-vurgu-koyu: #4A9899;
    --renk-vurgu-rgb: 98, 182, 183;
    
    /* Nötr Tonlar */
    --renk-beyaz: #FFFFFF;
    --renk-krem: #F8F5F1;
    --renk-bej: #F5F0EB;
    --renk-gri-acik: #E8E8E8;
    --renk-gri: #B0B0B0;
    --renk-gri-koyu: #6B7280;
    --renk-koyu: #2D3436;
    --renk-siyah: #1A1A1A;
    
    /* Durum Renkleri */
    --renk-basari: #10B981;
    --renk-uyari: #F59E0B;
    --renk-hata: #EF4444;
    --renk-bilgi: #3B82F6;
    
    /* ========================================
       TİPOGRAFİ
       ======================================== */
    
    /* Font Aileleri */
    --font-baslik: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-govde: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-vurgu: 'Outfit', 'Inter', sans-serif;
    
    /* Font Boyutları */
    --boyut-xs: 0.75rem;      /* 12px */
    --boyut-sm: 0.875rem;     /* 14px */
    --boyut-base: 1rem;       /* 16px */
    --boyut-md: 1.125rem;     /* 18px */
    --boyut-lg: 1.25rem;      /* 20px */
    --boyut-xl: 1.5rem;       /* 24px */
    --boyut-2xl: 1.875rem;    /* 30px */
    --boyut-3xl: 2.25rem;     /* 36px */
    --boyut-4xl: 3rem;        /* 48px */
    --boyut-5xl: 3.75rem;     /* 60px */
    --boyut-6xl: 4.5rem;      /* 72px */
    
    /* Satır Yükseklikleri */
    --satir-sikisik: 1.25;
    --satir-normal: 1.5;
    --satir-rahat: 1.75;
    --satir-genis: 2;
    
    /* Font Ağırlıkları */
    --agirlik-ince: 300;
    --agirlik-normal: 400;
    --agirlik-orta: 500;
    --agirlik-yari-kalin: 600;
    --agirlik-kalin: 700;
    --agirlik-cok-kalin: 800;
    
    /* ========================================
       BOŞLUKLAR (Spacing)
       ======================================== */
    
    --bosluk-1: 0.25rem;      /* 4px */
    --bosluk-2: 0.5rem;       /* 8px */
    --bosluk-3: 0.75rem;      /* 12px */
    --bosluk-4: 1rem;         /* 16px */
    --bosluk-5: 1.25rem;      /* 20px */
    --bosluk-6: 1.5rem;       /* 24px */
    --bosluk-8: 2rem;         /* 32px */
    --bosluk-10: 2.5rem;      /* 40px */
    --bosluk-12: 3rem;        /* 48px */
    --bosluk-16: 4rem;        /* 64px */
    --bosluk-20: 5rem;        /* 80px */
    --bosluk-24: 6rem;        /* 96px */
    --bosluk-32: 8rem;        /* 128px */
    
    /* ========================================
       KENAR YUVARLAMA
       ======================================== */
    
    --radius-sm: 0.25rem;     /* 4px */
    --radius-md: 0.5rem;      /* 8px */
    --radius-lg: 0.75rem;     /* 12px */
    --radius-xl: 1rem;        /* 16px */
    --radius-2xl: 1.5rem;     /* 24px */
    --radius-full: 9999px;
    
    /* ========================================
       GÖLGELER
       ======================================== */
    
    --golge-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
    --golge-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
    --golge-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --golge-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
    --golge-xl: 0 12px 48px rgba(0, 0, 0, 0.12);
    --golge-2xl: 0 20px 60px rgba(0, 0, 0, 0.15);
    
    /* Renkli Gölgeler */
    --golge-birincil: 0 8px 24px rgba(var(--renk-birincil-rgb), 0.25);
    --golge-ikincil: 0 8px 24px rgba(var(--renk-ikincil-rgb), 0.25);
    --golge-vurgu: 0 8px 24px rgba(var(--renk-vurgu-rgb), 0.25);
    
    /* ========================================
       GEÇİŞLER & ANİMASYONLAR
       ======================================== */
    
    --gecis-hizli: 150ms ease;
    --gecis-normal: 250ms ease;
    --gecis-yavas: 350ms ease;
    --gecis-yavas2: 500ms ease;
    
    --animasyon-ziplama: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --animasyon-yumusak: cubic-bezier(0.4, 0, 0.2, 1);
    --animasyon-giris: cubic-bezier(0, 0, 0.2, 1);
    --animasyon-cikis: cubic-bezier(0.4, 0, 1, 1);
    
    /* ========================================
       LAYOUT
       ======================================== */
    
    --konteyner-sm: 640px;
    --konteyner-md: 768px;
    --konteyner-lg: 1024px;
    --konteyner-xl: 1280px;
    --konteyner-2xl: 1400px;
    
    --header-yukseklik: 80px;
    --header-yukseklik-mobil: 70px;
    
    /* ========================================
       Z-INDEX KATMANLARİ
       ======================================== */
    
    --z-negatif: -1;
    --z-normal: 1;
    --z-uzerine: 10;
    --z-menu: 100;
    --z-sticky: 500;
    --z-modal-arkaplan: 900;
    --z-modal: 1000;
    --z-toast: 1100;
}

/* ========================================
   KARANLIK TEMA DESTEĞİ (İsteğe bağlı)
   ======================================== */
@media (prefers-color-scheme: dark) {
    :root.karanlik-tema {
        --renk-beyaz: #1A1A1A;
        --renk-krem: #242424;
        --renk-koyu: #F8F5F1;
        --renk-siyah: #FFFFFF;
    }
}