/**
 * Zusätzliche Hintergrund-Designs (html.theme-*)
 * Ergänzt themes.css — jeweils eigene Verläufe + Lichtpunkte.
 */

html.theme-sunset {
    --bg: #12080c;
    --surface: #1c1016;
    --surface-2: #281820;
    --text: #fff5f0;
    --muted: #c4a094;
    --accent: #fb923c;
    --accent-2: #c084fc;
    --ok: #4ade80;
    --warn: #fde047;
    --offline: #fb7185;
    --border: #4a2c28;
    --shadow: 0 12px 44px rgba(0, 0, 0, 0.5);
    --glow: 0 0 70px rgba(249, 115, 22, 0.2);
    --bg-top: #1a0c14;
    --bg-bottom: #080406;
    --orb-top: rgba(249, 115, 22, 0.28);
    --orb-bottom: rgba(168, 85, 247, 0.14);
    --orb-mid: rgba(251, 146, 60, 0.12);
    --login-orb: rgba(249, 115, 22, 0.2);
    --danger: #fb7185;
}

html.theme-arctic {
    --bg: #060c14;
    --surface: #0c1624;
    --surface-2: #122030;
    --text: #f0f9ff;
    --muted: #94a3b8;
    --accent: #7dd3fc;
    --accent-2: #38bdf8;
    --ok: #4ade80;
    --warn: #fde047;
    --offline: #fb7185;
    --border: #1e3a5f;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    --glow: 0 0 64px rgba(125, 211, 252, 0.18);
    --bg-top: #0a1828;
    --bg-bottom: #030608;
    --orb-top: rgba(186, 230, 253, 0.22);
    --orb-bottom: rgba(56, 189, 248, 0.12);
    --orb-mid: rgba(224, 242, 254, 0.1);
    --login-orb: rgba(125, 211, 252, 0.16);
    --danger: #fb7185;
}

html.theme-neon {
    --bg: #050508;
    --surface: #0c0c14;
    --surface-2: #12121c;
    --text: #f5ffe8;
    --muted: #9ca88a;
    --accent: #4ade80;
    --accent-2: #e879f9;
    --ok: #86efac;
    --warn: #fde047;
    --offline: #fb7185;
    --border: #2a3d28;
    --shadow: 0 12px 48px rgba(0, 0, 0, 0.6);
    --glow: 0 0 80px rgba(74, 222, 128, 0.15);
    --bg-top: #081008;
    --bg-bottom: #020204;
    --orb-top: rgba(34, 197, 94, 0.2);
    --orb-bottom: rgba(232, 121, 249, 0.14);
    --orb-mid: rgba(74, 222, 128, 0.08);
    --login-orb: rgba(74, 222, 128, 0.14);
    --danger: #fb7185;
}

html.theme-rose {
    --bg: #10080c;
    --surface: #1a1016;
    --surface-2: #241820;
    --text: #fff1f5;
    --muted: #c9a0ad;
    --accent: #fb7185;
    --accent-2: #f472b6;
    --ok: #4ade80;
    --warn: #fde047;
    --offline: #fca5a5;
    --border: #4a2a38;
    --shadow: 0 12px 42px rgba(0, 0, 0, 0.5);
    --glow: 0 0 64px rgba(251, 113, 133, 0.16);
    --bg-top: #180c14;
    --bg-bottom: #080406;
    --orb-top: rgba(251, 113, 133, 0.22);
    --orb-bottom: rgba(244, 114, 182, 0.12);
    --orb-mid: rgba(253, 164, 175, 0.1);
    --login-orb: rgba(251, 113, 133, 0.16);
    --danger: #fca5a5;
}

