/* Die Gestaltung von mi-tool – Farben und Schrift. Die Werte kommen aus dem
   DESIGNSYSTEM (GEMEINSAM/design-system, Tokens je Marke
   unter tokens/marken/, mi-tool = Blau); das Werkzeug haelt hier die
   Kopie EINER freigegebenen Version und nennt sie. Warum herum:
   filetool/design.py.

   Diese Datei wird von KEINER Seite geladen. `design/uebernehmen.py`
   schreibt die Werte in den DESIGN-Block von index.html und anmelden.html
   (uebersetzt in die Namen des Werkzeugs), `tests/test_design.py` haelt
   alles zusammen; bericht.py und pdf.py lesen sie ueber filetool/design.py.

   Nachziehen auf eine neue Freigabe:  .venv/bin/python design/uebernehmen.py --holen
   Nie von Hand in den DESIGNSYSTEM-Block schreiben – die naechste Uebernahme
   ueberschriebe es, und das Designsystem wuesste nichts davon. Wer eine
   Farbe anders will, aendert sie IM DESIGNSYSTEM und laesst sie freigeben. */

/* DESIGNSYSTEM:ANFANG – Version 1.27.0, Tag v1.27.0 (2026-10-21), unveraendert aus css/mi-tool-hell.css und css/mi-tool-dunkel.css; Kopie in design/tokens-v1.27.0/ */
/* Design-System v1.27.0 – erzeugt; nur heller Modus */
:root {
  --papier: #f2f3f5;
  --band-bg: #14161b;
  --blau-flach: #e7effb;
  --blau: #1c69d4;
  --blau-hell: #1c69d4;
  --linie: #ccd2da;
  --karte: #ffffff;
  --tinte: #16181c;
  --grau: #5d6673;
  --linie-fein: #e1e5ea;
  --band-fg: #f2f3f5;
  --band-linie: #1c69d4;
  --grau-hell: #8a929e;
  --karte-hoch: #ffffff;
  --schrift: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --gut: #246b45;
  --gut-flach: #e8f4ee;
  --stempel: #875000;
  --stempel-flach: #f8ebe6;
  --warn: #875000;
  --fehler-ink: #a12622;
  --fehler-bg: #fbe6e6;
  --info: #1856a5;
  --info-flach: #e7effb;
  --auf-farbe: #ffffff;
  --schatten: 0 1px 2px rgba(16,18,22,.05), 0 8px 24px -12px rgba(16,18,22,.18);
  --schatten-hoch: 0 2px 4px rgba(16,18,22,.06), 0 20px 44px -18px rgba(16,18,22,.28);
  --mark: #ffd470;
  --aw: #7b4db8;
  --aw-flach: #f2ecfa;
  --foto: #9a5c10;
  --foto-flach: #fcf1e2;
  --video: #0b6e72;
  --video-flach: #e3f4f4;
  --reklamation: #b3401f;
  --reklamation-flach: #f8ebe6;
  --hand: #686018;
  --hand-flach: #f2f0d8;
  --linie-feld: #81868c;
  --scrim: rgba(0,0,0,.45);
  --papier-weiss: #ffffff;
  --buehne: #000000;
  --reklamation-auf-band: #e08462;
  --stimmung-positiv: #1c69d4;
  --stimmung-neutral: #5d6673;
  --stimmung-negativ: #b3401f;
  --besser: #1c69d4;
  --besser-flach: #e7effb;
  --schlechter: #b3401f;
  --schlechter-flach: #f8ebe6;
  --daten-gedaempft: #81868c;
  --text-akzent: #195fbf;
  --wochenende: #f2f3f5;
  --filter-flaeche: #f2f3f5;
}
/* Design-System v1.27.0 – erzeugt; dunkler Modus, nach css/mi-tool-hell.css laden */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --papier: #0e1014;
    --band-bg: #14171d;
    --blau-flach: #14263c;
    --blau: #5b9bf0;
    --blau-hell: #7fb2f6;
    --linie: #2c323c;
    --karte: #161920;
    --tinte: #e8eaee;
    --grau: #99a1ae;
    --linie-fein: #22262e;
    --band-fg: #e8eaee;
    --band-linie: #5b9bf0;
    --grau-hell: #6d7684;
    --karte-hoch: #1b1f27;
    --gut: #4fb37c;
    --gut-flach: #15271e;
    --stempel: #e08462;
    --stempel-flach: #2e1d17;
    --warn: #e08462;
    --fehler-ink: #f3b6b7;
    --fehler-bg: #3b1a1b;
    --info: #5b9bf0;
    --info-flach: #14263c;
    --auf-farbe: #0e1014;
    --schatten: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
    --schatten-hoch: 0 2px 4px rgba(0,0,0,.45), 0 20px 44px -18px rgba(0,0,0,.7);
    --mark: #7a5f14;
    --aw: #b18ce0;
    --aw-flach: #251c33;
    --foto: #c07617;
    --foto-flach: #2a1c0c;
    --video: #4cc0c4;
    --video-flach: #0c2526;
    --reklamation: #e08462;
    --reklamation-flach: #2e1d17;
    --hand: #c9bd52;
    --hand-flach: #24220f;
    --linie-feld: #6c7179;
    --scrim: rgba(0,0,0,.45);
    --papier-weiss: #ffffff;
    --buehne: #000000;
    --stimmung-positiv: #5b9bf0;
    --stimmung-neutral: #787f8a;
    --stimmung-negativ: #e08462;
    --besser: #5b9bf0;
    --besser-flach: #14263c;
    --schlechter: #e08462;
    --schlechter-flach: #2e1d17;
    --daten-gedaempft: #6c7179;
    --text-akzent: #5b9bf0;
    --wochenende: #0e1014;
    --filter-flaeche: #0e1014;
  }
}
:root[data-theme="dark"] {
  --papier: #0e1014;
  --band-bg: #14171d;
  --blau-flach: #14263c;
  --blau: #5b9bf0;
  --blau-hell: #7fb2f6;
  --linie: #2c323c;
  --karte: #161920;
  --tinte: #e8eaee;
  --grau: #99a1ae;
  --linie-fein: #22262e;
  --band-fg: #e8eaee;
  --band-linie: #5b9bf0;
  --grau-hell: #6d7684;
  --karte-hoch: #1b1f27;
  --gut: #4fb37c;
  --gut-flach: #15271e;
  --stempel: #e08462;
  --stempel-flach: #2e1d17;
  --warn: #e08462;
  --fehler-ink: #f3b6b7;
  --fehler-bg: #3b1a1b;
  --info: #5b9bf0;
  --info-flach: #14263c;
  --auf-farbe: #0e1014;
  --schatten: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  --schatten-hoch: 0 2px 4px rgba(0,0,0,.45), 0 20px 44px -18px rgba(0,0,0,.7);
  --mark: #7a5f14;
  --aw: #b18ce0;
  --aw-flach: #251c33;
  --foto: #c07617;
  --foto-flach: #2a1c0c;
  --video: #4cc0c4;
  --video-flach: #0c2526;
  --reklamation: #e08462;
  --reklamation-flach: #2e1d17;
  --hand: #c9bd52;
  --hand-flach: #24220f;
  --linie-feld: #6c7179;
  --scrim: rgba(0,0,0,.45);
  --papier-weiss: #ffffff;
  --buehne: #000000;
  --stimmung-positiv: #5b9bf0;
  --stimmung-neutral: #787f8a;
  --stimmung-negativ: #e08462;
  --besser: #5b9bf0;
  --besser-flach: #14263c;
  --schlechter: #e08462;
  --schlechter-flach: #2e1d17;
  --daten-gedaempft: #6c7179;
  --text-akzent: #5b9bf0;
  --wochenende: #0e1014;
  --filter-flaeche: #0e1014;
}
/* DESIGNSYSTEM:ENDE */

