/* ============================================================
   AtmoSpace Admin Panel — Tema
   Mobil uygulamanın renk paletinden türetildi:
   koyu navy zemin + teal/emerald accent
   ============================================================ */

:root {
    /* Zemin */
    --bg-deep:        #0a1420;
    --bg-base:        #0e1a28;
    --bg-surface:     #142436;
    --bg-surface-2:   #18293d;
    --bg-elevated:    #1d3044;

    /* Accent — mobildeki yeşil/teal */
    --accent:         #2dd4a7;
    --accent-bright:  #34e0b0;
    --accent-dim:     #1f9d7c;
    --accent-soft:    rgba(45, 212, 167, 0.12);
    --accent-glow:    rgba(45, 212, 167, 0.35);

    /* İkincil aksan — mavi (linkler, aktif durumlar, alt nav) */
    --accent2:        #4a93ff;
    --accent2-soft:   rgba(74, 147, 255, 0.14);

    /* Yüzeye özel */
    --topbar-bg:      rgba(14, 26, 40, 0.72);
    --logo-glow:      rgba(45, 212, 167, 0.45);

    /* Metin */
    --text-primary:   #eef4f2;
    --text-secondary: #9fb2c0;
    --text-muted:     #61788a;

    /* Çizgi/kenar */
    --border:         rgba(255, 255, 255, 0.06);
    --border-strong:  rgba(255, 255, 255, 0.12);

    /* Durum */
    --danger:         #f0556d;
    --warning:        #f0b429;
    --info:           #4aa8ff;

    /* Ölçü */
    --sidebar-w:      264px;
    --radius:         16px;
    --radius-sm:      10px;
    --shadow:         0 12px 32px rgba(0, 0, 0, 0.35);

    --font-display: "Sora", -apple-system, sans-serif;
    --font-body:    "Plus Jakarta Sans", -apple-system, sans-serif;
}

/* ===== Açık tema ===== */
:root[data-theme="light"] {
    --bg-deep:        #eaeef4;
    --bg-base:        #ffffff;
    --bg-surface:     #ffffff;
    --bg-surface-2:   #f3f6fb;
    --bg-elevated:    #e8edf5;

    --accent:         #14b489;
    --accent-bright:  #0fa17b;
    --accent-dim:     #0d8f6e;
    --accent-soft:    rgba(20, 180, 137, 0.12);
    --accent-glow:    rgba(20, 180, 137, 0.28);

    --accent2:        #2563eb;
    --accent2-soft:   rgba(37, 99, 235, 0.10);

    --text-primary:   #0f1b2d;
    --text-secondary: #51627a;
    --text-muted:     #8493a6;

    --border:         rgba(15, 27, 45, 0.09);
    --border-strong:  rgba(15, 27, 45, 0.16);

    --topbar-bg:      rgba(255, 255, 255, 0.8);
    --logo-glow:      rgba(20, 180, 137, 0.3);
    --shadow:         0 10px 30px rgba(20, 40, 80, 0.10);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
    height: 100%;
    background: var(--bg-deep);
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--bg-elevated); border-radius: 8px; border: 2px solid var(--bg-deep); }
::-webkit-scrollbar-thumb:hover { background: var(--accent-dim); }