/* Farbtokens für die ganze Anwendung - Diagramme wie Notizen.
 *
 * Warum eine eigene Datei: style.css und notizen.css trugen denselben
 * :root-Block doppelt, mit identischen Werten. Der Kommentar in notizen.css
 * nannte den Grund ("bewusst identisch ... damit Diagramme und Notizbuch als
 * eine Anwendung wahrgenommen werden") - genau diese Absicht haette eine
 * doppelt gepflegte zweite Palette wieder zerstoert. Jetzt gibt es die
 * Wahrheit einmal, und beide Oberflaechen binden sie ein.
 *
 * Drei Zustaende:
 *   data-thema="hell"     ausdruecklich hell
 *   data-thema="dunkel"   ausdruecklich dunkel
 *   kein Attribut         der Systemeinstellung folgen
 *
 * Grundlage ist DUNKEL - das war der bisherige Stand, und so bleibt jede
 * bestehende Regel gueltig, die kein helles Gegenstueck braucht. Hell wird
 * zweimal geschrieben, einmal fuer die Systemeinstellung und einmal fuer die
 * ausdrueckliche Wahl. Das ist die uebliche Loesung; CSS kann eine
 * Deklarationsgruppe nicht zwischen @media und Attributwahl teilen.
 *
 * Die hellen Werte sind nicht erfunden: Sie stammen aus static/hilfe/index.html,
 * wo dasselbe Tokenmuster seit jeher erprobt ist - und deren dunkle Haelfte
 * exakt den Werten hier entspricht.
 */

:root {
  color-scheme: dark;

  /* --- Flaechen --- */
  --bg:#0f1420;               /* Grundflaeche des Fensters */
  --panel:#171e2e;            /* Leisten, Karten, Dialoge */
  --panel-2:#1e273a;          /* eine Stufe abgesetzt darin */
  --panel-tief:#141b2a;       /* tiefer gelegt als der Grund */
  --border:#2a3448;
  --radius:8px;

  /* --- Schrift --- */
  --text:#e7ecf5;
  --text-dim:#93a0b8;

  /* --- Akzent und Zustaende --- */
  --accent:#5b8cff;
  --accent-hover:#4a7ce0;
  --accent-2:#4caf7d;         /* "aktiv/bestaetigt" */
  --aktiv-text:#08210f;       /* Schrift AUF --accent-2 */
  --danger:#d1483f;
  --danger-text:#ffb4ae;      /* Fehlertext auf dunklem Grund */

  /* --- Zeiger daruebergehalten --- */
  --hover:#28324a;            /* Knopf, Menueeintrag, Zeile */
  --hover-2:#33405c;          /* kleine Symbolknoepfe */
  --rand-betont:#3a4a6b;      /* Rahmen beim Ueberfahren */
  --zeile-aktiv:#26314c;      /* gewaehlte Tabellenzeile */

  /* --- Schlagworte, Chips --- */
  --chip-bg:#243050;
  --chip-rand:#33405c;
  --chip-text:#a9bde8;
  --chip-hover:#2e3d63;

  /* --- Melden --- */
  --ok:#2f9e44;
  --ok-bg:#20301f;
  --ok-rand:#2c5c44;
  --weg-rand:#5c2c2c;
  --warn:#c9a227;
  --warn-2:#e0a030;
  --warn-text:#e8d48a;
  --warn-rand:#6b5a1e;

  /* --- Flaechen mit eigenem Grund --- */
  --cy-bg:#202a40;            /* Zeichenflaeche des Diagramms */
  --raster:#2a3448;           /* Punktraster der Notizflaeche */
  --code-bg:#0c1120;

  /* --- Textmarker im Notizbereich --- */
  --mark-gelb:#7a6110;
  --mark-gruen:#1d5c3c;
  --mark-blau:#1d3f6b;
  --mark-rot:#6b2323;
  /* Ungelesene fremde Aenderung (Notizen) - bewusst Gelbgruen, nicht das
     Gelb der Textmarkierung: Die setzen Menschen, diese setzt die Anwendung. */
  --ungelesen:#2c3a1d;
  --ungelesen-rand:#8bc34a;
  /* Aufgabenliste: Zeilenfarbe je Status. Gedeckter als die Textmarker - eine
     ganze Tabelle voller Zeilen in Markerstaerke waere nicht mehr lesbar. */
  --aufgabe-arbeit:#1a2d4a;
  --aufgabe-wartet:#3d3314;
  --aufgabe-erledigt:#173826;
  --aufgabe-verworfen:rgba(255,255,255,.035);

  /* --- Schatten ---
     Auf hellem Grund ist reines Schwarz ein schmutziger Fleck; dort wird
     deshalb ein blaustichiger Ton mit deutlich weniger Deckkraft benutzt. */
  --schatten:rgba(0,0,0,.35);
  --schatten-stark:rgba(0,0,0,.5);

  /* --- Matrixansicht ---
     Bedeutungstraeger, keine Gestaltung: Sie stehen in beiden Themen mit
     weisser Schrift auf mittlerem Grund und bleiben deshalb gleich. */
  --mz-gedeckt:#2f7d54;
  --mz-extern:#3f6b8a;
  --mz-sperrend:#8a3b36;
  --mz-intern:#4a5468;
  --mz-ueberfluessig:#6b7590;
}

