/* ==========================================================================
   Design Tokens — Ultras-Energie Dynamik
   Diagonalschnitte, Vereinsfarben-Kontrast, Tempo. Gedämpfte, hochwertige
   Palette (Guardrail): EIN Akzentrot statt Neon, dunkles Anthrazit, Off-White.
   ========================================================================== */

@font-face {
	font-family: 'Anton';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/anton-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Barlow Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/barlowcond-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Barlow Condensed';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/barlowcond-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Barlow Condensed';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/barlowcond-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Public Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fonts/publicsans-400.woff2') format('woff2');
}

:root {
	/* Farben — Basis (breit unterstützte sRGB-Fallbacks) */
	--color-primary: #a21921;
	--color-primary-dark: #790000;
	--color-primary-soft: #c34f4b;
	--color-dark: #1b1b1f;
	--color-dark-2: #101013;
	--color-light: #fafafa;
	--color-surface: #ffffff;
	--color-line: #e3e1dd;
	--color-ink: #1b1b1f;
	--color-muted: #5b5b60;

	/* Moderne Farbräume (oklch) — feinere, wahrnehmungsgleiche Abstufung */
	--color-primary-oklch: oklch(0.46 0.17 25);
	--color-primary-dark-oklch: oklch(0.34 0.17 25);
	--color-primary-soft-oklch: oklch(0.58 0.15 25);

	/* Form & Bewegung */
	--radius: 0;
	--skew: -6deg;
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--dur-fast: 150ms;
	--dur-base: 220ms;
	--dur-slow: 300ms;

	/* Typografie */
	--font-display: 'Anton', 'Arial Narrow', sans-serif;
	--font-accent: 'Barlow Condensed', sans-serif;
	--font-body: 'Public Sans', system-ui, -apple-system, sans-serif;

	/* Layout */
	--container-w: 1240px;
	--section-pad: clamp(4rem, 3rem + 5vw, 7.5rem);
	--gap: 1.5rem;
}

@supports (color: oklch(0.5 0.1 25)) {
	:root {
		--color-primary: var(--color-primary-oklch);
		--color-primary-dark: var(--color-primary-dark-oklch);
		--color-primary-soft: var(--color-primary-soft-oklch);
	}
}

*,
*::before,
*::after {
	box-sizing: border-box;
}