/* Dutch Fitness design tokens. Documented in DESIGN.md. */
@font-face {
	font-family: "Archivo";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	font-stretch: 62% 125%;
	src: url("../fonts/archivo.woff2") format("woff2");
}

:root {
	--df-ink: #0e1726;
	--df-ink-2: #1d2939;
	--df-text: #1d2433;
	--df-muted: #475467;
	--df-line: #e4e7ec;
	--df-surface: #f4f6f8;
	--df-white: #fff;
	--df-accent: #ff6b1a;
	--df-accent-strong: #e2550a;
	--df-accent-soft: #fff1e8;
	--df-success: #157f3d;
	--df-danger: #b42318;

	--df-font: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--df-head-stretch: 78%;

	--df-radius-card: 12px;
	--df-radius-ctl: 8px;
	--df-shadow: 0 8px 24px rgb(14 23 38 / 0.08);

	--df-container: 1320px;
	--df-gutter: 16px;
	--df-section: 48px;
	--df-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 1024px) {
	:root {
		--df-gutter: 24px;
		--df-section: 72px;
	}
}