/* ZUSATZ kennzeichen:ANFANG – Version 1.27.0, Tag v1.27.0, erzeugt aus design/tokens-v1.27.0/kennzeichen.json */
/* Design-System v1.27.0 – erzeugt aus kennzeichen.json */
:root {
  --kennzeichen-euroblau: #003399;
  --kennzeichen-sterne: #ffcc00;
  --kennzeichen-gelb: #f7d117;
  --kennzeichen-weiss: #ffffff;
  --kennzeichen-schrift: #000000;
  --kennzeichen-rot-be: #8b1a1a;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --kennzeichen-euroblau: #00297a;
    --kennzeichen-sterne: #cca300;
    --kennzeichen-gelb: #c6a712;
    --kennzeichen-weiss: #cccccc;
    --kennzeichen-schrift: #000000;
    --kennzeichen-rot-be: #6f1515;
  }
}
:root[data-theme="dark"] {
  --kennzeichen-euroblau: #00297a;
  --kennzeichen-sterne: #cca300;
  --kennzeichen-gelb: #c6a712;
  --kennzeichen-weiss: #cccccc;
  --kennzeichen-schrift: #000000;
  --kennzeichen-rot-be: #6f1515;
}
/* ZUSATZ kennzeichen:ENDE */

/* NICHT FREIGEGEBEN fuer mi-tool: nichts mehr (seit 06.10.2026).

   Bis v1.3.0 stand hier, was das Designsystem nicht hatte: Schatten, der
   ganze Dunkelmodus und die eigenen Bedeutungsfarben des Werkzeugs. Seit
   v1.4.0 (Tag v1.4.0, Antrag dokumentation/antraege/2026-10-06-mi-tool-
   farben.md) liefert das Designsystem alles davon, mit denselben Werten,
   im Block oben:
     hell   mi-tool.json  werkzeugfarben (media.photo/.surface, media.video/
                          .surface, domain.workValue/.surface, domain.complaint/
                          .surface, highlight.match), schatten (shadow.default,
                          shadow.raised), farben.text.onAction (--auf-farbe)
     dunkel mi-tool-dunkel.json (dieselben Tokennamen) und basis-dunkel.json
                          (status.success/.warning/.error mit .surface)
   Keinen dunklen Wert hat status.info (--info, --info-flach): Das
   Designsystem laesst ihn bewusst weg (NUR_HELL), er behaelt den hellen –
   wie bisher, das Werkzeug hatte nie einen dunklen.

   Nicht freigegeben bleibt nur der Dunkelmodus von DLIVR und LCF, hinter
   dem jeweiligen Markenblock unten. Wer eine Farbe braucht, die es im
   Designsystem nicht gibt, beantragt sie dort; bis zur Freigabe steht sie
   hier, gekennzeichnet, in derselben Form (hell, dunkel zweimal) und in der
   ZUORDNUNG in design/uebernehmen.py. */

