/* =====================================================================
   THEME.CSS – Dark Mode Overrides
   ===================================================================== */

/* DARK MODE AKTIVIERT DURCH:
   <html class="dark"> oder <body class="dark">
----------------------------------------------------------------------- */

.dark {
    --color-bg: #0b0f19;
    --color-text: #e5e7eb;
    --color-muted: #94a3b8;

    --card-bg: #111827;
    --border: #1f2937;

    --color-primary: #3b82f6;
    --color-success: #22c55e;
    --color-danger: #ef4444;
    --color-warning: #facc15;
    --color-science: #c084fc;

    --badge-blue-bg:   #1e3a8a;
    --badge-green-bg:  #064e3b;
    --badge-red-bg:    #7f1d1d;
    --badge-yellow-bg: #78350f;
    --badge-violet-bg: #4c1d95;
}

/* Background + Text */
.dark, .dark body {
    background:var(--color-bg);
    color:var(--color-text);
}

/* Inputs / textareas adjust */
.dark input,
.dark select,
.dark textarea {
    background:var(--card-bg);
    color:var(--color-text);
    border:1px solid var(--border);
}

/* Tabs */
.dark .tab {
    background:var(--card-bg);
}
.dark .tab.active {
    background:var(--color-primary);
    color:#fff;
}

/* WBW Box */
.dark .wbw-toggle {
    background:var(--card-bg);
    border-color:var(--border);
}
.dark .wbw-box {
    background:var(--card-bg);
    border-left-color:var(--color-primary);
}
