/* Offizina Design-Tokens. Grundlage: import_store/designs/offizina.css (V1.1, nur lokal).
   Wo offizina.css und „Offizina Prototyp.dc.html" sich widersprechen, gilt der Prototyp
   (DR-T4) — er ist der neuere Stand und das, was gestaltet wurde. Solche Stellen sind
   unten mit „aus dem Prototyp" gekennzeichnet.
   Werte hier nie einzeln ändern, sondern im Design ändern und erneut übernehmen. */
:root{
  /* Farbe */
  --of-tanne:#2F4A3B;
  --of-tanne-hover:#24392D;
  --of-tanne-active:#1C2D23;
  --of-fokus:0 0 0 2px var(--of-grund),0 0 0 4px var(--of-salbei-hell);
  --of-salbei:#7A9A80;
  --of-salbei-hell:#A9C4AE;
  --of-salbei-flaeche:#EAEFEA;
  --of-grund:#F4F2EC;
  --of-karte:#FFFFFF;
  --of-rand:#E3DFD6;
  --of-rand-gruen:#CBD6CB;
  --of-trenner:#EEEAE2;
  /* Kalte Neutrals – datendichte Arbeitsflächen. Werte aus dem Prototyp,
     offizina.css V1.1 nannte hier #F0F2F1 / #D7DCDA / #EEF0EF (älterer Entwurf). */
  --of-grund-kalt:#E6EAE7;
  --of-rand-kalt:#C9D0CC;
  --of-schatten-karte:0 1px 2px rgba(43,42,39,.06);
  /* Zwei weitere Schatten aus dem Prototyp, in offizina.css V1.1 nicht vorhanden.
     Noch nicht angewandt — siehe Befund im Sprintprotokoll. */
  --of-schatten-kachel:0 2px 6px rgba(43,42,39,.10);
  --of-schatten-ueberlagerung:0 10px 30px rgba(43,42,39,.16);
  --of-schatten-chip:0 1px 2px rgba(43,42,39,.05);
  --of-trenner-kalt:#E3E6E4;
  /* Ocker 9A6B1F -> 8B611C (DR-UI8). Gemessen, nicht geschaetzt: auf der Buehne kam das alte Ocker
     auf 4,17 und auf der Salbei-Flaeche auf 4,01 — unter den 4,5, die normaler Text braucht. Genau
     dort steht seit DR-UI6 die Fokus-Marke. Derselbe Farbton, nur dunkel genug zum Lesen. */
  --of-frist:#8B611C;
  /* Frist- und Wichtig-Kennzeichnung, Fläche und Rand. Aus dem Prototyp, in
     offizina.css V1.1 nicht vorhanden. Trägt auch die Fehlermeldung (X13). */
  --of-frist-flaeche:#FBF7EF;
  --of-frist-rand:#E3CFA6;
  --of-frist-ring:#F1E4CF;
  /* Text auf salbeifarbener Fläche. Aus dem Prototyp. */
  --of-salbei-text:#4A5A4F;
  --of-text:#2B2A27;
  --of-text-sekundaer:#5C5850;
  /* Gedaempft 7A756C -> 6D6860 (DR-UI8). Es traegt Tabellenkoepfe, Metazeilen und Fussnoten und lag
     ueberall ausser auf Weiss unter 4,5 — im Tabellenkopf bei 3,77, der kleinsten Schrift der App.
     Seit die Leiter kleiner ist, faellt das ins Gewicht. */
  --of-text-gedaempft:#6D6860;
  /* Schrift. EINE LEITER, SIEBEN STUFEN (DR-UI7, Owner-Entscheid 2026-09-21):
       29 · 24 · 20 · 17 · 14 · 12 · 10
     Verhaeltnis rund 1,18, abgeleitet aus den Radar-Kacheln. Jede Stufe ist von der naechsten
     unterscheidbar — das war vorher nicht so: Text 16, Meta 15 und Label 14 lagen innerhalb von
     zwei Pixeln, und den Unterschied trug in Wahrheit die Farbe, nicht die Groesse. Text und Meta
     sind deshalb zusammengefallen; unterschieden werden sie weiter ueber die Farbe.

     Abweichung von DR-T1 mit Ansage: diese Werte stehen so noch nicht in offizina.css. Die
     Design-Datei zieht beim naechsten Export nach — wie schon bei DR-T4 und DR-S5. Bis dahin ist
     die Leiter hier die Wahrheit, und geaendert wird sie nur als Ganzes, nie ein Wert fuer sich. */
  --of-font:'Cabin',system-ui,sans-serif;
  --of-fs-seitentitel:29px;
  --of-fs-zahl:29px;
  --of-fs-name:20px;
  --of-fs-zeilentitel:17px;
  --of-fs-kachel:14px;
  --of-fs-text:14px;
  --of-fs-meta:14px;
  --of-fs-label:12px;
  --of-fs-klein:10px;
  --of-fs-wortmarke:20px;
  /* Radius */
  --of-r-karte:12px;
  --of-r-input:10px;
  --of-r-klein:8px;
  --of-bubble:34px;
  /* Abstand */
  --of-s-1:8px; --of-s-2:14px; --of-s-3:20px; --of-s-4:24px; --of-s-5:28px; --of-s-6:32px; --of-s-7:40px;
  --of-kopf:64px;
  /* Inhaltsbreite aus dem Prototyp (dort durchgehend 1360 px bei 40 px Rand).
     offizina.css V1.1 nannte 1160 px — älterer Entwurf, siehe DR-T4. */
  --of-inhalt:1360px;
  --of-rand-seite:40px;
  /* Seitentitel: Stufe 1 auf der Anmeldung, Stufe 2 auf den Seiten in der App. Die Anmeldung
     bleibt eine Stufe groesser als die App — sie hat nur eine Ueberschrift und viel Luft darum. */
  --of-fs-titel-app:24px;   /* Stufe 2 der Leiter (DR-UI7), war 28 */

  /* ---------------------------------------------------------------- UI-Umbau 2026-09-20
     Drei Kontraststufen statt einer. Die Werte stammen aus den Mockups in docs/UI-Update,
     nicht aus offizina.css — dort gibt es sie nicht. Wer sie ändert, ändert sie hier.

       Stufe 1  Bühne   — die Ruhe, auf der alles steht
       Stufe 2  Fläche  — die Karte, auf der gearbeitet wird
       Stufe 3  Kopf    — der farbige Kachelkopf, der sagt, wohin man schaut

     Der Kopf hat drei Töne und nur diese drei: Tanne für die Regel, Kohle für die neutrale
     Beobachtung, Ocker (--of-frist) für Schwelle und Frist. Ocker bedeutet ab hier
     ausschließlich Handlungsdruck — eine Rolle, die es vorher auch schmückend trug. */
  --of-stufe-buehne:var(--of-grund);
  --of-stufe-flaeche:var(--of-karte);
  --of-kohle:#24231E;
  --of-kohle-text:#F4F2EC;
  /* Navigationsleiste links. Schmal = nur Symbole, unter 1200 px.
     140 px -> 100 px mit dem UI-Design-Update (DR-UI9): die Einträge heißen seither CRM, Cockpit,
     Offizin und Verwalten — kurze Wörter, die auf 100 px in eine Zeile passen. */
  --of-navleiste:100px;
  --of-navleiste-schmal:72px;
}