/* ERZEUGT aus /var/www/mandanten/demo/mandant/mandant.json am 2026-10-22 21:43. NIE VON HAND AENDERN.
   Neu erzeugen: node /opt/heliotropica/werkzeug/tokens-bauen.js
   Blueprint E1. Dies ist der einzige Definitionsort fuer Token. */
:root{
  /* Farben, Mandant demo */
  --navy:#0A0B0F;
  --weiss:#FFFFFF;
  --gold:#FE6303;
  --dunkelgold:#A63F00;
  --hellblau:#F9F8F6;

  /* Schrift. Bis zum 09.09.2026 gab es hier KEINE, und das war die
     Ursache dafuer, dass jede App anders aussah: der Verbund schrieb
     an elf Stellen 'Inter' hin, das nirgends geladen wird, und erbte
     an zehn Stellen die Schrift der App. Die Apps setzten
     Unterschiedliches oder gar nichts, also entschied der Browser.
     Keine Webschrift: fonts.googleapis.com ist laut Blueprint E5 ein
     Verstoss, und eine nachgeladene Schrift kostet Umbruch und Zeit. */
  --satz:system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --satz-fest:ui-monospace, 'SF Mono', Consolas, monospace;

  /* Schriftgroessen, nur diese acht */
  --f10:10px; --f13:13px; --f15:15px; --f18:18px;
  --f24:24px; --f32:32px; --f48:48px; --f64:64px;

  /* Radien, nur diese drei */
  --r8:8px; --r16:16px; --rvoll:999px;

  /* Die Rundung der App-Logos, als Anteil der Kante. Noah am 19.09.2026:
     ab sofort ueberall dieselbe Abrundung wie bei den App-Logos, fuer
     Zeichen, Knoepfe, Banner, Text- und Suchfelder. Gemessen am Logo:
     Kreisbogen, 57 px auf 512 px. Anwendung: calc(<Hoehe> * var(--r-logo)). */
  --r-logo:0.111;

  /* Abstaende, nur diese acht */
  --a4:4px; --a8:8px; --a16:16px; --a24:24px;
  --a32:32px; --a48:48px; --a64:64px; --a96:96px;

  /* Bedienflaechen */
  --ziel:44px; --ziel-mobil:56px;

  /* Bewegung, 60 ms anziehend, 90 ms auslaufend, Obergrenze 260 ms */
  --zeit-an:60ms; --zeit-aus:90ms; --zeit-max:260ms;
  --feder:linear(0,0.442 9.5%,0.714 18.9%,0.867 28.6%,0.94 38.5%,0.982 53.8%,1);
}