/* ---------------------------------------------------------------------
   MARKEN. `[branding] marke` setzt data-marke am Dokument; die Bloecke
   hier UEBERSTEUERN den Grundblock (mi-tool). Hell erzeugt --holen aus
   den Tokens der Marke (dlivr.json, lcf.json) in derselben Form wie den
   mi-tool-Adapter (ohne die Rollen, die nur mi-tool hat, ausser
   text.onAction als --auf-farbe: LCF #1a1a1a auf Gold, seit 18.10.2026);
   was fehlt, erbt vom Grundblock. Dunkel hat das Designsystem auch in v1.4.0 nur fuer
   mi-tool (freigabe.json: "DLIVR und LCF dunkel weiterhin offen") - die
   Werte hinter den Markenbloecken sind NICHT FREIGEGEBEN und nennen ihre
   Quelle. */

/* MARKE dlivr:ANFANG – Version 1.27.0, Tag v1.27.0, erzeugt aus design/tokens-v1.27.0/dlivr.json */
/* Design-System v1.27.0 – erzeugt aus dlivr.json; nur heller Modus */
:root[data-marke="dlivr"] {
  --papier: #f4f2ef;
  --band-bg: #202227;
  --blau-flach: #ece7e1;
  --blau: #a65332;
  --blau-hell: #874027;
  --linie: #d8d5d0;
  --karte: #ffffff;
  --tinte: #25282e;
  --grau: #62646a;
  --linie-fein: #e2dfda;
  --band-fg: #f4f2ef;
  --band-linie: #99482b;
  --grau-hell: #62646a;
  --karte-hoch: #ffffff;
  --gut: #246b45;
  --gut-flach: #e8f4ee;
  --stempel: #875000;
  --stempel-flach: #f8ebe6;
  --warn: #875000;
  --fehler-ink: #a12622;
  --fehler-bg: #fbe6e6;
  --info: #1856a5;
  --info-flach: #e7effb;
  --auf-farbe: #ffffff;
  --linie-feld: #828282;
  --text-akzent: #99482b;
  --filter-flaeche: #f4f2ef;
  --accent-text: #99482b;
}
/* MARKE dlivr:ENDE */

