/* Vorlage H · Indigo-Arbeitsplatz
   Ruhige, dichte Arbeitsoberfläche für Fachanwendungen (Vorbild: Fachrat 2.2.0 „Arbeitsplatz“
   auf dem Hüsemann-Laptop, Stylesheet index-ByWSqsEU.css, erhoben am 25.09.2026).
   Kühles Blaugrau trägt die Struktur, Indigo ist der einzige Akzent. Jeder Fachbereich darf
   seine eigene Akzentfarbe mitbringen (--kopf-*), die dann nur innerhalb seiner Karte/Nachricht gilt.
   Namen an die Bibliothek angepasst: --text = Textfarbe, --schrift = Schriftfamilie. */
:root {
  --grund:          #FBFCFF;
  --flaeche:        #EEF1F7;   /* Leisten, Kopfleiste, Nutzer-Nachricht */
  --flaeche-hoch:   #FFFFFF;   /* Blätter, Karten, Felder */
  --flaeche-tief:   #E3E7F0;   /* Balken-Grund, Dialog-Abdunklung */
  --linie:          #838CA0;   /* Feld- und Knopfränder (3:1 gegen Weiß) */
  --linie-leise:    #A6ADBD;   /* Trennlinien zwischen Bereichen */
  --text:           #13161D;
  --text-leise:     #495062;
  --text-schwach:   #656D80;   /* Marken-Zeilen, Zeitstempel: 5,1:1 auf --flaeche */

  --akzent:         #3949AB;   /* Indigo: Hauptknopf, Auswahl, Fokus */
  --akzent-text:    var(--akzent);
  --akzent-flaeche: color-mix(in srgb, var(--akzent) 8%, var(--flaeche-hoch));
  --akzent-rand:    color-mix(in srgb, var(--akzent) 42%, var(--linie));
  --auf-akzent:     #FFFFFF;
  --fokus:          var(--akzent-text);

  /* Status: immer mit Text oder Zeichen, nie nur Farbe */
  --ok:             #1E7A3C;  --ok-flaeche:     #E7F3EA;
  --warn:           #7A4A12;  --warn-flaeche:   #F7F0E5;  --warn-punkt: #8A6300;
  --fehler:         #B3261E;  --fehler-flaeche: #F8E9E7;

  /* Fachbereichs-Farben (Beispielwerte; im Produkt kommen sie aus den Paketdaten
     und werden auf Kontrast ≥ 4,5:1 nachgedunkelt bzw. aufgehellt) */
  --kopf-energie:        #2E7D32;
  --kopf-recht:          #3949AB;
  --kopf-steuer:         #8E4B10;
  --kopf-controlling:    #00695C;
  --kopf-landwirtschaft: #6D5A1E;

  --hebung:       0 1px 2px rgba(28,33,58,.045), 0 3px 8px rgba(28,33,58,.055);
  --hebung-stark: 0 2px 4px rgba(28,33,58,.06), 0 16px 34px -8px rgba(28,33,58,.13);
  --hebung-blatt: 0 1px 2px rgba(28,33,58,.05), 0 26px 60px -18px rgba(28,33,58,.18);

  /* Libre Franklin + IBM Plex Mono liegen selbst gehostet in schriften.css + schriften/, nie von Google laden */
  --schrift: "Libre Franklin", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system,
             "Helvetica Neue", "Noto Sans", Arial, sans-serif;
  --mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas,
             "Liberation Mono", monospace;

  --r-s: 4px; --r-m: 6px; --r-l: 12px;          /* eckig; 12px nur für Blätter und Dialoge */
  --text-s: 12px; --text-m: 15px; --text-l: 20px; --text-xl: 27px;
  --leiste-hoch: 56px; --spalte-links: 272px; --spalte-rechts: 348px; --lesebreite: 70ch;

  --takt-kurz: .12s; --takt: .18s; --takt-lang: .22s;
  --kurve:          cubic-bezier(.22,.61,.36,1);
  --kurve-schnapp:  cubic-bezier(.16,1,.3,1);
  --glas-grund: color-mix(in srgb, var(--flaeche) 78%, transparent);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --grund: #0C0F15; --flaeche: #141922; --flaeche-hoch: #2E3744; --flaeche-tief: #090C11;
    --linie: #7C8494; --linie-leise: #4D5665;
    --text: #E7EBF2; --text-leise: #AEB7C5; --text-schwach: #98A1B2;
    --akzent: #8A93E8;
    --akzent-text: color-mix(in srgb, var(--akzent) 62%, #EEF2F8);
    --akzent-flaeche: color-mix(in srgb, var(--akzent) 16%, var(--flaeche-hoch));
    --akzent-rand: color-mix(in srgb, var(--akzent) 46%, var(--linie));
    --auf-akzent: #0A0C11;
    --ok: #4CC26A; --ok-flaeche: #12261A;
    --warn: #D9B070; --warn-flaeche: #211A0F; --warn-punkt: #E6B84A;
    --fehler: #F0655A; --fehler-flaeche: #2A1512;
    --kopf-energie: #7BC67E; --kopf-recht: #A9B0F2; --kopf-steuer: #E0A36A;
    --kopf-controlling: #5CC2B2; --kopf-landwirtschaft: #CDB56A;
    --hebung:       0 0 0 1px rgba(255,255,255,.07), 0 2px 8px rgba(0,0,0,.5);
    --hebung-stark: 0 0 0 1px rgba(255,255,255,.12), 0 16px 34px rgba(0,0,0,.58);
    --hebung-blatt: 0 0 0 1px rgba(255,255,255,.07), 0 26px 56px -16px rgba(0,0,0,.72);
    --glas-grund: color-mix(in srgb, var(--flaeche) 68%, transparent);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --grund: #0C0F15; --flaeche: #141922; --flaeche-hoch: #2E3744; --flaeche-tief: #090C11;
  --linie: #7C8494; --linie-leise: #4D5665;
  --text: #E7EBF2; --text-leise: #AEB7C5; --text-schwach: #98A1B2;
  --akzent: #8A93E8;
  --akzent-text: color-mix(in srgb, var(--akzent) 62%, #EEF2F8);
  --akzent-flaeche: color-mix(in srgb, var(--akzent) 16%, var(--flaeche-hoch));
  --akzent-rand: color-mix(in srgb, var(--akzent) 46%, var(--linie));
  --auf-akzent: #0A0C11;
  --ok: #4CC26A; --ok-flaeche: #12261A;
  --warn: #D9B070; --warn-flaeche: #211A0F; --warn-punkt: #E6B84A;
  --fehler: #F0655A; --fehler-flaeche: #2A1512;
  --kopf-energie: #7BC67E; --kopf-recht: #A9B0F2; --kopf-steuer: #E0A36A;
  --kopf-controlling: #5CC2B2; --kopf-landwirtschaft: #CDB56A;
  --hebung:       0 0 0 1px rgba(255,255,255,.07), 0 2px 8px rgba(0,0,0,.5);
  --hebung-stark: 0 0 0 1px rgba(255,255,255,.12), 0 16px 34px rgba(0,0,0,.58);
  --hebung-blatt: 0 0 0 1px rgba(255,255,255,.07), 0 26px 56px -16px rgba(0,0,0,.72);
  --glas-grund: color-mix(in srgb, var(--flaeche) 68%, transparent);
  color-scheme: dark;
}