:root {
	--font-ui: "Fahkwang", sans-serif;
	--font-display: "Fahkwang", sans-serif;
	--font-accent: "Fahkwang", sans-serif;

	--font-size-base: 16px;
	--font-size-menu: 17px;
	--font-size-h1: clamp(3.5rem, 7vw, 78px);
	--font-size-h2: clamp(2.25rem, 4vw, 42px);
	--font-size-h3: clamp(1.75rem, 2vw, 28px);

	--line-height-paragraph: 1.6;
	--line-height-headings: 1.15;

	--color-primary: #92a89e;
	--color-primary-dark: #1f4a3d;
	--color-secondary: #d6eae4;
	--color-background-base: #fcfcfc;
	--color-background-alt: #b9d9d1;
	--color-surface: #ffffff;
	--color-surface-muted: #f3f7f5;
	--color-text-primary: #4c6c5e;
	--color-text-secondary: #748d83;
	--color-border: rgba(31, 74, 61, 0.08);
	--color-hover-text: #1f4a3d;
	--color-hover-accent: #92a89e;
	--color-hover-contrast: #d6eae4;
	--color-hover-surface-dark: rgba(255, 255, 255, 0.08);
	--color-hover-border-dark: rgba(255, 255, 255, 0.42);
	--color-hover-surface-light: #ffffff;
	--color-hover-on-light: #1f4a3d;
	--radius-hover-pill: 35px;

	--container-max: 1280px;
	--container-narrow: 880px;
	--padding-desktop: 32px;
	--padding-tablet: 24px;
	--padding-mobile: 16px;
	--section-gap: 80px;

	--radius-base: 8px;
	--radius-lg: 24px;
	--shadow-card: 0 8px 24px rgba(0, 0, 0, 0.08);
	--shadow-soft: 0 18px 44px rgba(31, 74, 61, 0.1);

	--header-height: 90px;
	--header-logo-max-height: 120px;
	--transition-base: 180ms ease;
}

@media (max-width: 1024px) {
	:root {
		--header-height: 92px;
		--header-logo-max-height: 56px;
		--section-gap: 64px;
	}
}

@media (max-width: 782px) {
	:root {
		--header-height: 84px;
		--header-logo-max-height: 104px;
		--section-gap: 56px;
	}
}