html.theme-copper {
    --bg: #0c0806;
    --surface: #16100c;
    --surface-2: #201812;
    --text: #fef3e8;
    --muted: #b8a090;
    --accent: #d97706;
    --accent-2: #f59e0b;
    --ok: #4ade80;
    --warn: #fde047;
    --offline: #fb7185;
    --border: #3d2e1c;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.52);
    --glow: 0 0 60px rgba(217, 119, 6, 0.16);
    --bg-top: #140e08;
    --bg-bottom: #060404;
    --orb-top: rgba(180, 83, 9, 0.2);
    --orb-bottom: rgba(245, 158, 11, 0.1);
    --orb-mid: rgba(217, 119, 6, 0.1);
    --login-orb: rgba(217, 119, 6, 0.14);
    --danger: #fb7185;
}

html.theme-nebula {
    --bg: #0a0612;
    --surface: #120c1e;
    --surface-2: #1a1228;
    --text: #f5f0ff;
    --muted: #b8a8d0;
    --accent: #c4b5fd;
    --accent-2: #f472b6;
    --ok: #6ee7b7;
    --warn: #fde047;
    --offline: #fb7185;
    --border: #3d2a58;
    --shadow: 0 14px 48px rgba(0, 0, 0, 0.55);
    --glow: 0 0 72px rgba(167, 139, 250, 0.2);
    --bg-top: #100818;
    --bg-bottom: #050308;
    --orb-top: rgba(167, 139, 250, 0.24);
    --orb-bottom: rgba(236, 72, 153, 0.14);
    --orb-mid: rgba(192, 132, 252, 0.12);
    --login-orb: rgba(167, 139, 250, 0.18);
    --danger: #fb7185;
}

html.theme-sage {
    --bg: #080c06;
    --surface: #10160c;
    --surface-2: #162012;
    --text: #f0fdf0;
    --muted: #94a88a;
    --accent: #a3e635;
    --accent-2: #84cc16;
    --ok: #4ade80;
    --warn: #fde047;
    --offline: #fb7185;
    --border: #2a3d22;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.48);
    --glow: 0 0 58px rgba(132, 204, 22, 0.14);
    --bg-top: #0c1208;
    --bg-bottom: #040604;
    --orb-top: rgba(132, 204, 22, 0.18);
    --orb-bottom: rgba(101, 163, 13, 0.1);
    --orb-mid: rgba(163, 230, 53, 0.08);
    --login-orb: rgba(132, 204, 22, 0.12);
    --danger: #fb7185;
}

html.theme-slate {
    --bg: #0a0c10;
    --surface: #12161c;
    --surface-2: #1a2028;
    --text: #f1f5f9;
    --muted: #94a3b8;
    --accent: #94a3b8;
    --accent-2: #cbd5e1;
    --ok: #4ade80;
    --warn: #fde047;
    --offline: #fb7185;
    --border: #334155;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
    --glow: 0 0 48px rgba(148, 163, 184, 0.1);
    --bg-top: #0e1218;
    --bg-bottom: #06080c;
    --orb-top: rgba(148, 163, 184, 0.14);
    --orb-bottom: rgba(100, 116, 139, 0.1);
    --orb-mid: rgba(203, 213, 225, 0.06);
    --login-orb: rgba(148, 163, 184, 0.1);
    --danger: #fb7185;
}

html.theme-coral {
    --bg: #0a0c10;
    --surface: #101820;
    --surface-2: #162428;
    --text: #f0fdfa;
    --muted: #8ab4b0;
    --accent: #fb923c;
    --accent-2: #2dd4bf;
    --ok: #4ade80;
    --warn: #fde047;
    --offline: #fb7185;
    --border: #2a4540;
    --shadow: 0 12px 44px rgba(0, 0, 0, 0.5);
    --glow: 0 0 64px rgba(45, 212, 191, 0.14);
    --bg-top: #0c1418;
    --bg-bottom: #040808;
    --orb-top: rgba(45, 212, 191, 0.2);
    --orb-bottom: rgba(251, 146, 60, 0.12);
    --orb-mid: rgba(94, 234, 212, 0.1);
    --login-orb: rgba(45, 212, 191, 0.14);
    --danger: #fb7185;
}