/* Design-Tokens aller Plattform-Seiten (Lehrer, Schüler, Admin). Themes über body.<klasse>.
   Neue Variable: in allen vier Blöcken setzen. var(--x) in einem Token vermeiden, es würde am :root
   aufgelöst und bliebe im Theme auf dem Standardwert.
   --accent: Flächen, Rahmen und Akzente. --accent-text: Akzent als Schrift, mind. 4,5:1 auf den Flächen. */
:root {
  --bg:#0f1117; --surface:#1a1d27; --surface2:#222636;
  --accent:#f0b429; --accent-text:#f0b429; --accent-rgb:240,180,41; --on-accent:#0f1117;
  --text:#e8eaf0; --text-muted:#9096ae;
  --border:#2e3148; --success:#4caf7d; --error:#ef7a7a; --warning:#e0a030; --info:#5aa9f5;
  --radius:12px;
}
body.hell {
  --bg:#fdf8f2; --surface:#fef2e3; --surface2:#fde6cc;
  --accent:#de8e00; --accent-text:#7d4e00; --accent-rgb:222,142,0; --on-accent:#0f1117;
  --text:#2d1a00; --text-muted:#6b5236;
  --border:#e8c898; --success:#236b45; --error:#b03224; --warning:#8a5600; --info:#1a5f9e;
}
body.ozean {
  --bg:#0d1b2a; --surface:#132338; --surface2:#1a2f47;
  --accent:#00bcd4; --accent-text:#00bcd4; --accent-rgb:0,188,212; --on-accent:#0f1117;
  --text:#ddeeff; --text-muted:#86a8c0;
  --border:#1e3a52; --success:#4caf7d; --error:#f08080; --warning:#e0a030; --info:#6fb6f5;
}
body.kreide {
  --bg:#f7f4ee; --surface:#ffffff; --surface2:#efe9dc;
  --accent:#4d5fc4; --accent-text:#4152b0; --accent-rgb:77,95,196; --on-accent:#ffffff;
  --text:#2a2620; --text-muted:#65604f;
  --border:#e6ddcd; --success:#2a6e43; --error:#a8402c; --warning:#85600f; --info:#2a6496;
}