/* GenussEtiketten – Design-Tokens und lokale Schriften (Richtung „Stanzlinie“). Plugin ge-core nutzt dieselben --ge-* Variablen. */

@font-face { font-family: "Inter"; src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("../fonts/fraunces-latin-full-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("../fonts/fraunces-latin-full-italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
/* Cormorant nur für Beispieletiketten (Kundengestaltungen), nicht für die Website-Typografie. */
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-600-italic.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; }

:root {
	--ge-papier: #f6f2ea;
	--ge-papier-2: #efe8db;
	--ge-flaeche: #fffdf8;
	--ge-tinte: #262626;
	--ge-tinte-2: #55514b; /* ≥ 7:1 auf Papier */
	--ge-aktion: #6b2e36;
	--ge-aktion-tinte: #fff;
	--ge-aktion-hover: #55222a;
	--ge-akzent: #58624a;
	--ge-messing: #b08a57; /* nur dekorativ */
	--ge-linie: rgb(38 38 38 / 0.2);
	--ge-linie-stark: rgb(38 38 38 / 0.55);
	--ge-stanz: 1px dashed var(--ge-linie-stark);
	--ge-fokus: #1a5fb4;
	--ge-fehler: #a3172a;
	--ge-ok: #2d6a2f;
	--ge-f-display: "Fraunces", Georgia, serif;
	--ge-f-text: "Inter", system-ui, sans-serif;
	--ge-f-daten: "IBM Plex Mono", ui-monospace, monospace;
	--ge-radius: 2px;
	--ge-max: 76rem;
	--ge-abstand: clamp(4rem, 9vw, 8rem);

	/* Kompatibilität zu Tokens 0.1.0 */
	--ge-surface: var(--ge-papier);
	--ge-text: var(--ge-tinte);
	--ge-accent: var(--ge-aktion);
	--ge-olive: var(--ge-akzent);
	--ge-brass: var(--ge-messing);
	--ge-font-ui: var(--ge-f-text);
	--ge-font-display: var(--ge-f-display);

	/* Blocksy-Variablen an unsere Tokens binden */
	--theme-font-family: var(--ge-f-text);
	--theme-text-color: var(--ge-tinte);
	--theme-link-initial-color: var(--ge-tinte);
	--theme-link-hover-color: var(--ge-aktion);
	--theme-palette-color-1: var(--ge-aktion);
	--theme-palette-color-2: var(--ge-aktion-hover);
	--theme-palette-color-3: var(--ge-tinte);
	--theme-palette-color-4: var(--ge-tinte-2);
	--theme-palette-color-5: var(--ge-papier-2);
	--theme-palette-color-6: var(--ge-flaeche);
	--theme-palette-color-7: var(--ge-papier);
	--theme-palette-color-8: var(--ge-papier);
	--theme-button-background-initial-color: var(--ge-aktion);
	--theme-button-background-hover-color: var(--ge-aktion-hover);
	--theme-button-text-initial-color: var(--ge-aktion-tinte);
	--theme-button-text-hover-color: var(--ge-aktion-tinte);
	--theme-form-field-border-focus-color: var(--ge-fokus);
	--theme-heading-font-family: var(--ge-f-display);
	--theme-normal-container-max-width: var(--ge-max);
	--theme-content-spacing: 1.5em;
}