/*
 * Design-Tokens Entwurf B „Sirup-Studio“ (SIRUPE_REDESIGN_SPEC.md, Abschnitt 4).
 * Nur auf sirupe-site-Seiten geladen. Jeder Selektor beginnt mit .sirupe-site.
 */

.sirupe-site {
	/* Flächen und Linien */
	--s-bg: #fbf6ee;
	--s-bg-alt: #f2e9da;
	--s-surface: #ffffff;
	--s-line: #ebe1d2;
	--s-header-bg: rgba(251, 246, 238, 0.94);

	/* Text und Akzent */
	--s-ink: #1d1a16;
	--s-ink-soft: #5b4a3a;
	--s-accent: #b84a06;

	/* Formen */
	--s-radius-card: 28px;
	--s-radius-menu: 16px;
	--s-radius-pill: 999px;
	--s-shadow-menu: 0 18px 40px rgba(29, 26, 22, 0.14);

	/* Layout */
	--s-max: 1280px;
	--s-gutter: 24px;
	--s-header-h: 76px;

	/* Schrift */
	--s-font-head: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
	--s-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--s-h1: clamp(56px, 8vw, 120px);
	--s-h2: clamp(36px, 4.4vw, 60px);
	--s-h3: clamp(24px, 2.2vw, 30px);
	--s-page-title: clamp(40px, 5vw, 72px);
	--s-tracking-head: -0.02em;

	/* Sortenfarben (Hero, weißer Text) */
	--s-flavour-himbeer: #b3123a;
	--s-flavour-holunder: #2f5d2a;
	--s-flavour-orange: #b84a06;
	--s-flavour-apfel: #3f7d1e;
	--s-flavour-kirsche: #7a1028;
	--s-flavour-himbeer-light: #c23a60;
	--s-flavour-apfel-trueb: #8a6a12;
	--s-flavour-kirsche-light: #9c2a44; /* Vom Betreiber freigegeben (2026-10-30). */
	--s-flavour-apfel-ingwer-light: #6b6a14; /* Vom Betreiber freigegeben (2026-10-30). */
	--s-flavour-schiwasser: #2b5d8a; /* Vom Betreiber freigegeben (2026-10-30). */

	/* Kategorie-Tints (Produktkarten) */
	--s-tint-sirup: #e8f1d9;
	--s-tint-sirup-label: #2f5d2a;
	--s-tint-trinkfertig: #dcebf6;
	--s-tint-trinkfertig-label: #1f5c8a;
	--s-tint-kracherl: #fbe6c9;
	--s-tint-kracherl-label: #9a4a08;
	--s-tint-punsch: #f3dcdf;
	--s-tint-punsch-label: #8a1a2e;
	--s-tint-neutral: #efe6d8;
	--s-tint-neutral-label: #5b4a3a;
}