:root {
  --gkk-mor: #6C2EB9;
  --gkk-mor-koyu: #4E1F8A;
  --gkk-mor-acik: #8B4DD1;
  --gkk-mor-bg: #F3EEFF;
  --gkk-turkuaz: #0ABFBC;
  --gkk-turkuaz-koyu: #089997;
  --gkk-turkuaz-acik: #2DD4D1;
  --gkk-turkuaz-bg: #E6FAFA;
  --gkk-bg: #0D0D1A;
  --gkk-bg2: #12122A;
  --gkk-yuzey: #1A1A35;
  --gkk-sinir: rgba(108,46,185,0.25);
  --gkk-yazi: #E8E0F5;
  --gkk-yazi2: #A89BC2;
  --acik-bg: #F7F8FA;
  --acik-bg2: #FFFFFF;
  --acik-sinir: #E5E7EB;
  --acik-yazi: #111827;
  --acik-yazi2: #6B7280;
  --acik-yazi3: #9CA3AF;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --bg-body: var(--acik-bg);
  --bg-container: #ffffff;
  --bg-section: #f8fafc;
  --bg-input: #ffffff;
  --bg-table-even: #f8fafc;
  --bg-table-hover: #F3EEFF;
  --text-primary: #111827;
  --text-secondary: #374151;
  --text-muted: #6B7280;
  --border-color: #E5E7EB;
  --border-input: #D1D5DB;
  --stat-card-bg: #ffffff;
  --feature-box-bg: #ffffff;
  --search-bg: #F7F8FA;
}

body.dark-mode {
  --bg-body: #0f172a;
  --bg-container: #1e293b;
  --bg-section: #0f172a;
  --bg-input: #2d3748;
  --bg-table-even: #1a2535;
  --bg-table-hover: #1e3a5f;
  --text-primary: #e2e8f0;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --border-color: #334155;
  --border-input: #4a5568;
  --stat-card-bg: #2d3748;
  --feature-box-bg: #2d3748;
  --search-bg: #2d3748;
}