/**
 * Zusatz-Designs: überschreiben nur CSS-Variablen (html.theme-*).
 * „ocean“ = Standard aus common.css / :root.
 */

html.theme-forest {
    --bg: #050d0a;
    --surface: #0a1612;
    --surface-2: #0f221a;
    --text: #e6f7f0;
    --muted: #7a9e8e;
    --accent: #34d399;
    --accent-2: #2dd4bf;
    --ok: #4ade80;
    --warn: #fbbf24;
    --offline: #fb7185;
    --border: #1f3d32;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
    --glow: 0 0 55px rgba(52, 211, 153, 0.14);
    --bg-top: #071510;
    --bg-bottom: #030806;
    --orb-top: rgba(52, 211, 153, 0.16);
    --orb-bottom: rgba(45, 212, 191, 0.09);
    --login-orb: rgba(52, 211, 153, 0.14);
    --danger: #fb7185;
}

html.theme-ember {
    --bg: #10090a;
    --surface: #1a1012;
    --surface-2: #24161a;
    --text: #fff1f0;
    --muted: #b8999e;
    --accent: #fb923c;
    --accent-2: #f472b6;
    --ok: #4ade80;
    --warn: #fcd34d;
    --offline: #f87171;
    --border: #3d2529;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
    --glow: 0 0 58px rgba(251, 146, 60, 0.12);
    --bg-top: #140c0e;
    --bg-bottom: #0a0506;
    --orb-top: rgba(251, 146, 60, 0.18);
    --orb-bottom: rgba(244, 114, 182, 0.1);
    --login-orb: rgba(251, 146, 60, 0.16);
    --danger: #f87171;
}

html.theme-mono {
    --bg: #09090b;
    --surface: #121214;
    --surface-2: #18181b;
    --text: #fafafa;
    --muted: #a1a1aa;
    --accent: #e4e4e7;
    --accent-2: #a1a1aa;
    --ok: #86efac;
    --warn: #fde047;
    --offline: #fca5a5;
    --border: #27272a;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
    --glow: 0 0 40px rgba(255, 255, 255, 0.06);
    --bg-top: #0c0c0e;
    --bg-bottom: #050506;
    --orb-top: rgba(228, 228, 231, 0.08);
    --orb-bottom: rgba(161, 161, 170, 0.06);
    --login-orb: rgba(228, 228, 231, 0.1);
    --danger: #fca5a5;
}

html.theme-violet {
    --bg: #0a0614;
    --surface: #120c1f;
    --surface-2: #1a1028;
    --text: #f3e8ff;
    --muted: #b4a3c9;
    --accent: #c084fc;
    --accent-2: #818cf8;
    --ok: #6ee7b7;
    --warn: #fcd34d;
    --offline: #fb7185;
    --border: #352852;
    --shadow: 0 12px 44px rgba(0, 0, 0, 0.5);
    --glow: 0 0 64px rgba(192, 132, 252, 0.18);
    --bg-top: #0f0818;
    --bg-bottom: #050308;
    --orb-top: rgba(192, 132, 252, 0.2);
    --orb-bottom: rgba(129, 140, 248, 0.12);
    --login-orb: rgba(192, 132, 252, 0.18);
    --danger: #fb7185;
}