/* MARKE dlivr, NICHT FREIGEGEBEN - Dunkelmodus aus dlivr-website
   css/style.css, Stand 1f05d0b (2026-09-17): die Website traegt ihn, das
   Designsystem noch nicht. Das Band bleibt dort auch dunkel; die Bandlinie
   nimmt den dunklen Akzent, wie die Website ihren --accent umschaltet. */
@media (prefers-color-scheme: dark) {
  :root[data-marke="dlivr"]:not([data-theme="light"]) {
    --papier:     #17191d;
    --karte:      #22252a;
    --karte-hoch: #22252a;
    --tinte:      #f0ece7;
    --grau:       #b2b3b9;
    --linie:      #44464d;
    --linie-fein: #35383f;
    --blau:       #e2a185;
    --blau-flach: #1d1f23;
    --band-bg:    #202227;
    --band-fg:    #f4f2ef;
    --band-linie: #e2a185;
    /* text.accent und surface.filter aus dlivr-dunkel.json v1.27.0 */
    --text-akzent: #e2a185;
    --filter-flaeche: #17191d;
  }
}
:root[data-marke="dlivr"][data-theme="dark"] {
  --papier:     #17191d;
  --karte:      #22252a;
  --karte-hoch: #22252a;
  --tinte:      #f0ece7;
  --grau:       #b2b3b9;
  --linie:      #44464d;
  --linie-fein: #35383f;
  --blau:       #e2a185;
  --blau-flach: #1d1f23;
  --band-bg:    #202227;
  --band-fg:    #f4f2ef;
  --band-linie: #e2a185;
  --text-akzent: #e2a185;
  --filter-flaeche: #17191d;
}

/* MARKE lcf:ANFANG – Version 1.27.0, Tag v1.27.0, erzeugt aus design/tokens-v1.27.0/lcf.json */
/* Design-System v1.27.0 – erzeugt aus lcf.json; nur heller Modus */
:root[data-marke="lcf"] {
  --papier: #f7f6f2;
  --band-bg: #14140f;
  --blau-flach: #f7f6f2;
  --blau: #d9a635;
  --blau-hell: #b8862a;
  --linie: #e3e0d8;
  --karte: #ffffff;
  --tinte: #1a1a1a;
  --grau: #68655c;
  --linie-fein: #e3e0d8;
  --band-fg: #f7f6f2;
  --band-linie: #d9a635;
  --grau-hell: #68655c;
  --karte-hoch: #ffffff;
  --gut: #246b45;
  --gut-flach: #e8f4ee;
  --stempel: #875000;
  --stempel-flach: #f8ebe6;
  --warn: #875000;
  --fehler-ink: #a12622;
  --fehler-bg: #fbe6e6;
  --info: #1856a5;
  --info-flach: #e7effb;
  --auf-farbe: #1a1a1a;
  --linie-feld: #888377;
  --text-akzent: #825f1e;
  --filter-flaeche: #f7f6f2;
  --accent-text: #825f1e;
}
/* MARKE lcf:ENDE */

/* MARKE lcf, NICHT FREIGEGEBEN - Dunkelmodus: LCF-HOME hat keinen, das
   Designsystem auch nicht. Eigene Entscheidung des Werkzeugs, damit LCF im
   dunklen Thema nicht in mi-tool-Blau faellt: Gold (brand.accent, derselbe
   Wert wie hell) auf dem dunklen Grund des mi-tool-Dunkelmodus, eine
   dunkle Goldflaeche dazu. Faellt weg, sobald das Designsystem liefert. */
