/**
 * ========================================
 * MERKEZİ RENK YÖNETİMİ
 * ========================================
 * Bu dosya tüm sistem renklerini merkezi olarak yönetir
 * Renk değişiklikleri sadece bu dosyadan yapılmalıdır
 */

:root {
  /* ========================================
   * ANA RENK PALETİ
   * ======================================== */
  
  /* Birincil Renkler */
  --primary-color: #667eea;           /* Ana mavi */
  --primary-dark: #4a5bc8;           /* Koyu mavi */
  --primary-light: #7c8ef0;          /* Açık mavi */
  --primary-darker: #2d3a8f;        /* Daha koyu mavi */
  
  /* İkincil Renkler */
  --secondary-color: #667eea;        /* Mor */
  --secondary-dark: #5a6fd8;         /* Koyu mor */
  --secondary-light: #7c8ef0;        /* Açık mor */
  
  /* Vurgu Renkleri */
  --accent-color: #28a745;           /* Yeşil */
  --accent-dark: #218838;            /* Koyu yeşil */
  --accent-light: #34ce57;           /* Açık yeşil */
  
  /* Uyarı Renkleri */
  --warning-color: #ffc107;          /* Sarı */
  --warning-dark: #e0a800;           /* Koyu sarı */
  --warning-light: #ffcd39;          /* Açık sarı */
  
  /* Hata Renkleri */
  --danger-color: #dc3545;           /* Kırmızı */
  --danger-dark: #c82333;            /* Koyu kırmızı */
  --danger-light: #e74c3c;           /* Açık kırmızı */
  
  /* Bilgi Renkleri */
  --info-color: #17a2b8;             /* Turkuaz */
  --info-dark: #138496;              /* Koyu turkuaz */
  --info-light: #20c997;             /* Açık turkuaz */
  
  /* ========================================
   * GRADIENT RENKLER
   * ======================================== */
  
  --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  --gradient-success: linear-gradient(135deg, var(--accent-color) 0%, var(--info-light) 100%);
  --gradient-warning: linear-gradient(135deg, var(--warning-color) 0%, #fd7e14 100%);
  --gradient-danger: linear-gradient(135deg, var(--danger-color) 0%, #e83e8c 100%);
  
  /* ========================================
   * ARKA PLAN RENKLERİ
   * ======================================== */
  
  --bg-primary: #ffffff;             /* Ana arka plan */
  --bg-secondary: #f8f9fa;           /* İkincil arka plan */
  --bg-tertiary: #e9ecef;            /* Üçüncül arka plan */
  --bg-dark: #343a40;                /* Koyu arka plan */
  --bg-darker: #212529;              /* Daha koyu arka plan */
  
  /* Login Sayfası Koyu Mavi Tema */
  --login-bg-dark: #1a1f3a;          /* Koyu mavi arka plan */
  --login-card-bg: #1e2447;          /* Koyu mavi kart arka planı */
  --login-card-border: #2d3a8f;       /* Koyu mavi kenarlık */
  --login-text-primary: #ffffff;     /* Beyaz ana metin */
  --login-text-secondary: #8b9dc3;   /* Açık mavi ikincil metin */
  --login-text-muted: #6b7ba0;       /* Soluk mavi metin */
  
  /* ========================================
   * METİN RENKLERİ
   * ======================================== */
  
  --text-primary: #2c3e50;           /* Ana metin */
  --text-secondary: #495057;         /* İkincil metin */
  --text-muted: #6c757d;             /* Soluk metin */
  --text-light: #ffffff;             /* Açık metin */
  --text-dark: #212529;              /* Koyu metin */
  
  /* ========================================
   * KENARLIK RENKLERİ
   * ======================================== */
  
  --border-color: #dee2e6;           /* Ana kenarlık */
  --border-light: #e9ecef;           /* Açık kenarlık */
  --border-dark: #adb5bd;            /* Koyu kenarlık */
  --border-primary: var(--primary-color); /* Birincil kenarlık */
  
  /* ========================================
   * GÖLGE RENKLERİ
   * ======================================== */
  
  --shadow-light: rgba(0, 0, 0, 0.1);    /* Açık gölge */
  --shadow-medium: rgba(0, 0, 0, 0.15);  /* Orta gölge */
  --shadow-dark: rgba(0, 0, 0, 0.25);    /* Koyu gölge */
  --shadow-primary: rgba(102, 126, 234, 0.3); /* Birincil gölge */
  
  /* ========================================
   * HOVER VE AKTİF DURUM RENKLERİ
   * ======================================== */
  
  --hover-primary: var(--primary-dark);
  --hover-secondary: var(--secondary-dark);
  --hover-accent: var(--accent-dark);
  --hover-danger: var(--danger-dark);
  
  --active-primary: var(--primary-light);
  --active-secondary: var(--secondary-light);
  --active-accent: var(--accent-light);
  
  /* ========================================
   * FORM ELEMENT RENKLERİ
   * ======================================== */
  
  --input-bg: #ffffff;
  --input-border: var(--border-color);
  --input-focus-border: var(--primary-color);
  --input-focus-shadow: var(--shadow-primary);
  --input-disabled-bg: var(--bg-tertiary);
  --input-disabled-text: var(--text-muted);
  
  /* ========================================
   * BUTON RENKLERİ
   * ======================================== */
  
  --btn-primary-bg: var(--primary-color);
  --btn-primary-text: var(--text-light);
  --btn-primary-hover: var(--hover-primary);
  --btn-primary-border: var(--primary-color);
  
  --btn-secondary-bg: var(--secondary-color);
  --btn-secondary-text: var(--text-light);
  --btn-secondary-hover: var(--hover-secondary);
  --btn-secondary-border: var(--secondary-color);
  
  --btn-success-bg: var(--accent-color);
  --btn-success-text: var(--text-light);
  --btn-success-hover: var(--hover-accent);
  --btn-success-border: var(--accent-color);
  
  --btn-danger-bg: var(--danger-color);
  --btn-danger-text: var(--text-light);
  --btn-danger-hover: var(--hover-danger);
  --btn-danger-border: var(--danger-color);
  
  /* ========================================
   * NAVİGASYON RENKLERİ
   * ======================================== */
  
  --nav-bg: var(--bg-primary);
  --nav-text: var(--text-primary);
  --nav-hover-bg: var(--bg-secondary);
  --nav-active-bg: var(--primary-color);
  --nav-active-text: var(--text-light);
  --nav-border: var(--border-color);
  
  /* ========================================
   * KART VE PANEL RENKLERİ
   * ======================================== */
  
  --card-bg: var(--bg-primary);
  --card-border: var(--border-color);
  --card-shadow: var(--shadow-light);
  --card-header-bg: var(--bg-secondary);
  --card-header-text: var(--text-primary);
  
  /* ========================================
   * MODAL VE POPUP RENKLERİ
   * ======================================== */
  
  --modal-bg: var(--bg-primary);
  --modal-overlay: rgba(0, 0, 0, 0.5);
  --modal-border: var(--border-color);
  --modal-shadow: var(--shadow-dark);
  --modal-header-bg: var(--bg-secondary);
  --modal-header-text: var(--text-primary);
  
  /* ========================================
   * TABLO RENKLERİ
   * ======================================== */
  
  --table-bg: var(--bg-primary);
  --table-header-bg: var(--bg-secondary);
  --table-header-text: var(--text-primary);
  --table-border: var(--border-color);
  --table-row-hover: var(--bg-secondary);
  --table-stripe: var(--bg-tertiary);
  
  /* ========================================
   * BİLDİRİM RENKLERİ
   * ======================================== */
  
  --notification-bg: var(--bg-primary);
  --notification-border: var(--border-color);
  --notification-shadow: var(--shadow-medium);
  --notification-unread-bg: var(--primary-light);
  --notification-unread-text: var(--text-light);
  --notification-read-bg: var(--bg-secondary);
  --notification-read-text: var(--text-secondary);
  
  /* ========================================
   * DURUM RENKLERİ
   * ======================================== */
  
  --status-online: var(--accent-color);
  --status-offline: var(--text-muted);
  --status-busy: var(--warning-color);
  --status-away: var(--info-color);
  
  /* ========================================
   * ÖZEL RENKLER - KOYU MAVİ TEMA
   * ======================================== */
  
  --sidebar-bg: linear-gradient(135deg, #1a1f3a 0%, #2d3a8f 100%);
  --sidebar-text: #ffffff;
  --sidebar-hover: rgba(102, 126, 234, 0.2);
  --sidebar-active: var(--primary-color);
  --sidebar-border: rgba(45, 58, 143, 0.5);
  --sidebar-active-bg: rgba(102, 126, 234, 0.3);
  
  --header-bg: var(--bg-primary);
  --header-text: var(--text-primary);
  --header-border: var(--border-color);
  --header-shadow: var(--shadow-light);
}