/* Dunkles Design (je Benutzer in users.design, siehe design.php). Gilt nur bei <html data-design="dunkel">.
   Überschreibt die Farbvariablen der Seiten; feste Hellfarben in den Seiten laufen über die Variablen --w, --l2 … (mit hellem Rückfallwert). */
html[data-design="dunkel"]{
  color-scheme:dark;
  --bg:#0b1220;--surface:#141d30;--card:#141d30;--border:#2a3956;--border2:#3a4c6e;
  --text:#e6ecf7;--text2:#9fb0cf;--text3:#8ea0c2;--muted:#9fb0cf;
  --blue:#3d85e8;--blue2:#5b9cf0;--blue-bg:#18294a;--blue-text:#8fbaff;--soft:#1b2a4a;
  --green:#4cc38a;--green-bg:#123222;--greenbg:#123222;--red:#ff8585;--red-bg:#3a1b1f;--redbg:#3a1b1f;--orange:#f0b35a;--orange-bg:#3a2c14;
  --w:#141d30;--w2:#1a2540;--l2:#263a62;--l3:#22304d;--l4:#3d5584;--ld:#7a3a40;--lw:#7a6228;
  --warn-bg:#3a2f10;--warn-t:#f1c766;--or-bg:#3a2a18;--or-t:#f0a566;--rd-bg:#3a1d22;--pu-bg:#2a2150;--pu-t:#b9a0ff;
  --gr-bg:#2a3550;--gr2:#3b4a68;--ok-t:#6fdca0;--ok:#4cc38a;--err:#ff8585;--muted2:#9fb0cf;
}
html[data-design="dunkel"] body{background:var(--bg);color:var(--text)}
html[data-design="dunkel"] ::placeholder{color:#7686a6}
html[data-design="dunkel"] input,html[data-design="dunkel"] select,html[data-design="dunkel"] textarea{color-scheme:dark}
html[data-design="dunkel"] img.dm-inv{filter:invert(1) hue-rotate(180deg)}