@media (prefers-color-scheme: dark) {
  :root[data-marke="lcf"]:not([data-theme="light"]) {
    --blau:       #d9a635;
    --blau-flach: #2a2410;
    --band-linie: #d9a635;
    /* text.accent und surface.filter aus lcf-dunkel.json v1.27.0 */
    --text-akzent: #d9a635;
    --filter-flaeche: #14140f;
  }
}
:root[data-marke="lcf"][data-theme="dark"] {
  --blau:       #d9a635;
  --blau-flach: #2a2410;
  --band-linie: #d9a635;
  --text-akzent: #d9a635;
  --filter-flaeche: #14140f;
}

/* MARKE softplanning:ANFANG – Version 1.27.0, Tag v1.27.0, erzeugt aus design/tokens-v1.27.0/softplanning.json */
/* Design-System v1.27.0 – erzeugt aus softplanning.json; nur heller Modus */
:root[data-marke="softplanning"] {
  --papier: #ffffff;
  --band-bg: #333333;
  --blau-flach: #f5f5f5;
  --blau: #4166d8;
  --linie: #e0e0e0;
  --karte: #ffffff;
  --tinte: #333333;
  --grau: #727171;
  --linie-fein: #f5f5f5;
  --band-fg: #ffffff;
  --band-linie: #e0e0e0;
  --grau-hell: #727171;
  --karte-hoch: #ffffff;
  --schrift: Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --gut: #246b45;
  --gut-flach: #e8f4ee;
  --stempel: #875000;
  --stempel-flach: #f8ebe6;
  --warn: #875000;
  --fehler-ink: #a12622;
  --fehler-bg: #fbe6e6;
  --info: #1856a5;
  --info-flach: #e7effb;
  --auf-farbe: #ffffff;
  --linie-feld: #848484;
  --text-akzent: #2b54d2;
  --filter-flaeche: #ffffff;
  --wahl-flach: #e8ebff;
  --aktiv-flaeche: #000000;
  --ecke-knopf: 4px;
  --band-hoehe: 50px;
  --knopf-hoehe: 2.5rem;
  --accent-text: #2b54d2;
}
/* MARKE softplanning:ENDE */

/* MARKE softplanning: KEIN Dunkelmodus. soft-planningᐩ hat keinen, das
   Designsystem auch nicht (softplanning.json: "Nur heller Modus"). Statt
   einen zu erfinden, bleibt eine Marke ohne dunklen Block immer hell:
   web.py setzt data-theme="light" und data-nur-hell, der Kopf der Seite
   uebernimmt dann kein gemerktes Thema, und der Schalter verschwindet. */

/* MARKE digidispo:ANFANG – Version 1.27.0, Tag v1.27.0, erzeugt aus design/tokens-v1.27.0/digidispo.json */
/* Design-System v1.27.0 – erzeugt aus digidispo.json; nur heller Modus */
:root[data-marke="digidispo"] {
  --papier: #ffffff;
  --band-bg: #102038;
  --blau-flach: #f5f5f5;
  --blau: #256d9d;
  --blau-hell: #102038;
  --linie: #d0cece;
  --karte: #ffffff;
  --tinte: #000000;
  --grau: #58585a;
  --band-fg: #ffffff;
  --band-linie: #2dbeef;
  --grau-hell: #7f7f7f;
  --karte-hoch: #ffffff;
  --schrift: "Netto Offc", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --gut: #246b45;
  --gut-flach: #e8f4ee;
  --stempel: #875000;
  --stempel-flach: #f8ebe6;
  --warn: #875000;
  --fehler-ink: #a12622;
  --fehler-bg: #fbe6e6;
  --info: #1856a5;
  --info-flach: #e7effb;
  --auf-farbe: #ffffff;
  --linie-feld: #929090;
  --text-akzent: #256d9d;
  --filter-flaeche: #ffffff;
  --accent-text: #256d9d;
}
/* MARKE digidispo:ENDE */

/* MARKE digidispo: ebenfalls KEIN Dunkelmodus (digidispo.json, "modus":
   "hell") – es gilt dieselbe Regel wie fuer softplanning. Werte vorlaeufig,
   aus Folien von DIGI.DISPO abgetastet; offizielle Markenwerte folgen. */