/* ERZEUGT aus /var/www/heliotropica/mandant/mandant.json am 2026-09-21 12:56. 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 heliotropica */
  --navy:#002B49;
  --weiss:#FFFFFF;
  --gold:#F4A900;
  --dunkelgold:#8F6300;
  --hellblau:#F4F8FC;

  /* 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);
}

/* Farbfuehrung Einstiegsseite, 22.09.2026. Grundsatz: Farbe gehoert dem
   Inhalt, nicht der Flaeche. Navy und Gold sind Akzent, nie Grundflaeche.
   Genau zwei Sektionen tragen Tiefe: Oekosystem und Kontakt. */
:root{
  --flaeche:#F8FAFB;              /* Grundflaeche jeder hellen Sektion */
  --flaeche-karte:#FFFFFF;              /* erhobene Flaeche */
  --flaeche-tief:#001935;               /* die zwei dunklen Sektionen */
  --gold-schwach:color-mix(in srgb, var(--gold) 14%, transparent);
  --navy-linie:color-mix(in srgb, var(--navy) 10%, transparent);
  /* Flüssige Typostufen zwischen 1024 und 1400 */
  --f-zahl:clamp(72px,8vw,120px);
  --f-h2:clamp(36px,4.2vw,56px);
  --f-lead:clamp(20px,1.9vw,26px);
  /* Bewegung: nur Zustandswechsel, 150-300ms, nie ueber 400 */
  --zeit-schalt:220ms;
  --kurve:cubic-bezier(.2,.7,.3,1);
}

/* Farben der Eurener-Vorlage JustifViaj2_v1 (Nota de gastos), 23.09.2026.
   Nur fuer Gastos Eurener unter /staffxenter/gastoseurener/, damit die Maske
   aussieht wie die Excel, die die Buchhaltung erwartet. */
:root{
  --vorlage-gruen:#CCFFCC;
  --vorlage-rosa:#FFCCFF;
  --vorlage-blau:#99CCFF;
  --vorlage-gelb:#FFFF00;
}