/* ==========================================================================
   SÜPER ADMİN - CSS DEĞİŞKENLERİ (DARK THEME)
   ========================================================================== */
:root {
    /* Ana Arka Plan ve Yüzey Renkleri */
    --bg-dark: #020617;        /* En koyu siyah/lacivert (Body arkaplanı) */
    --bg-panel: #0f172a;       /* Paneller ve kartlar için arka plan */
    --bg-panel-hover: #1e293b; /* Kart üzerine gelince (Hover) */
    
    /* Çizgi ve Kenarlıklar */
    --border-color: #1e293b;   /* Kart ve tablo kenarlıkları */
    --border-light: #334155;   /* Input kenarlıkları */

    /* Metin Renkleri */
    --text-main: #f8fafc;      /* Ana başlıklar (Beyaza yakın) */
    --text-secondary: #cbd5e1; /* Paragraflar ve normal yazılar */
    --text-muted: #94a3b8;     /* Alt başlıklar, pasif yazılar */

    /* Marka (Süper Admin) Renkleri */
    --primary: #8b5cf6;        /* Neon Mor */
    --primary-dark: #6d28d9;   /* Koyu Mor */
    --primary-light: rgba(139, 92, 246, 0.15); /* Saydam Mor */

    /* Durum (Status) Renkleri */
    --success: #10b981;        /* Zümrüt Yeşili */
    --danger: #f43f5e;         /* Neon Kırmızı */
    --warning: #f59e0b;        /* Turuncu / Kehribar */
    --info: #3b82f6;           /* Parlak Mavi */

    /* Tipografi */
    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
    /* Gölgeler (Shadows) */
    --shadow-sm: 0 4px 6px -1px rgba(0,0,0,0.3);
    --shadow-md: 0 10px 25px -5px rgba(0,0,0,0.5);
    --shadow-glow: 0 0 15px rgba(139, 92, 246, 0.3);
}