/* Systemeinstellung steht auf hell - und es wurde nichts ausdruecklich
   gewaehlt. */
@media (prefers-color-scheme: light) {
  :root:not([data-thema="dunkel"]) {
    color-scheme: light;

    --bg:#f4f6fb;
    --panel:#ffffff;
    --panel-2:#eef1f8;
    --panel-tief:#e8ecf5;
    --border:#d8dfec;

    --text:#131824;
    --text-dim:#5c6780;

    --accent:#3a6fe0;
    --accent-hover:#2f5fbf;
    --accent-2:#1f7a4d;
    --aktiv-text:#ffffff;
    --danger:#c0392b;
    --danger-text:#a02318;

    --hover:#e6ebf5;
    --hover-2:#dde3ef;
    --rand-betont:#b9c5dd;
    --zeile-aktiv:#e2e9f7;

    --chip-bg:#e7eefc;
    --chip-rand:#cdd9f3;
    --chip-text:#2f5fbf;
    --chip-hover:#d8e3fb;

    --ok:#1f7a4d;
    --ok-bg:#e3f5eb;
    --ok-rand:#8fd0ab;
    --weg-rand:#e8a9a2;
    --warn:#a9591f;
    --warn-2:#b8701f;
    --warn-text:#8a4a18;
    --warn-rand:#e0c48a;

    --cy-bg:#eef1f8;
    --raster:#c8d2e4;
    --code-bg:#f1f4fa;

    --mark-gelb:#fdf0c2;
    --mark-gruen:#d3f2e0;
    --mark-blau:#d7e6fb;
    --mark-rot:#fbdad6;
    --ungelesen:#e9f5d3;
    --ungelesen-rand:#7cb342;
    --aufgabe-arbeit:#e4eefc;
    --aufgabe-wartet:#fdf4d6;
    --aufgabe-erledigt:#dff3e7;
    --aufgabe-verworfen:#eef0f4;

    --schatten:rgba(23,31,51,.10);
    --schatten-stark:rgba(23,31,51,.16);
  }
}

/* Ausdrueckliche Wahl - schlaegt die Systemeinstellung in beide Richtungen. */
:root[data-thema="hell"] {
  color-scheme: light;

  --bg:#f4f6fb;
  --panel:#ffffff;
  --panel-2:#eef1f8;
  --panel-tief:#e8ecf5;
  --border:#d8dfec;

  --text:#131824;
  --text-dim:#5c6780;

  --accent:#3a6fe0;
  --accent-hover:#2f5fbf;
  --accent-2:#1f7a4d;
  --aktiv-text:#ffffff;
  --danger:#c0392b;
  --danger-text:#a02318;

  --hover:#e6ebf5;
  --hover-2:#dde3ef;
  --rand-betont:#b9c5dd;
  --zeile-aktiv:#e2e9f7;

  --chip-bg:#e7eefc;
  --chip-rand:#cdd9f3;
  --chip-text:#2f5fbf;
  --chip-hover:#d8e3fb;

  --ok:#1f7a4d;
  --ok-bg:#e3f5eb;
  --ok-rand:#8fd0ab;
  --weg-rand:#e8a9a2;
  --warn:#a9591f;
  --warn-2:#b8701f;
  --warn-text:#8a4a18;
  --warn-rand:#e0c48a;

  --cy-bg:#eef1f8;
  --raster:#c8d2e4;
  --code-bg:#f1f4fa;

  --mark-gelb:#fdf0c2;
  --mark-gruen:#d3f2e0;
  --mark-blau:#d7e6fb;
  --mark-rot:#fbdad6;
  --ungelesen:#e9f5d3;
  --ungelesen-rand:#7cb342;
  --aufgabe-arbeit:#e4eefc;
  --aufgabe-wartet:#fdf4d6;
  --aufgabe-erledigt:#dff3e7;
  --aufgabe-verworfen:#eef0f4;

  --schatten:rgba(23,31,51,.10);
  --schatten-stark:rgba(23,31,51,.16);
}