/* ==================== TEMA DEĞİŞKENLERİ - TEK YERDEN RENK YÖNETİMİ ==================== */
/* Bu dosyayı değiştirerek tüm sitenin renklerini değiştirebilirsiniz */

:root {
    /* ANA RENK PALETİ - #e40043 (Vişne Kırmızısı) */
    --primary-color: #e40043;
    --primary-color-rgb: 228, 0, 67;  /* RGB değeri - rgba() için */
    --primary-light: #ff1a5c;
    --primary-dark: #c00038;
    --primary-ultra-light: #ffd6e1;
    
    /* GRADIENT RENKLER */
    --gradient-start: #e40043;
    --gradient-end: #c00038;
    
    /* ACCENT RENKLER */
    --accent-color: #e40043;
    --accent-light: #ff1a5c;
    
    /* SECONDARY RENKLER */
    --secondary-color: #2c3e50;
    --secondary-light: #34495e;
    --secondary-dark: #1a252f;
    
    /* NÖTRMeydanAL RENKLER */
    --text-dark: #2c3e50;
    --text-light: #7f8c8d;
    --text-muted: #95a5a6;
    
    /* BACKGROUND RENKLER */
    --bg-white: #ffffff;
    --bg-light: #f8f9fa;
    --bg-gray: #ecf0f1;
    --bg-dark: #2c3e50;
    
    /* BORDER & SHADOW */
    --border-light: #e9ecef;
    --border-medium: #dee2e6;
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 25px rgba(0,0,0,0.15);
    
    /* SUCCESS & ERROR */
    --success-color: #27ae60;
    --success-dark: #1e8449;
    --error-color: #e74c3c;
    --error-dark: #c0392b;
    --warning-color: #f39c12;
    --warning-dark: #e67e22;
    --info-color: #3498db;
    
    /* DARK MODE RENKLER */
    --dark-bg-primary: #0a0a0a;
    --dark-bg-secondary: #1a1a1a;
    --dark-bg-tertiary: #2d2d2d;
    --dark-text-primary: #ffffff;
    --dark-text-secondary: #b0b0b0;
    --dark-border: rgba(255,255,255,0.1);
    
    /* DARK MODE İÇİN ALIAS'LAR (dark-mode.css ile uyumluluk) */
    --bg-primary: #ffffff;
    --text-primary: #2c3e50;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #ecf0f1;
    --text-secondary: #7f8c8d;
    --border-color: #e9ecef;
    --shadow: rgba(0,0,0,0.1);
    --shadow-hover: rgba(0,0,0,0.15);
}

/* ==================== DARK MODE TEMA DEĞİŞKENLERİ ==================== */
[data-theme="dark"] {
    --primary-color: #e40043;
    --primary-light: #ff1a5c;
    --primary-dark: #c00038;
    
    --gradient-start: #e40043;
    --gradient-end: #c00038;
    
    --text-dark: #ffffff;
    --text-light: #b0b0b0;
    --text-muted: #888888;
    
    --bg-white: #1a1a1a;
    --bg-light: #2d2d2d;
    --bg-gray: #3a3a3a;
    --bg-dark: #0a0a0a;
    
    --border-light: rgba(255,255,255,0.1);
    --border-medium: rgba(255,255,255,0.15);
    
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 25px rgba(0,0,0,0.5);
    
    /* DARK MODE İÇİN ALIAS'LAR */
    --bg-primary: #0a0a0a;
    --text-primary: #ffffff;
    --bg-secondary: #1a1a1a;
    --bg-tertiary: #2d2d2d;
    --text-secondary: #b0b0b0;
    --border-color: rgba(255,255,255,0.1);
    --shadow: rgba(0,0,0,0.4);
    --shadow-hover: rgba(0,0,0,0.5);
}

/* ==================== DARK MODE - body.dark-mode sınıfı için ==================== */
body.dark-mode {
    --primary-color: #e40043;
    --primary-light: #ff1a5c;
    --primary-dark: #c00038;
    
    --gradient-start: #e40043;
    --gradient-end: #c00038;
    
    --text-dark: #ffffff;
    --text-light: #b0b0b0;
    --text-muted: #888888;
    
    --bg-white: #1a1a1a;
    --bg-light: #2d2d2d;
    --bg-gray: #3a3a3a;
    --bg-dark: #0a0a0a;
    
    --border-light: rgba(255,255,255,0.1);
    --border-medium: rgba(255,255,255,0.15);
    
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 25px rgba(0,0,0,0.5);
    
    /* DARK MODE İÇİN ALIAS'LAR */
    --bg-primary: #0a0a0a;
    --text-primary: #ffffff;
    --bg-secondary: #1a1a1a;
    --bg-tertiary: #2d2d2d;
    --text-secondary: #b0b0b0;
    --border-color: rgba(255,255,255,0.1);
    --shadow: rgba(0,0,0,0.4);
    --shadow-hover: rgba(0,0,0,0.5);
}

/* ==================== KULLANIM ÖRNEKLERİ ==================== */
/*
RENK DEĞİŞTİRMEK İÇİN:
1. Yukarıdaki --primary-color değerini istediğiniz renge değiştirin
2. Örnek: --primary-color: #3498db; (Mavi tema)
3. Kaydedin - tüm site otomatik güncellenir!

KULLANIM:
background: var(--primary-color);
color: var(--text-dark);
border: 2px solid var(--border-light);
box-shadow: var(--shadow-md);
background: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
*/