/* ============================================
   UstaNet Web Panel — Tema Sistemi
   ============================================ */

:root {
  /* ---------- Light Mode (varsayilan) ---------- */
  --bg-primary: #F0F2F5;
  --bg-secondary: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F8F9FA;
  --bg-input: #F5F6FA;
  --bg-input-focus: #FFFFFF;
  --bg-hover: #F3F4F6;

  --text-primary: #1A1A2E;
  --text-secondary: #6B7280;
  --text-muted: #9CA3AF;
  --text-inverse: #FFFFFF;

  --border-color: #E5E7EB;
  --border-light: #F3F4F6;

  /* Sidebar — her iki modda koyu */
  --sidebar-bg: #1A1A2E;
  --sidebar-bg-hover: #252540;
  --sidebar-bg-active: #2D2D4A;
  --sidebar-text: #9CA3C0;
  --sidebar-text-active: #FFFFFF;
  --sidebar-accent: #FF6B35;
  --sidebar-border: #2D2D4A;
  --sidebar-section-label: #6B7094;

  /* Header */
  --header-bg: #FFFFFF;
  --header-shadow: 0 1px 3px rgba(0,0,0,0.08);

  /* Accent / Marka */
  --accent: #FF6B35;
  --accent-hover: #E85D2C;
  --accent-light: rgba(255, 107, 53, 0.1);
  --accent-text: #FFFFFF;
  --primary: #6366F1;
  --primary-hover: #5558E6;
  --primary-light: rgba(99, 102, 241, 0.1);

  /* Durum renkleri */
  --success: #10B981;
  --success-light: rgba(16, 185, 129, 0.1);
  --warning: #F59E0B;
  --warning-light: rgba(245, 158, 11, 0.1);
  --danger: #EF4444;
  --danger-light: rgba(239, 68, 68, 0.1);
  --info: #3B82F6;
  --info-light: rgba(59, 130, 246, 0.1);
  --purple: #8B5CF6;
  --purple-light: rgba(139, 92, 246, 0.1);

  /* Kart Stat renkleri */
  --stat-blue: #3B82F6;
  --stat-blue-bg: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
  --stat-orange: #FF6B35;
  --stat-orange-bg: linear-gradient(135deg, #FF6B35 0%, #E85D2C 100%);
  --stat-green: #10B981;
  --stat-green-bg: linear-gradient(135deg, #10B981 0%, #059669 100%);
  --stat-purple: #8B5CF6;
  --stat-purple-bg: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
  --stat-red: #EF4444;
  --stat-red-bg: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);

  /* Grafik */
  --chart-grid: #E5E7EB;
  --chart-text: #6B7280;

  /* Modal */
  --modal-overlay: rgba(0, 0, 0, 0.5);
  --modal-bg: #FFFFFF;

  /* Tablo */
  --table-header-bg: #F9FAFB;
  --table-row-hover: #F3F4F6;
  --table-border: #E5E7EB;

  /* Scroll */
  --scrollbar-track: #F3F4F6;
  --scrollbar-thumb: #D1D5DB;

  /* Gecis */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow: 0.4s ease;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 50%;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -1px rgba(0,0,0,0.04);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -2px rgba(0,0,0,0.04);
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);

  /* Layout */
  --sidebar-width: 260px;
  --sidebar-collapsed-width: 72px;
  --header-height: 68px;
}

/* ---------- Dark Mode ---------- */
.dark-mode {
  --bg-primary: #0F1117;
  --bg-secondary: #1A1D26;
  --bg-card: #1E2130;
  --bg-card-hover: #252838;
  --bg-input: #252838;
  --bg-input-focus: #2D3040;
  --bg-hover: #252838;

  --text-primary: #E4E6EB;
  --text-secondary: #9CA3AF;
  --text-muted: #6B7280;

  --border-color: #2D3040;
  --border-light: #252838;

  --sidebar-bg: #0A0C12;
  --sidebar-bg-hover: #151820;
  --sidebar-bg-active: #1A1D28;
  --sidebar-border: #1A1D28;

  --header-bg: #1A1D26;
  --header-shadow: 0 1px 3px rgba(0,0,0,0.3);

  --chart-grid: #2D3040;
  --chart-text: #6B7280;

  --modal-overlay: rgba(0, 0, 0, 0.7);
  --modal-bg: #1E2130;

  --table-header-bg: #252838;
  --table-row-hover: #252838;
  --table-border: #2D3040;

  --scrollbar-track: #1A1D26;
  --scrollbar-thumb: #3D4050;
}