/* assets/css/variable.css - NİHAİ SÜRÜM */

:root {
    /* --- RENK PALETİ (Light Mode - Varsayılan) --- */
    
    /* Ana Marka Rengi: Güven veren, haber sitesine uygun güçlü bir kırmızı */
    --primary-color: #D32F2F;      
    --primary-hover: #B71C1C;
    --primary-light: #FFEBEE; /* Hafif kırmızı arka planlar için */

    /* İkincil Renkler */
    --secondary-color: #1E293B; /* Koyu lacivert/gri - Başlıklar ve Footer için */
    --accent-color: #3B82F6;    /* Linkler ve vurgular için mavi */

    /* Arka Planlar */
    --bg-body: #F8FAFC;         /* Gözü yormayan çok açık gri */
    --bg-card: #FFFFFF;         /* Kartlar için tam beyaz */
    --bg-surface: #F1F5F9;      /* Bölüm ayrımları için açık gri */
    
    /* Metin Renkleri */
    --text-heading: #0F172A;    /* Başlıklar (Neredeyse siyah) */
    --text-body: #334155;       /* Okuma metinleri (Okunabilirlik için yumuşak siyah) */
    --text-muted: #64748B;      /* Tarih, yazar vb. yan bilgiler */
    --text-light: #FFFFFF;      /* Koyu zemin üzerindeki yazılar */
    
    /* Çizgiler ve Kenarlıklar */
    --border-color: #E2E8F0;
    --input-bg: #FFFFFF;
    
    /* Durum Renkleri */
    --success: #10B981;
    --warning: #F59E0B;
    --danger: #EF4444;
    --info: #3B82F6;

    /* Ölçüler ve Efektler */
    --container-width: 1200px;  /* Standart genişlik */
    --header-height: 70px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;
    
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    
    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Tipografi */
    --font-main: 'Inter', system-ui, -apple-system, sans-serif;
}

/* --- DARK MODE (Gece Modu) --- */
body.dark-mode {
    --primary-color: #EF5350;      
    --primary-hover: #E57373;
    --primary-light: #2C1F1F;

    --secondary-color: #E2E8F0; 
    --accent-color: #60A5FA;

    --bg-body: #0F172A;            /* Çok koyu lacivert */
    --bg-card: #1E293B;            /* Koyu gri/mavi kartlar */
    --bg-surface: #334155;         
    
    --text-heading: #F8FAFC;       
    --text-body: #CBD5E1;          
    --text-muted: #94A3B8;         
    
    --border-color: #334155;       
    --input-bg: #1E293B;
    
    --shadow-sm: none;
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}