/*
 * Marke Dart-Treff, Gestaltung 3 nach stil.md (Fassung 1, freigegeben 11.11.2026). Nur Tokens überschreiben.
 * „Angelaufen“: nichts reines Weiß, nichts reines Schwarz. Hell ist Papier und Kneipenlicht, dunkel ist Rauchbraun
 * und Lederbank; Messing für den Knopf „Anrufen“ und Akzente auf dunklem Grund, Kupfer dunkel auf Papier.
 * Schriften lokal, SIL Open Font License (Lizenz je Ordner in fonts/): Sofia Sans Extra Condensed für Überschriften,
 * Sofia Sans für den Text (Deniz' Wahl vom 11.11.2026, Schriftpaar 7: schmal und kräftig, mit runden Formen).
 */
@font-face {
	font-family: "Sofia Sans Extra Condensed";
	src: url("fonts/sofia-sans-extra-condensed/sofia-sans-extra-condensed-latin.woff2") format("woff2");
	font-style: normal;
	font-weight: 1 1000;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Sofia Sans Extra Condensed";
	src: url("fonts/sofia-sans-extra-condensed/sofia-sans-extra-condensed-latin-ext.woff2") format("woff2");
	font-style: normal;
	font-weight: 1 1000;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Sofia Sans";
	src: url("fonts/sofia-sans/sofia-sans-latin.woff2") format("woff2");
	font-style: normal;
	font-weight: 1 1000;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Sofia Sans";
	src: url("fonts/sofia-sans/sofia-sans-latin-ext.woff2") format("woff2");
	font-style: normal;
	font-weight: 1 1000;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	--wf-font-heading: "Sofia Sans Extra Condensed", "Arial Narrow", sans-serif;
	--wf-heading-hyphens: manual; /* keine Silbentrennung in Überschriften (Deniz, 11.11.2026) */
	--wf-font-body: "Sofia Sans", "Segoe UI", Arial, sans-serif;
	--wf-line-height-heading: 1.1;

	/* Sofia Sans Extra Condensed ist schmaler als Oswald: große Stufen (Überschriften, Zahlen) 15 % größer */
	--wf-text-xl: calc(var(--wf-text-fluid-xl) * 1.15);
	--wf-text-2xl: calc(var(--wf-text-fluid-2xl) * 1.15);
	--wf-text-3xl: calc(var(--wf-text-fluid-3xl) * 1.15);
	--wf-text-4xl: calc(var(--wf-text-fluid-4xl) * 1.15);
	--wf-text-5xl: calc(var(--wf-text-fluid-5xl) * 1.15);

	/* Inhalt mit Rand: am Desktop 100 px Luft zu beiden Seiten statt 20 px */
	--wf-max-screen-width: 124rem;

	/* Ecken höchstens leicht gerundet, Knöpfe 3–4 px */
	--wf-button-radius: 0.35rem;
	--wf-radius-xs: 0.2rem;
	--wf-radius-s: 0.3rem;
	--wf-radius-m: 0.4rem;
	--wf-radius-l: 0.4rem;
	--wf-radius-xl: 0.6rem;

	/* Kneipenlicht statt Weiß */
	--wf-color-white: #f1e6d2;
	--wf-color-white-trans-10: rgba(241, 230, 210, 0.1);
	--wf-color-white-trans-20: rgba(241, 230, 210, 0.2);
	--wf-color-white-trans-30: rgba(241, 230, 210, 0.3);
	--wf-color-white-trans-40: rgba(241, 230, 210, 0.4);
	--wf-color-white-trans-50: rgba(241, 230, 210, 0.5);
	--wf-color-white-trans-60: rgba(241, 230, 210, 0.6);
	--wf-color-white-trans-70: rgba(241, 230, 210, 0.7);
	--wf-color-white-trans-80: rgba(241, 230, 210, 0.8);
	--wf-color-white-trans-90: rgba(241, 230, 210, 0.9);

	/* Papier (25) über Bierdeckel und Leder zum Rauchbraun (950); 800 ist die Lederbank */
	--wf-color-neutral-25: #ece0cc;
	--wf-color-neutral-50: #e3d5bd;
	--wf-color-neutral-100: #d5c4a7;
	--wf-color-neutral-200: #bea98a;
	--wf-color-neutral-300: #a08a6e;
	--wf-color-neutral-400: #826e57;
	--wf-color-neutral-500: #675544;
	--wf-color-neutral-600: #4f4135;
	--wf-color-neutral-700: #3b2f26;
	--wf-color-neutral-800: #2c211a;
	--wf-color-neutral-900: #251c16;
	--wf-color-neutral-950: #1f1813;
	--wf-color-neutral-trans-10: rgba(31, 24, 19, 0.1);
	--wf-color-neutral-trans-20: rgba(31, 24, 19, 0.2);
	--wf-color-neutral-trans-30: rgba(31, 24, 19, 0.3);
	--wf-color-neutral-trans-40: rgba(31, 24, 19, 0.4);
	--wf-color-neutral-trans-50: rgba(31, 24, 19, 0.5);
	--wf-color-neutral-trans-60: rgba(31, 24, 19, 0.6);
	--wf-color-neutral-trans-70: rgba(31, 24, 19, 0.7);
	--wf-color-neutral-trans-80: rgba(31, 24, 19, 0.8);
	--wf-color-neutral-trans-90: rgba(31, 24, 19, 0.9);
	--wf-color-overlay: rgba(31, 24, 19, 0.5);

	/* Messing: Knopf „Anrufen“ (Rauchbraun darauf 8,2 : 1), Eyebrows, Icons und Linien auf dunklem Grund */
	--wf-color-primary: #d9a95f;
	--wf-color-primary-trans-10: rgba(217, 169, 95, 0.1);
	--wf-color-primary-trans-20: rgba(217, 169, 95, 0.2);
	--wf-color-primary-trans-30: rgba(217, 169, 95, 0.3);
	--wf-color-primary-trans-40: rgba(217, 169, 95, 0.4);
	--wf-color-primary-trans-50: rgba(217, 169, 95, 0.5);
	--wf-color-primary-trans-60: rgba(217, 169, 95, 0.6);
	--wf-color-primary-trans-70: rgba(217, 169, 95, 0.7);
	--wf-color-primary-trans-80: rgba(217, 169, 95, 0.8);
	--wf-color-primary-trans-90: rgba(217, 169, 95, 0.9);

	/* Kupfer dunkel (das Logo-Kupfer #b2824e, angelaufen): Eyebrows, Icons und Linien auf Papier (5 : 1) */
	--wf-color-secondary: #7f5530;
	--wf-color-secondary-trans-10: rgba(127, 85, 48, 0.1);
	--wf-color-secondary-trans-20: rgba(127, 85, 48, 0.2);
	--wf-color-secondary-trans-30: rgba(127, 85, 48, 0.3);
	--wf-color-secondary-trans-40: rgba(127, 85, 48, 0.4);
	--wf-color-secondary-trans-50: rgba(127, 85, 48, 0.5);
	--wf-color-secondary-trans-60: rgba(127, 85, 48, 0.6);
	--wf-color-secondary-trans-70: rgba(127, 85, 48, 0.7);
	--wf-color-secondary-trans-80: rgba(127, 85, 48, 0.8);
	--wf-color-secondary-trans-90: rgba(127, 85, 48, 0.9);
}