@charset "UTF-8";

/** 
* @author     : mefamex (https://mefamex.com/)
* @company    : demirosgb (https://demirosgb.com/)
* @website    : https://demirosgb.com/
* @copyright  : © 2025 Demirosgb. Tüm hakları saklıdır
* @file       : variables.css
* @created    : 2025-08-29
* @updated    : 2025-08-29
* @description: CSS variables (colors, spacing, etc.)
* @version    : 1.0.0
*
* @changelog: 
* - v1.0.0 (2025-08-29) - İlk versiyon
*
* =============================
*           NOTES 
* =============================
* 
* TODO:
* - [ ] Dark mode toggle
* - [ ] Performance optimizasyonu
* 
* FIXME:
* - 
**/

:root {
    /* ==================== ANA RENKLER ==================== */
    /* Ana renk */
    --primary-color: #1B365D;
    --primary-color-2: #1B4B8C;
    --primary-color-3: #2C5AA0;
    /* Ana Mavi Açık Ton */
    --primary-light: #2D4A73;
    /* Ana Mavi Koyu Ton */
    --primary-dark: #0F1F35;
    /* Ana Mavi Hover Durumu */
    --primary-hover: #244080;

    /* Tıbbi Yeşil - Sağlık ve Güvenlik */
    --secondary-color: #2D5A3D;
    --secondary-color-2: #4A90A4;
    --secondary-color-3: #2D7D32;
    /* Tıbbi Yeşil Açık Ton */
    --secondary-light: #3A6B4A;
    /* Tıbbi Yeşil Koyu Ton */
    --secondary-dark: #1E3D29;
    /* Tıbbi Yeşil Hover Durumu */
    --secondary-hover: #357A47;

    /* ==================== DESTEK RENKLERİ ==================== */
    /* Açık Gri - Arka Plan */
    --neutral-bg: #F5F7FA;
    --neutral-bg-2: #FFFFFF;
    --neutral-bg-3: #F5F5F5;
    --neutral-bg-4: #424242;
    /* Beyaz */
    --neutral-light: #FFFFFF;
    /* Orta Gri */
    --neutral-medium: #E5E9F2;
    /* Koyu Gri - Metinler */
    --neutral-dark: #2C3E50;
    /* Kenarlık Grisi */
    --neutral-border: #D1D8E0;

    /* ==================== VURGU RENKLERİ ==================== */
    /* Turuncu - CTA ve Vurgular */
    --accent-primary: #E67E22;
    --accent-primary-2: #FF7043;
    /* Açık Turuncu */
    --accent-primary-light: #F39C12;
    /* Koyu Turuncu */
    --accent-primary-dark: #D35400;
    /* Turuncu Hover */
    --accent-primary-hover: #E8934A;

    /* ==================== METİN RENKLERİ ==================== */
    /* Ana Metin */
    --text-primary: #1d2d3e;
    /* İkinci Metin */
    --text-secondary: #5A6C7D;
    /* Soluk Metin */
    --text-muted: #95A5A6;
    /* Beyaz Metin */
    --text-white: #FFFFFF;
    /* Ana Renk Üzerinde Metin */
    --text-on-primary: #FFFFFF;
    /* İkinci Renk Üzerinde Metin */
    --text-on-secondary: #FFFFFF;

    /* ==================== GÖLGE VE EFEKTLER ==================== */
    --shadow-light: 0 0.13rem 0.25rem rgba(27, 54, 93, 0.08);
    --shadow-medium: 0 0.25rem 0.75rem rgba(27, 54, 93, 0.12);
    --shadow-heavy: 0 0.5rem 1.5rem rgba(27, 54, 93, 0.16);
    --shadow-card: 0 0.13rem 0.5rem rgba(27, 54, 93, 0.1);

    /* ==================== ÖZEL GRADIENT ==================== */
    --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-light) 100%);
    --gradient-accent: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-primary-light) 100%);
    --gradient-hero: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);

    /* ==================== TIPOGRAFI ÖLÇEK ==================== */
    --font-scale-xs: 0.75rem;
    /* Minimum okunabilir küçük metin */
    --font-scale-sm: 0.85rem;
    /* Küçük açıklamalar */
    --font-scale-base: 1rem;
    /* Gövde metni */
    --font-scale-md: 1.1rem;
    /* Kart başlığı */
    --font-scale-lg: clamp(1.4rem, 2.2vw, 1.9rem);
    /* Alt başlık */
    --font-scale-xl: clamp(1.8rem, 3.2vw, 2.4rem);
    /* Bölüm başlığı */
    --font-scale-xxl: clamp(2rem, 5vw, 3rem);
    /* Hero başlığı */
}

/*
@media (prefers-color-scheme: dark) {
    :root {
        --neutral-bg: #1A202C;
        --neutral-light: #2D3748;
        --neutral-medium: #4A5568;
        --text-primary: #F7FAFC;
        --text-secondary: #CBD5E0;
        --text-muted: #A0AEC0;
    }
}*/

/* :root[data-theme="dark"] {}*/