/* Gemeinsame Farb- und Massdatei fuer alle Oberflaechen.

   Casimir am 21.10.2026: das ERP wird nach dem Vorbild von Mac und iPad
   neu gestaltet. Grundlage ist das Gutachten vom 06.09.2026 und der
   freigegebene Entwurf https://claude.ai/artifact/D2j6gwi4rDVx9vSDXu9Ctv.

   Warum eine eigene Datei: bisher hat jede Seite Schriftgroesse, Farbe und
   Abstand selbst entschieden (gut 20 Schriftgroessen bis hinunter zu 8 px,
   rund 100 Farbwerte). Jede neue Seite wich wieder ein Stueck ab. Ab jetzt
   kommen diese Werte NUR von hier. Wer einen Wert braucht, den es hier
   nicht gibt, ergaenzt ihn hier und nicht in der Seite.

   Die Datei enthaelt nur Werte, keine Regeln fuer Bausteine. So kann die
   Monteur-App sie spaeter ebenfalls einbinden, ohne dass sich dort etwas
   verschiebt. */

:root {
  /* Schrift: die des Geraets. Auf Mac und iPad ist das SF Pro, und genau
     das macht eine Web-App "nativ". Jost war eine Hausschrift aus der
     Signatur und wirkte auf dem iPad fremd. */
  --schrift: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue",
             Arial, sans-serif;
  --schrift-zahlen: -apple-system, BlinkMacSystemFont, "SF Pro Text",
             "Helvetica Neue", Arial, sans-serif;

  /* Sechs Groessen, nichts darunter. 12 ist die kleinste, weil darunter am
     iPad nicht mehr zuverlaessig lesbar. */
  --gr-12: 12px;   /* Abschnittsnamen, Nebenangaben */
  --gr-14: 14px;   /* Fliesstext, Tabellen, Knoepfe */
  --gr-16: 16px;   /* Kartenkopf, Eingabe am iPad (darunter zoomt iOS) */
  --gr-20: 20px;   /* Seitentitel, Dialogtitel */
  --gr-26: 26px;   /* Projekttitel */
  --gr-34: 34px;   /* Startseite */

  /* Abstandsleiter. Nur diese Stufen. */
  --ab-1: 4px;
  --ab-2: 8px;
  --ab-3: 12px;
  --ab-4: 16px;
  --ab-5: 24px;
  --ab-6: 32px;
  --ab-7: 48px;

  /* Drei Eckenradien. */
  --ecke: 8px;          /* alles, was man bedient */
  --ecke-karte: 14px;   /* Karten, Blaetter, Gruppen */
  --ecke-rund: 999px;   /* Marken */

  /* Farben mit genau einer Bedeutung.
     Blau heisst: hier handeln oder ausgewaehlt.
     Rot heisst NUR Fehler oder unwiderruflich, nie ein normaler Knopf und
     nie eine Baustelle oder Person (siehe Signalfarben-Regel). */
  --text: #1D1D1F;
  --text-2: #3A3A3C;
  --zweittext: #6E6E73;       /* 4,9 : 1 auf Weiss, 4,6 : 1 auf --flaeche */
  --still: #8E8E93;           /* nur fuer Platzhalter und Zeichen, nie fuer Lesetext */
  --flaeche: #F5F5F7;         /* Hintergrund des Inhalts */
  --leiste: #ECECEF;          /* Seitenleiste, eine Spur dunkler als der Inhalt */
  --karte: #FFFFFF;
  --linie: #E5E5EA;
  --linie-fein: #F0F0F3;
  --rand-feld: #D2D2D7;
  --segment: #E3E3E8;
  --akzent: #1A4D78;          /* Castell-Blau */
  --akzent-druck: #123A5C;
  --auswahl: #E3ECF5;
  /* Castell-Blau mit 35 Prozent Deckung: gestellt, aber noch nicht
     eingegangen (Balken im Controlling). Casimir am 28.10.2026. */
  --akzent-blass: rgba(26, 77, 120, .35);
  --hinweis: #FFF4E0;
  --hinweis-text: #6B4100;
  --hinweis-rand: #F0DDB8;
  --gefahr: #B3261E;
  --gefahr-hell: #FDECEA;
  /* Gruen NUR fuer erledigte Zustaende (unterschrieben, abgenommen,
     Nachweis gueltig), nie fuer Knoepfe, Projekte oder Personen.
     Casimir am 22.10.2026: "A ja gruen" (Vertragsmanagement). */
  --erfolg: #1C6B3D;
  --erfolg-hell: #E3F2E8;
  /* Interne Angaben, die nie nach aussen gehen (Spanne im Vertrag). Eigener
     Ton, damit sie nicht wie "ausgewaehlt" aussehen. */
  --intern: #EEF2F7;

  /* Tippflaeche: am Mac mit Maus 36, mit dem Finger 44. */
  --tipp: 36px;

  --schatten-blatt: 0 20px 60px rgba(0, 0, 0, .22);
  --schatten-segment: 0 1px 3px rgba(0, 0, 0, .12);

  --leiste-breite: 232px;
}

@media (pointer: coarse) {
  :root { --tipp: 44px; }
}