/* ==========================================================================
   LICHTSCHWESTER — Marken-Tokens (CI & CD)
   Quelle: v1/DESIGN.md ("Das Rosa der bestehenden Seite ist gesetztes
   Brand-Asset, kein Vorschlag") + v1/index.html. Zentrale Palette,
   Typografie, Spacing und Radien; wird vom Ornament-Hintergrund und allen
   Blöcken/Komponenten genutzt (var(--lswn-*)).
   ========================================================================== */

:root {
	/* --- Farben --- */
	--lswn-rose:     #f2ced3;
	--lswn-rose-lt:  #f9e5e5;
	--lswn-rose-md:  #e5aab3;
	--lswn-wine:     #7a3946;
	--lswn-wine-dk:  #56242f;
	--lswn-parch:    #fdf6f2;
	--lswn-gold:     #b0862f;
	--lswn-gold-lt:  #d3b063;
	--lswn-ink:      #3d2027;
	--lswn-ink-soft: #79545c;


	/* --- Typografie --- */
	--lswn-serif: Georgia, 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', serif;

	/* Gemeinsame Basis aller Überschriften (aus "h1,h2,h3{...}" im Design) */
	--lswn-leading-heading:  1.14;
	--lswn-tracking-heading: -.012em;

	/* Schriftgrößen-Skala — Werte 1:1 aus v1/index.html übernommen, nicht aus
	   dem Stitch-Guide (gleiche Begründung wie bei Spacing/Radien). H2 ist
	   fast überall gleich (die 4 Sektions-Überschriften weichen nur beim
	   Maximalwert um wenige px voneinander ab, 56–62px — hier der
	   Mittelwert). H3 ist im Original bewusst KEIN fester Wert, sondern
	   variiert 23–38px je nach Prominenz der Komponente (breite Tafel vs.
	   schmale Tafel vs. Wegstation) — der Token unten ist ein Startpunkt,
	   einzelne Blöcke dürfen ihn lokal überschreiben. */
	--lswn-text-hero:   clamp(46px, 12vw, 172px); /* Hero-Wortmarke */
	--lswn-text-h2:     clamp(29px, 4.3vw, 58px); /* Sektions-Überschriften */
	--lswn-text-h3:     clamp(23px, 2.7vw, 32px); /* Unter-Überschriften, Komponente darf abweichen */
	--lswn-text-lead:   19.5px;                    /* hervorgehobener Absatz (z. B. erster Satz) */
	--lswn-text-body:   16px;                      /* Fließtext-Basis */
	--lswn-text-small:  clamp(15px, 1.5vw, 18.5px); /* Hero-Subtext / kleinere Absätze */
	--lswn-text-kicker: 12px;                      /* Kicker/Label über Überschriften */

	--lswn-leading-body: 1.72; /* Fließtext-Basis, einzelne Absätze variieren 1.72–1.86 */

	/* --- Spacing ---
	   Die einzigen zwei benannten Abstände im Design: der seitliche
	   Rand jeder Sektion (--edge) und der vertikale Abstand ZWISCHEN
	   Sektionen (--sec). Alles andere im Design ist bewusst frei/organisch
	   austariert statt einem starren Raster zu folgen — dem folgen wir
	   hier, statt ein Raster zu erfinden, das im Original nicht existiert. */
	--lswn-edge:    clamp(20px, 5vw, 72px);
	--lswn-section: clamp(92px, 12vw, 176px);

	/* --- Radien ---
	   Wiederkehrendes Jugendstil-Motiv: zwei gegenüberliegende Ecken fast
	   eckig (2–4px), die anderen beiden weich gerundet — nie ein
	   gleichmäßiger Radius auf allen vier Ecken. "-flip" spiegelt die
	   Diagonale für Abwechslung zwischen benachbarten Elementen. */
	--lswn-radius-pill:     999px;
	--lswn-radius-sm:       2px 14px 2px 14px;
	--lswn-radius-sm-flip:  14px 2px 14px 2px;
	--lswn-radius-md:       2px 34px 2px 34px;
	--lswn-radius-md-flip:  34px 2px 34px 2px;
	--lswn-radius-lg:       4px 60px 4px 60px;
	--lswn-radius-lg-flip:  60px 4px 60px 4px;
}

/* Markierter Text in Gold statt Browser-Blau (aus v1/index.html: "::selection{
   background:var(--gold-lt); color:var(--wine-dk); }") — gilt global, nicht
   nur innerhalb einzelner Blöcke. */
::selection {
	background: var(--lswn-gold-lt);
	color: var(--lswn-wine-dk);
}