/* Fundus · Rezept „Eventlocation: ein Tag, der in die Nacht geht“ · tokens.css · Stand 02.11.2026
   Quelle: https://cecodesign.de/lab/fundus/rezepte/eventlocation-hochzeit/ · 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: 'Imbue'; src: url('../../../../assets/fonts/imbue-latin-opsz-normal.woff') format('woff'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Archivo'; src: url('../../../../assets/fonts/archivo-latin-wdth-wght.woff2') format('woff2'); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }

:root {
  /* Schrift */
  --schrift-headline: 'Imbue', system-ui, sans-serif;
  --schrift-text: 'Archivo', system-ui, sans-serif;
  /* Größen laut Rezept: h1 Imbue clamp(3rem, 1.6rem + 6vw, 7.5rem), wght 300, opsz 100, Laufweite -0.01em, Zeilenhöhe 0.95, gemischt gesetzt; Raumnamen, Kapitel und große Daten („Samstag, 12. Juni“) in Imbue ab 2rem, wght 400, opsz an die Größe gekoppelt; nie unter 2rem. Text Archivo wdth 100, wght 400, 1.0625rem (17 px), Zeilenhöhe 1.6, höchstens 64ch; Tabellen und Kalender Archivo wdth 87, Tabellenziffern; Labels und Rubriken Archivo wdth 112, wght 600, 0.8125rem, Versal, +0.08em; Knöpfe Archivo wdth 100, wght 600, 1rem. */
  --mass: 64ch;
  --zeilenhoehe-text: 1.6;

  /* Farbe (Prinzip: Drei Lichtstimmungen statt einer Markenfläche: Kalk für den Tag (Grund der ganzen Seite), Sandstein für den Abend, Nachtblau für die Nacht. Im Kapitel „Ein Tag bei uns“ färbt sich die Seite an den Kapitelgrenzen um; Räume, Preise, Kalender und Anfrage stehen immer auf Kalk. Mohnrot ist der einzige Signalton (Anfragen, Datum wählen, freie Termine) und funktioniert auf allen drei Gründen. Messing nur als Doppelkontur der Nebenknöpfe und als Linie. Kein Rosé, kein Glitzer-Gold, keine Verläufe, keine Bokeh-Flächen.) */
  --farbe-grund: #F5F0E6; /* Grund Kalk (Tag) */
  --farbe-text: #1D1A17; /* Text auf Kalk (15 : 1) und auf Sandstein (12,8 : 1) */
  --farbe-sandstein: #E9DCC8; /* Sandstein (Abend-Kapitel, Flächen, Tabellenkopf) */
  --farbe-nachtblau: #15171F; /* Nachtblau (Nacht-Kapitel, Footer); Text #F2ECE2 (15 : 1) */
  --farbe-signal: #C43B2B; /* Signal Mohnrot: Anfragen, Datum wählen, frei (Weiß darauf 5,2 : 1; als Fläche auf Kalk 4,6 : 1, auf Sandstein 3,9 : 1, auf Nachtblau 3,4 : 1) */
  --farbe-linie: #8C6A3C; /* Messing: Doppelkontur und Linien auf Kalk (4,4 : 1); auf Nachtblau #C9A66B (7,8 : 1) */
  --farbe-text-2: #5C574E; /* Sekundärtext, Bildnachweis (6,3 : 1 auf Kalk) */
  --farbe-linie-2: #D8CFC0; /* Linien auf Kalk */
  --farbe-fehler: #B3261E; /* abgeleitet: Fehlermeldungen, 5.8 : 1 auf Grund */

  /* Dauer-Rahmen des Rezepts (gilt vor der Stil-Skala darunter): 250 (Farben, Schatten, Hover), 400 (Deckkraft, Unterstreichung, Kalenderzelle), 475 (Knopf-Füllung), 525 (Akkordeon, Reiter-Inhalt), 725 (Menü, Galerie-Vollbild, Farbwechsel der Kapitel); Fokus ohne Übergang */
  --dauer-rezept-1: 250ms;
  --dauer-rezept-2: 400ms;
  --dauer-rezept-3: 475ms;
  --dauer-rezept-4: 525ms;
  --dauer-rezept-5: 725ms;
  /* Bewegung: token-studio-signatur */
  --ease: cubic-bezier(0.625, 0.05, 0, 1);
  --ease-ein: cubic-bezier(0.625, 0.05, 0, 1);
  --ease-aus: cubic-bezier(0.625, 0.05, 0, 1);
  --dauer-xs: 250ms;
  --dauer-s: 400ms;
  --dauer-button: 475ms;
  --dauer-m: 525ms;
  --dauer-l: 725ms;
  --stagger: 40ms;
  --aus-faktor: 0.7; /* Schließen = Öffnen × Faktor */
  /* Wege: Button-Fläche translateY 101 % → 0, Text rollt 100 %, Unterschriften 8 bis 16 px, Bild scale 1.08 → 1 */

  /* Raum (luftig): Festlich über Raum: große Sprünge zwischen Kapiteln, Raumtabellen und Kalender dagegen kompakt (Zeilen 12 px). */
  --raum-1: 4px;
  --raum-2: 8px;
  --raum-3: 12px;
  --raum-4: 16px;
  --raum-5: 24px;
  --raum-6: 32px;
  --raum-7: 56px;
  --raum-8: 88px;
  --raum-9: 136px;
  --raum-10: 200px;
  --raum-sektion: clamp(88px, 12vw, 192px);
  /* Raster: Hero randlos, Räume 7/5 (Bild/Tabelle). „Ein Tag bei uns“ in drei bis vier Kapiteln über volle Breite; Räume, Preise, Kalender und Anfrage immer auf Kalk. */
  --raster-spalten: 12;
  --raster-rand: clamp(20px, 5vw, 72px);
  --raster-spalt: clamp(16px, 2.4vw, 32px);
  --raster-max: 1440px;
  /* Form: Art déco statt weich: eckige Bilder, Nebenwege mit versetzter Messing-Kontur (kontur-button-zeichnen, Variante doppel), Mohnrot mit Füllung vom Eintrittspunkt nur für die Haupthandlung. */
  --radius-klein: 2px;
  --radius-gross: 0;
  --radius-button: var(--radius-klein, 0);
  --linie-staerke: 1px; /* 1px #8C6A3C als Messing-Doppelkontur der Nebenwege; Tabellen 1px #D8CFC0 */
  /* Schatten: keiner */

  /* Buttons: fuellung-vom-eintrittspunkt (Variante basis), kontur-button-zeichnen (Variante doppel) */
  --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; }
  /* Reduziert laut Stil: Farbwechsel ohne Bewegung */
}