/*
 * Elio Campus – das dunkle Schema (Elio `DUNKEL`, src/ui/theme.ts).
 * Flächen werden nach oben hin heller (Seite → Karte), die Leitfarbe wird
 * hell, die Töne helle Pastellfarben auf dunkel getöntem Grund.
 *
 * ansicht.php lädt diese Datei nach campus.css: bei „Dunkel“ immer, bei
 * „Wie das System“ mit media="(prefers-color-scheme: dark)". Leitfarbe,
 * Form und alles andere stehen in campus.css.
 */

:root {
  --bg: #12171D;
  --bg-alt: #181E26;
  --bg-aussen: #0B0F14;
  --flaeche: #1C232C;
  --flaeche-leise: #212932;
  --mulde: #242C36;
  --navy: var(--leit-dunkel);
  --navy-tief: var(--leit-dunkel-tief);
  --text: #E7ECF1;
  --text-leise: #A9B4BF;
  --zeichen-leise: #72808C;
  --rand: #2C3540;
  --rand-bedien: #747D89;
  --kante: #3A4450;
  --akzent: #E3AC5F;
  --fehler: #F2908A;
  --erfolg: #9BC98A;
  --auf-farbe: #10151B;
  --schleier: rgba(0, 0, 0, .6);
  --schatten: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .25);
  --schatten-gross: 0 20px 50px rgba(0, 0, 0, .5);

  --rose-fg: #F0A2A6; --rose-bg: #3A2426; --rose-soft: #2A1F21;
  --teal-fg: #95CDC3; --teal-bg: #1B332F; --teal-soft: #18262A;
  --blue-fg: #9DC0E6; --blue-bg: #1E2D3E; --blue-soft: #1A2330;
  --purple-fg: #C4B3E3; --purple-bg: #2E2740; --purple-soft: #232030;
  --amber-fg: #E8BC7A; --amber-bg: #3A2D19; --amber-soft: #2A2319;
  --green-fg: #B1C9A2; --green-bg: #27301F; --green-soft: #1F251C;
  --coral-fg: #F2A98E; --coral-bg: #3B261D; --coral-soft: #2B201B;
  --navy-fg: #94BBE6; --navy-bg: #1D2C3F; --navy-soft: #18222E;
  --red-fg: #F2908A; --red-bg: #3D2221; --red-soft: #2C1D1D;

  color-scheme: dark;
}