/* Fundus · Rezept „Sicherheitsdienst: wach und genau“ · tokens.css · Stand 02.11.2026
   Quelle: https://cecodesign.de/lab/fundus/rezepte/sicherheitsdienst-bewachung/ · Bauplan: bauplan.txt · Leitfaden: https://cecodesign.de/lab/fundus/leitfaden.txt
   Alle Gestaltung der Seite nutzt nur diese Variablen. Schriftpfade beim Kopieren in ein Projekt anpassen. */

@font-face { font-family: 'Science Gothic'; src: url('../../../../assets/fonts/science-gothic-latin-wght-normal.woff') format('woff'); font-weight: 100 900; font-stretch: 50% 200%; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('../../../../assets/fonts/geist-latin-wght-normal.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Geist Mono'; src: url('../../../../assets/fonts/geist-mono-latin-wght-normal.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }

:root {
  /* Schrift */
  --schrift-headline: 'Science Gothic', system-ui, sans-serif;
  --schrift-text: 'Geist', system-ui, sans-serif;
  --schrift-akzent: 'Geist Mono', ui-monospace, monospace;
  /* Größen laut Rezept: h1 Science Gothic clamp(2.5rem, 1.2rem + 5vw, 5.5rem), wdth 125, wght 700, Laufweite -0.01em, Zeilenhöhe 0.95; Kapitel-H2 clamp(1.75rem, 1.2rem + 2.2vw, 3rem), wdth 112. H3 und Gebrauchsüberschriften Geist 600, 1.25rem. Fließtext Geist 1.0625rem (17 px), wght 400, Zeilenhöhe 1.6, höchstens 66ch. Uhrzeiten, Wachbuch, Nachweisnummern und Reaktionszeiten Geist Mono 0.9375rem, Tabellenziffern; Labels in Datenzeilen Geist Mono Versal +0.08em ab 0.875rem. Knöpfe Geist 600, 1rem. */
  --mass: 66ch;
  --zeilenhoehe-text: 1.6;

  /* Farbe (Prinzip: Tag und Nacht: Beton als Grund für Tag-Kapitel, Nachtblau für Hero, Nacht-Kapitel, Leitstelle und Fuß, Stahl hell als Fläche für Nachweise und Tabellen. Signalgelb nur für „Angebot anfragen“ und die Leitstellen-Nummer, immer mit dunkler Schrift. Kein Polizeiblau, kein Blaulicht-Rot, keine Tarnfarben.) */
  --farbe-grund: #EDEEEA; /* Grund Beton */
  --farbe-text: #111417; /* Text (15,9 : 1 auf Grund) */
  --farbe-flaeche: #D6DCDF; /* Fläche Stahl hell: Nachweise, Tabellen (Text 13,3 : 1) */
  --farbe-dunkel: #0E1A24; /* Dunkel Nachtblau: Hero, Nacht-Kapitel, Leitstelle, Footer (Weiß darauf 17,6 : 1, Gelb darauf 9,7 : 1) */
  --farbe-signal: #F2B705; /* Signal Gelb: Angebot anfragen, Leitstelle (Text darauf 10,2 : 1; auf Beton nur 1,6 : 1, deshalb Knopf mit 2 px Rand in Textfarbe) */
  --farbe-leise: #565B60; /* Leise: Stand-Daten, Meta auf Beton (5,9 : 1 auf Grund, 5,0 : 1 auf Stahl) */
  --farbe-leise-2: #A9B4BD; /* Leise hell (Meta auf Nachtblau, 8,4 : 1) */
  --farbe-linie: #CACBC8; /* abgeleitet: Haarlinien (nur Dekoration) */
  --farbe-fehler: #B3261E; /* abgeleitet: Fehlermeldungen, 5.6 : 1 auf Grund */

  /* Dauer-Rahmen des Rezepts (gilt vor der Stil-Skala darunter): 110 (Hover, Farbe), 240 (Akkordeon, Reiter, Dialog öffnen), 150 (schließen), 400 (H1-Zeilen einmal), 900 (Seitenwechsel als Jalousie mit Seitenname), 30 (Takt je Zeichen im Wachbuch, höchstens 1200 je Zeile) */
  --dauer-rezept-1: 110ms;
  --dauer-rezept-2: 150ms;
  --dauer-rezept-3: 240ms;
  --dauer-rezept-4: 400ms;
  --dauer-rezept-5: 900ms;
  --dauer-rezept-6: 1200ms;
  /* Bewegung: token-tech-praezise */
  --ease: cubic-bezier(0.2, 0, 0.38, 0.9);
  --ease-ein: cubic-bezier(0, 0, 0.38, 0.9);
  --ease-aus: cubic-bezier(0.2, 0, 1, 0.9);
  --dauer-xs: 70ms;
  --dauer-s: 110ms;
  --dauer-m: 150ms;
  --dauer-l: 240ms;
  --dauer-xl: 400ms;
  --dauer-xxl: 700ms;
  --stagger: 30ms;
  --aus-faktor: 0.65; /* Schließen = Öffnen × Faktor */
  /* Wege: 4 bis 8 px, keine Skalierung, kein Federn */

  /* Flächen, Bilder, Seitenwechsel (clip-path, Panels, Bänder): Kurve ohne Überschwingen */
  --ease-flaeche: var(--ease-ein);
  --ease-flaeche-aus: var(--ease-aus);

  /* Bewegungs-Partitur (rezept.bewegung, Stand 05.11.2026): Rollen statt Stufen; gleiche Werte wie oben, nur benannt */
  --dauer-klein: 110ms; /* = --dauer-rezept-1 */
  --dauer-mittel: 240ms; /* = --dauer-rezept-3 */
  --dauer-gross: 1200ms; /* = --dauer-rezept-6 */
  --dauer-seitenwechsel: 900ms; /* = --dauer-rezept-5 */
  --dauer-schliessen: 150ms; /* = --dauer-rezept-2 */
  --dauer-hover-ein: 240ms;
  --dauer-hover-aus: 150ms;
  /* Laden 1: H1 (zwei Zeilen) */
  --dauer-laden-1-ab: 0ms;
  --dauer-laden-1: 400ms;
  --dauer-laden-1-versatz: 30ms;
  /* Laden 2: Wachbuch-Zeile im Hero (typewriter-natural) */
  --dauer-laden-2-ab: 160ms;
  --dauer-laden-2: 900ms;

  /* Raum (mittel): Genau: Nachweise und Tabellen dicht mit Haarlinien, Nacht-Kapitel mit viel Dunkel, Wachbuch-Zeile mit 48 px Rand. */
  --raum-1: 4px;
  --raum-2: 8px;
  --raum-3: 12px;
  --raum-4: 16px;
  --raum-5: 24px;
  --raum-6: 32px;
  --raum-7: 48px;
  --raum-8: 64px;
  --raum-9: 96px;
  --raum-10: 128px;
  --raum-sektion: clamp(64px, 8vw, 128px);
  /* Raster: Hero randlos, Text unten links über 7 Spalten. Leistungen als Liste über 8 Spalten mit Reaktionszeit rechts; Nachweise als Tabelle; Wachbuch-Zeile über die volle Inhaltsbreite. */
  --raster-spalten: 12;
  --raster-rand: clamp(16px, 4vw, 64px);
  --raster-spalt: clamp(16px, 2vw, 28px);
  --raster-max: 1280px;
  /* Form: Kantig und knapp: fast keine Rundung, Haarlinien statt Kästen, Klammern am Kontur-Knopf. */
  --radius-klein: 2px;
  --radius-gross: 4px;
  --radius-button: var(--radius-klein, 0);
  --linie-staerke: 1px; /* 1px #11141726 in Tabellen, auf Nachtblau 1px #A9B4BD40; gelber Knopf mit 2px #111417; Felder 1px in Leise (3:1) */
  /* Schatten: keiner */

  /* Buttons: button-zustaende, kontur-button-zeichnen (Variante ecken) */
  --button-hoehe: 44px; /* Trefferfläche mindestens 44 × 44 px */
  --button-farbe: var(--farbe-signal, currentColor);
  --fokus-ring: 2px solid var(--farbe-text, currentColor); /* außen um den Knopf, Abstand s. u.; auf dunklen Flächen eigene Farbe setzen */
  --fokus-abstand: 3px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --stagger: 0ms; --ui-stagger: 0ms; }
  :root { --dauer-klein: 110ms; --dauer-mittel: 150ms; --dauer-gross: 150ms; --dauer-seitenwechsel: 150ms; --dauer-schliessen: 100ms; --dauer-hover-ein: 150ms; --dauer-hover-aus: 100ms; } /* nur Überblenden, höchstens 150 ms; nie länger als normal */
  /* Partitur reduziert: Wachbuch-Zeile steht fertig; H1 steht; Seitenwechsel als Überblendung 150 ms ohne Bahnen. */
  /* Reduziert laut Stil: opacity 150 ms linear rein, 100 ms raus */
}