/* Die Palette dieser Instanz: eine Brücke, kein Fundament.
 *
 * Jede Zeile übersetzt einen hier gewachsenen Namen auf ein Token des
 * Paket-Fundaments. Die WERTE stehen im Thema (`kern/themen/papier.css`),
 * das `seiten.fundament_tags()` davor einbindet.
 *
 * Eigene Datei und nicht Teil von `sysschnee.css`, weil zwei getrennte
 * Oberflächen sie brauchen: die Arbeitsfläche und die öffentliche Seite.
 * Letztere lädt `sysschnee.css` bewusst NICHT - sie hat ein eigenes
 * Layout, und die Aufbauregeln von dort (Bühne, Marke, Leitsatz) würden
 * sie verändern. Bis 2026-08-22 trug jede der beiden ihre eigene Kopie
 * derselben 25 Werte, `sysschnee.css` eine dritte.
 *
 * Wer das Aussehen ändern will, ändert das Thema, nicht diese Datei.
 */

:root {
    /* ---------- Flächen ---------- */
    --grund: var(--lk-grund);
    --grund-tief: var(--lk-grund-satt);
    --karte: var(--lk-flaeche);

    /* ---------- Schrift und Linien ---------- */
    --tinte: var(--lk-text);
    --tinte-weich: var(--lk-text-leise);
    --tinte-blass: var(--lk-text-schwach);
    --linie: var(--lk-linie);
    --linie-fein: var(--lk-linie-fein);

    /* ---------- Leitfarbe ----------
     * `--akzent-hell` hat kein eigenes Token im Fundament. Statt eines
     * festen Werts wird es aus der Leitfarbe gemischt: so folgt es einem
     * Themenwechsel, statt daneben stehenzubleiben.
     *
     * Das ist ein SICHTBARER Wechsel, keine wertgleiche Übersetzung:
     * vorher #3a6ea5, jetzt gerechnet #5d7591, an 17 Stellen (Knopf-Hover
     * und die Marke der öffentlichen Seite). Gewollt, weil die Farbe
     * jetzt dem Thema folgt - aber wer das Thema wechselt, sieht es. */
    --akzent: var(--lk-primaer);
    --akzent-hell: color-mix(in srgb, var(--lk-primaer) 72%, var(--lk-mischgrund));
    --akzent-lasur: rgba(var(--lk-primaer-rgb), .09);
    /* Was AUF der Leitfarbe steht. Es gehört untrennbar zu ihr, hatte hier
     * aber keinen Namen und stand deshalb als festes `#fff` im Text.
     * Im Hellen ist beides dasselbe, im Dunkeln nicht: dort ist die
     * Leitfarbe ein helles Blau und die Schrift darauf dunkel. Ein festes
     * Weiss läge dann bei 2,89:1 und wäre unlesbar. */
    --auf-akzent: var(--lk-auf-farbe);
    /* Die tiefere Stufe der Leitfarbe, für das Überfahren eines gefüllten
     * Knopfes. Sie stand als #17324f im Text, und das ist auf ein Zehntel
     * genau diese Rechnung. `--akzent-hell` geht in die andere Richtung
     * und ist für Flächen da, nicht für Knöpfe. */
    --akzent-tief: var(--lk-gruen-dunkel);
    /* Die Leitfarbe in Kanälen, damit sich Lasuren mit eigener Deckung
     * bilden lassen. Ohne sie stand `rgba(30, 63, 102, …)` an fünf
     * Stellen, also die Leitfarbe ein zweites Mal und in einer Schreibweise,
     * die kein Themenwechsel erreicht. */
    --akzent-kanaele: var(--lk-primaer-rgb);

    /* ---------- Meldungen ----------
     * `--warnung` heißt hier historisch so und trägt die Fehlerfarbe. Der
     * Name bleibt, weil ihn fünf Dateien benutzen, und dieser Satz sagt,
     * was gemeint ist. */
    --warnung: var(--lk-fehler);
    --warnung-lasur: rgba(var(--lk-fehler-rgb), .08);
    --gut: var(--lk-erfolg);

    /* Der rote Punkt einer laufenden Aufnahme. Der einzige Farbwert dieser
     * Anwendung, der bewusst NICHT aus dem Thema kommt, und deshalb steht
     * er hier mit Begründung statt zweimal im Text.
     *
     * Er ist kein Fehlerzustand: `--lk-fehler` ist ein gedecktes Rotbraun
     * und läse sich als Störung, während hier alles in Ordnung ist. Und er
     * ist keine Gestaltung, die einem Thema folgen sollte, sondern ein
     * Signal mit einer angelernten Bedeutung, wie das Lämpchen an einer
     * Kamera. Ein Thema in Grün soll dieses Rot nicht mitfärben. */
    --aufnahme: #c0392b;

    /* Grau für alles Unbetonte: Laufschiene eines Schalters, Strich einer
     * Skizze, Balken ohne Wert. Kein eigenes Token im Fundament, deshalb
     * aus Linie und schwacher Schrift gemischt - ein fester Grauwert wäre
     * im Dunkelmodus ein heller Fleck. Solange die Variable nur im
     * Stylesheet der öffentlichen Seite stand, war ein abgeschalteter
     * Bereichs-Schalter ein weißer Knubbel auf weißer Karte, unsichtbar. */
    --skizze: color-mix(in srgb, var(--lk-linie) 70%, var(--lk-text-schwach));
    --skizze-tief: color-mix(in srgb, var(--lk-text-schwach) 70%, var(--lk-linie));

    --schrift-titel: var(--lk-schrift-titel);
    --schrift-text: var(--lk-schrift);
    --schrift-mess: var(--lk-schrift-fest);

    --radius: var(--lk-radius-klein);
    --radius-gross: var(--lk-radius);

    /* Abstände auf die Skala des Fundaments: 12px und 22px statt .7rem und
     * 1.4rem, ein Unterschied von unter einem Pixel.
     *
     * `--weit` bleibt ein eigener Wert: die Skala endet bei 42px, gemeint
     * sind hier die großen Ruhezonen zwischen den Abschnitten der
     * öffentlichen Seite. 42px wäre dort sichtbar zu eng. */
    --eng: var(--lk-a-4);
    --mittel: var(--lk-a-6);
    --weit: 3.5rem;

    --kurve: var(--lk-kurve);
    --schatten: var(--lk-schatten-2);
    --schatten-tief: var(--lk-schatten-3);
}