/* ============================================================
   assets/css/themes.css - Siberistan System — 5 Dark Tema
   Tüm renkler CSS değişkeni olarak tanımlanır.
   Admin panelinden HTML[data-theme] değiştirilince anında aktif olur.
============================================================ */

/* ── 1. BLOOD CRIMSON (Varsayılan — Kan / Dark Horror) ─── */
:root,
[data-theme="blood-crimson"] {
    --bg-main:          #04020a;
    --bg-card:          rgba(14, 7, 20, 0.90);
    --bg-sidebar:       #070310;
    --border-color:     rgba(180, 0, 40, 0.30);
    --border-hover:     rgba(220, 0, 50, 0.75);
    --primary:          #c8003a;
    --primary-glow:     rgba(200, 0, 58, 0.50);
    --secondary:        #00c8a0;
    --secondary-glow:   rgba(0, 200, 160, 0.35);
    --text-main:        #ddd8e8;
    --text-muted:       #6a6078;
    --danger:           #d40030;
    --warning:          #c87800;
    --success:          #00a855;
    --card-shadow:      0 6px 28px rgba(180, 0, 40, 0.18);
    --line-color:       rgba(180, 0, 40, 0.18);
    --particle-color:   rgba(200, 0, 58, 0.55);
}

/* ── 2. VOID DARKNESS (Mor Karanlık / Uçurum) ─────────── */
[data-theme="void-darkness"] {
    --bg-main:          #020106;
    --bg-card:          rgba(8, 5, 18, 0.92);
    --bg-sidebar:       #04020e;
    --border-color:     rgba(80, 20, 150, 0.30);
    --border-hover:     rgba(120, 30, 220, 0.70);
    --primary:          #7a22cc;
    --primary-glow:     rgba(122, 34, 204, 0.50);
    --secondary:        #00b8d4;
    --secondary-glow:   rgba(0, 184, 212, 0.35);
    --text-main:        #e0daf0;
    --text-muted:       #62587a;
    --danger:           #c0003a;
    --warning:          #c06000;
    --success:          #009a50;
    --card-shadow:      0 6px 28px rgba(80, 20, 150, 0.18);
    --line-color:       rgba(100, 20, 180, 0.16);
    --particle-color:   rgba(122, 34, 204, 0.55);
}

/* ── 3. TOXIC CYBER (Zehir / Biyolojik Tehlike) ──────── */
[data-theme="toxic-cyber"] {
    --bg-main:          #020804;
    --bg-card:          rgba(5, 16, 8, 0.92);
    --bg-sidebar:       #030c05;
    --border-color:     rgba(0, 160, 60, 0.28);
    --border-hover:     rgba(0, 200, 80, 0.65);
    --primary:          #00a040;
    --primary-glow:     rgba(0, 160, 64, 0.50);
    --secondary:        #c8d400;
    --secondary-glow:   rgba(200, 212, 0, 0.35);
    --text-main:        #d8e8d8;
    --text-muted:       #5a7060;
    --danger:           #c00020;
    --warning:          #b07800;
    --success:          #00a040;
    --card-shadow:      0 6px 28px rgba(0, 160, 60, 0.15);
    --line-color:       rgba(0, 160, 60, 0.15);
    --particle-color:   rgba(0, 160, 64, 0.55);
}

/* ── 4. MIDNIGHT ABYSS (Derin Okyanus / Karanlık Mavi) ── */
[data-theme="midnight-abyss"] {
    --bg-main:          #020510;
    --bg-card:          rgba(5, 10, 28, 0.92);
    --bg-sidebar:       #030714;
    --border-color:     rgba(0, 100, 180, 0.28);
    --border-hover:     rgba(0, 140, 220, 0.65);
    --primary:          #006eb8;
    --primary-glow:     rgba(0, 110, 184, 0.50);
    --secondary:        #00c8d4;
    --secondary-glow:   rgba(0, 200, 212, 0.35);
    --text-main:        #d0dff0;
    --text-muted:       #506880;
    --danger:           #c00028;
    --warning:          #b07000;
    --success:          #009050;
    --card-shadow:      0 6px 28px rgba(0, 100, 180, 0.18);
    --line-color:       rgba(0, 100, 180, 0.15);
    --particle-color:   rgba(0, 110, 184, 0.55);
}

/* ── 5. NEON GHOST (Hayalet / Kontrast Karanlık) ───────── */
[data-theme="neon-ghost"] {
    --bg-main:          #060608;
    --bg-card:          rgba(12, 12, 18, 0.92);
    --bg-sidebar:       #080810;
    --border-color:     rgba(255, 255, 255, 0.12);
    --border-hover:     rgba(255, 255, 255, 0.40);
    --primary:          #d0d0e0;
    --primary-glow:     rgba(200, 200, 220, 0.45);
    --secondary:        #c80040;
    --secondary-glow:   rgba(200, 0, 64, 0.40);
    --text-main:        #f0f0f8;
    --text-muted:       #606068;
    --danger:           #c00030;
    --warning:          #b07000;
    --success:          #008840;
    --card-shadow:      0 6px 28px rgba(0, 0, 0, 0.60);
    --line-color:       rgba(200, 200, 220, 0.08);
    --particle-color:   rgba(200, 200, 220, 0.45);
}