/* ===========================================================================
   static/css/tokens.css — Kanzleiakte CI, Ebene 1: Werte
   ---------------------------------------------------------------------------
   Einzige Quelle der Wahrheit für Farbe, Schrift, Abstand, Radius.
   Enthält ausschliesslich Variablen, keine Selektoren für Komponenten.

   Ladereihenfolge in templates/base.html:
       bootstrap.min.css  ->  font-awesome  ->  kanzleiakte.css
       ->  tokens.css  ->  ci.css
   Diese Datei steht bewusst NACH kanzleiakte.css, damit sie deren Werte
   ueberschreiben kann, und VOR ci.css, das die Variablen verbraucht.

   Referenz: docs/design/DESIGNSYSTEM.md
   =========================================================================== */

:root {
  /* --- Flächen und Linien ------------------------------------------------ */
  --ka-ground:        #F4F2ED;  /* Aktendeckel: Seitenhintergrund */
  --ka-surface:       #FFFFFF;  /* Papier: Karten, Tabellen, Formulare */
  --ka-surface-muted: #FAF8F3;  /* Kartenkopf, Tabellenkopf, Fusszeile */
  --ka-line:          #E3DED3;  /* Rahmen */
  --ka-line-soft:     #F0ECE4;  /* Zeilentrenner innerhalb einer Karte */
  --ka-lesegrund-rahmen: #DAD4C8;  /* feine Linie auf hellem Grund (Phasenleiste der Akte) */
  --ka-griff:            #D3CCC0;  /* Ziehgriff eines von unten aufgezogenen Blatts (.ka-blatt__griff) */

  /* --- Text -------------------------------------------------------------- */
  --ka-ink:       #16191D;      /* Fliesstext, Ueberschriften */
  --ka-ink-2:     #454B54;      /* zweite Ebene */
  --ka-ink-muted: #5C636E;      /* kleinster zulaessiger Grauwert: 6.1:1 auf
                                   Weiss. Bootstraps .text-muted (#6C757D)
                                   liegt bei 4.7:1 und wird in ci.css auf
                                   diesen Wert gehoben. */

  /* --- Navigation und Handlung ------------------------------------------- */
  --ka-nav:        #102A41;     /* Navigationsleiste */
  --ka-nav-active: #1D4468;     /* aktiver Navigationspunkt */
  --ka-nav-text:   #C6D4E2;
  --ka-nav-label:  #93A9BE;
  --ka-nav-hover:  #16385A;     /* Zeile unter dem Mauszeiger, Suchfeld, Schalter */
  --ka-nav-line:   #27547C;     /* Rahmen von Suchfeld und Schalter */
  --ka-nav-focus:  #5E8CB5;     /* Rahmen des Suchfelds im Fokus */
  --ka-nav-count:  #26476A;     /* Zaehler-Plakette */
  --ka-nav-count-text: #CFE0F0;
  --ka-primary:    #15385C;     /* Justizblau: genau eine Hauptaktion je Seite */
  --ka-primary-h:  #0E2942;     /* Hover/Active */
  --ka-primary-t:  #EAF0F6;     /* Blau-Ton, Flaeche */
  --ka-primary-b:  #D3E0EC;     /* Blau-Ton, Rahmen */

  /* --- Signale ----------------------------------------------------------- */
  /* Rot ist fuer Fristen und Sperren reserviert. Siehe DESIGNSYSTEM.md,
     Abschnitt "Rot heisst Frist" — einschliesslich der bewussten Ausnahme
     fuer Formularfehler (.text-danger, .invalid-feedback). */
  --ka-frist:       #A32318;    /* Flaeche mit weisser Schrift */
  --ka-frist-text:  #8E2019;    /* Schrift auf hellem Grund, 4.5:1 */
  --ka-frist-t:     #FBEDEB;
  --ka-frist-b:     #EFCFC9;

  --ka-vorfrist:      #B4761A;
  --ka-vorfrist-text: #7A4B00;
  --ka-vorfrist-t:    #FDF3E0;
  --ka-vorfrist-b:    #EDD9B2;

  --ka-ok:      #1B6B48;
  --ka-ok-text: #145638;
  --ka-ok-t:    #E8F3EC;
  --ka-ok-b:    #C9E2D3;
  --ka-ok-hell: #58C08A;     /* Punkt „läuft“ auf dunklem Grund (Zeiterfassung in der Seitenleiste, Register 385); nur Zeichen, nie Text */
  --ka-pause-hell: #E8B85A;  /* Punkt „pausiert“ auf dunklem Grund (Zeiterfassung, Register 386); nur Zeichen, nie Text */

  --ka-neutral-t: #EFEBE3;
  --ka-neutral-b: #E0DAD0;
  --ka-siegel:    #D8C39B;      /* Akzent: Logo, Avatar */
  --ka-siegel-ink: var(--ka-ink);  /* Schrift auf dem Avatar (Kanzlei-CI: dunkel oder weiss) */

  /* --- Daria und Einstellungen (UX-Konzept Fassung 5, Register 373) ---------
     Werte aus dem Entwurf von Claude Design (F5-Daria*.dc.html). Das warme Gelb kennzeichnet, was Daria vorbelegt oder
     vorschlaegt, und feste Stufen mit ihrem Grund - nie eine Frist (Rot bleibt der Frist vorbehalten). */
  --ka-daria-t:      #FBF7EF;   /* Flaeche: Hinweis, Grund einer festen Stufe, Stufen-Plakette */
  --ka-daria-b:      #EADFC8;   /* Rahmen dazu */
  --ka-daria-text:   #6C5520;   /* Schrift auf --ka-daria-t: 6.6:1 */
  --ka-daria-akzent: #8A6B2F;   /* Etikett „vom Fristenrechner“, linker Feldstreifen, Plakette: 5.0:1 auf Weiss, 4.7:1 auf --ka-daria-t */
  --ka-daria-feld-b: #E0CFA4;   /* Rahmen eines vorbelegten Felds */
  --ka-schalter-an:  #2C6B4F;   /* Schalter eingeschaltet */
  --ka-line-strong:  #CFC8B9;   /* gestrichelter Rahmen einer festen Stufe, Rand des Avatars */
  --ka-ink-gesperrt: #AFA89A;   /* nicht waehlbare Stufe (nur zusammen mit dem Grund, nie allein als Information) */
  --ka-daria-verlauf: #FCFBF8;  /* Register 384: Flaeche des Verlaufs und des Eingabefelds im Daria-Fenster (Entwurf F5-Daria) */
  --ka-daria-meta:    #A8C0D6;  /* Register 384: Zeile „gesprochen, 09:14“ auf der blauen Sprechblase (6.5:1 auf --ka-primary) */

  /* --- Kalender: Eintragsarten (W13) ---------------------------------------
     Fuellfarben der Eintraege im Kalender (templates/agenda/calendar.html, Klassen .ev-*, ci.css Teil C9), jeweils mit weisser Schrift
     (--ka-kal-schrift) mindestens 4.5:1. Termin nimmt die Handlungsfarbe, Besprechung das Gruen, Intern das Grau, Frist das Fristrot und die
     Vorfrist die helle Warnflaeche (--ka-vorfrist-*); eigene Werte brauchen nur Gericht, Notfrist, Wiedervorlage und Aufgabe. */
  --ka-kal-schrift:       #FFFFFF;
  --ka-kal-rand:          rgba(20, 25, 31, .35);  /* Streifen links am Eintrag */
  --ka-kal-gericht:       #6A3FA0;  /* Gerichtstermin: 7.4:1 */
  --ka-kal-notfrist:      #6E150F;  /* Notfrist: dunkleres Rot als die Frist, dazu fett */
  --ka-kal-wiedervorlage: #1F6E7A;  /* Wiedervorlage: 5.9:1 */
  --ka-kal-aufgabe:       #5A6B1E;  /* Aufgabe: 5.9:1 */

  /* --- Schrift ------------------------------------------------------------
     Seit 18.10.2026 selbst ausgeliefert (static/fonts/, SIL OFL 1.1, Herkunft
     und Pruefsummen in static/fonts/README.md und PRUEFSUMMEN.txt): IBM Plex
     Sans 400-700, IBM Plex Mono 400/500, Source Serif 4 600/700 - wie im
     UX-Entwurf von Claude Design. Bewusst KEIN Google-Fonts-CDN (Uebertragung
     der IP an Dritte ist bei Mandatsdaten ein vermeidbares DSGVO-Risiko, vgl.
     LG Muenchen I, 3 O 17493/20). Die @font-face-Regeln stehen am Dateiende.
     ---------------------------------------------------------------------- */
  --ka-font-sans:  "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ka-font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --ka-font-mono:  "IBM Plex Mono", SFMono-Regular, Menlo, Consolas, monospace;

  --ka-fs-xs:  11px;    /* Feldbeschriftung in Versalien */
  --ka-fs-sm:  12.5px;  /* Nebentext, Tabellenzusatz */
  --ka-fs-md:  13.5px;  /* Standardtext */
  --ka-fs-lg:  16px;    /* Kartentitel, serif */
  --ka-fs-xl:  20px;    /* Seitentitel, serif */
  --ka-fs-2xl: 25px;    /* Aktenkopf, serif */

  /* --- Masse -------------------------------------------------------------- */
  --ka-radius:      6px;    /* Button, Eingabefeld */
  --ka-radius-lg:   10px;   /* Karte */
  --ka-radius-pill: 999px;
  --ka-control-h:    38px;  /* Standardhoehe Button/Feld */
  --ka-control-h-lg: 44px;  /* Hauptaktion, Touch-Ziel */
  --ka-space-1: 4px;
  --ka-space-2: 8px;
  --ka-space-3: 12px;
  --ka-space-4: 16px;
  --ka-space-5: 24px;
  --ka-shadow:     0 1px 2px rgba(20, 25, 31, .06);
  --ka-shadow-pop: 0 10px 28px rgba(20, 25, 31, .16);

  /* --- Sprungsuche (A34, Register 370; Werte aus dem Entwurf F5-Suche) ---- */
  --ka-such-rahmen:   #CFC8B9;  /* Rahmen des Suchfensters */
  --ka-chip-rahmen:   #D8D2C6;  /* Rahmen eines nicht gewaehlten Bereichs */
  --ka-zeile-linie:   #EFEADF;  /* Trenner zwischen zwei Treffern */
  --ka-akzent-inhalt: #8A6B2F;  /* Symbol: Inhalte und Daria (4.9:1 auf Weiss) */
  --ka-akzent-recht:  #2C6B4F;  /* Symbol: Rechtsprechung (6.4:1 auf Weiss) */
  --ka-schleier:      rgba(16, 25, 29, .34);  /* Abdunkelung hinter dem Suchfenster */
  --ka-shadow-dialog: 0 18px 50px rgba(16, 25, 29, .22);

  /* --- Dichte -------------------------------------------------------------
     Kanzleien arbeiten in Listen. Standard ist kompakt; <body
     data-dichte="komfort"> schaltet auf die luftige Variante um. */
  --ka-row-py: 11px;
}

body[data-dichte="komfort"] {
  --ka-row-py: 16px;
}

/* --- Hausschriften (static/fonts, siehe Kommentar „Schrift“ oben) --------- */
@font-face { font-family: "IBM Plex Sans";  src: url("../fonts/IBMPlexSans-Regular.77bc02670657.woff2")   format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans";  src: url("../fonts/IBMPlexSans-Medium.f7016cd446d2.woff2")    format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans";  src: url("../fonts/IBMPlexSans-SemiBold.196e3cbc5fee.woff2")  format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans";  src: url("../fonts/IBMPlexSans-Bold.c277d7b83f8a.woff2")      format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono";  src: url("../fonts/IBMPlexMono-Regular.79936b18df9f.woff2")   format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono";  src: url("../fonts/IBMPlexMono-Medium.b1c8a895f5fd.woff2")    format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("../fonts/SourceSerif4-SemiBold.beb0c8d8bee8.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("../fonts/SourceSerif4-Bold.45959eeff97f.woff2")     format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

/* --- Entwurf Fassung 5 (Claude Design, Seite „Freigaben“, Register 369) ----------------------------------------------
   Werte aus dem Entwurf, die es vorher nicht als Token gab: Regelhinweis (gold, z. B. „keine Sammelfreigabe“), dritte
   Textebene, kräftigere Linie, Rahmen der Zweitaktion und ruhige Fläche (Aktion „Erinnern“). DESIGNSYSTEM.md, Abschnitt 3. */
:root {
  --ka-regel-text: #8A6B2F;     /* Regelhinweis: Schrift und Symbol, 4.6:1 auf --ka-regel-t */
  --ka-regel-t:    #FBF7EF;
  --ka-regel-b:    #EADFC8;
  --ka-ink-3:      #3C434D;     /* Sachtext eines Eintrags (zwischen --ka-ink und --ka-ink-2) */
  --ka-line-strong: #D8D2C6;    /* Rahmen einer ruhigen Karte (wartet auf andere) */
  --ka-control-line: #C9C2B4;   /* Rahmen der Zweitaktion */
  --ka-ruhig-t:    #F0EDE6;     /* Fläche einer ruhigen Aktion */
}

/* --- Entwurf Fassung 5 (Claude Design, „01 · Mein Tag“, Register 378) ------------------------------------------------
   Werte aus dem Entwurf, die es vorher nicht als Token gab (Teil C25 in ci.css). */
:root {
  --ka-mt-fs-titel:          27px;     /* Gruß „Guten Morgen, …“ */
  --ka-mt-fs-zahl:           34px;     /* Zahl einer Kennzahl-Karte */
  --ka-mt-linie-kopf:        #E9E4DA;  /* Linie unter Kartenkopf und Reitern */
  --ka-mt-linie-zeile:       #F3EFE8;  /* Trenner der Zeilen in Post, Aufgaben, Zuletzt bearbeitet */
  --ka-mt-linie-gestrichelt: #DDD7CC;  /* gestrichelter Hinweis auf die Benachrichtigungen */
  --ka-mt-zeile-offen:       #FEFBF6;  /* Fristzeile mit offener Prüfung */
  --ka-mt-kuerzel-t:         #E8EEF4;  /* Kürzel „notiert von“ */
  --ka-mt-kuerzel-fehlt:     #C9857E;  /* gestrichelter Kreis „Bestätigung fehlt“ (zusammen mit „?“ und Text, nie allein) */
  --ka-mt-ink-knopf:         #1F2933;  /* Schrift der Zweitaktion, Datumsblock ohne Frist */
}

/* --- Entwurf Fassung 5 (Claude Design, Seite „Fristen & Termine“, Register 381) ------------------------------------------
   Zwei Flächen aus dem Entwurf: Zeile einer ungeprüften Frist und Ergebnis der Fristberechnung. DESIGNSYSTEM.md, Abschnitt 3. */
:root {
  --ka-frist-zeile:  #FDF6F4;   /* Zeile einer ungeprüften Frist (--ka-ink darauf 16 : 1) */
  --ka-ergebnis-t:   #F5F8FB;   /* Ergebnis der Fristberechnung (Rahmen --ka-primary-b) */
}

/* --- Entwurf „02 · Posteingang“ (Claude Design, Arbeitsplatz Posteingang, Register 379) ------------------------------------
   Werte des Entwurfs, die es vorher nicht als Token gab: Lesefläche der Vorschau und ihre Werkzeugleiste, Zeilentrenner der
   Eingangsliste, Rahmen der kleinen Knöpfe in der Auswahlleiste, gewählter Aktenvorschlag, Fläche „Frist erkannt“. DESIGNSYSTEM.md, Abschnitt 3. */
:root {
  --ka-pe-lesegrund:       #EDEAE3;   /* Fläche hinter dem Blatt */
  --ka-pe-werkzeug:        #F7F5F0;   /* Werkzeugleiste der Vorschau */
  --ka-pe-werkzeug-linie:  #DFDACF;
  --ka-pe-zeile-linie:     #E9E4DA;   /* Trenner der Eingänge, Kopf und Fuß des Kastens „Zuordnen“ */
  --ka-pe-knopf-linie:     #D5CFC4;   /* Zoom- und Werkzeugknöpfe */
  --ka-pe-blatt-linie:     #DCD6CA;   /* Rahmen des Blatts */
  --ka-pe-blatt-schrift:   #1F2933;
  --ka-pe-auswahl-linie:   #A9C3D9;   /* Knöpfe „Sammelzuordnung“/„Weiterleiten“ auf --ka-primary-t */
  --ka-pe-gewaehlt:        #F5F8FB;   /* gewählter Aktenvorschlag */
  --ka-pe-gestrichelt:     #C4BDB0;   /* „Andere Akte suchen oder neu anlegen“ */
  --ka-pe-feld-linie:      #CFCABF;   /* Auswahl- und Eingabefelder, Zweitknopf */
  --ka-pe-frist-t:         #FDF6F4;   /* Kasten „Frist im Dokument erkannt“ (Rahmen --ka-frist-b) */
}