:root {
    /* --- RENK PALETİ (Color Palette) --- */
    --primary-color: #dc2626;       /* Urfa Kırmızısı (Red-600) */
    --primary-hover: #b91c1c;       /* Red-700 */
    
    /* Arka Planlar */
    --bg-body: #f3f4f6;             /* Gray-100 */
    --bg-card: #ffffff;             /* White */
    --bg-input: #ffffff;
    
    /* Metin Renkleri */
    --text-main: #1f2937;           /* Gray-800 */
    --text-muted: #6b7280;          /* Gray-500 */
    --text-inverse: #ffffff;
    
    /* Yapısal Öğeler */
    --border-color: #e5e7eb;        /* Gray-200 */
    --shadow: 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);

    /* --- TİPOGRAFİ & DÜZEN --- */
    --font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --container-width: 1200px;
    --radius: 12px;                 /* Modern, yumuşak köşeler */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* Doğal geçiş efekti */
    
    /* Tarayıcı UI Uyumluluğu */
    color-scheme: light;
}

/* --- KARANLIK MOD (DARK THEME) --- */
[data-theme="dark"] {
    /* Arka Planlar */
    --bg-body: #111827;             /* Gray-900 */
    --bg-card: #1f2937;             /* Gray-800 */
    --bg-input: #374151;            /* Gray-700 */
    
    /* Metin Renkleri */
    --text-main: #f9fafb;           /* Gray-50 */
    --text-muted: #9ca3af;          /* Gray-400 */
    
    /* Yapısal Öğeler */
    --border-color: #374151;        /* Gray-700 */
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
    
    /* Tarayıcı UI Uyumluluğu */
    color-scheme: dark;
}