/* Design tokens.
   Palette: brand green and grey sampled from the ECOnsult logo; neutrals follow
   the warm off-white scale the reference design (Konstruktion) is built on. */

:root {
	/* Brand */
	/* #478a54 is the logo green. It measures 4.17:1 against white, which is below
	   AA for text under 18px, so --ec-green-dark carries anything small or filled
	   and the logo green is kept for large type, rules and hovers. */
	--ec-green: #478a54;
	--ec-green-dark: #36683f;
	--ec-green-light: #6aa676;
	--ec-green-wash: #eef4ef;
	--ec-grey: #7d7c81;

	/* Neutrals */
	--ec-ink: #2d2d2d;
	--ec-ink-soft: #565656;
	--ec-ink-faint: #6b6b6b; /* #8a8a8a measured 3.45:1 on white — below AA */
	--ec-white: #ffffff;
	--ec-bg-alt: #f4f4f4;
	--ec-bg-warm: #eeede9;
	--ec-line: #e2e3de;
	--ec-overlay: rgba(28, 28, 28, 0.42);

	/* Type */
	--ec-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	--ec-fs-base: 1rem;
	--ec-fs-sm: 0.875rem;
	--ec-fs-xs: 0.75rem;
	--ec-fs-lead: clamp(1.125rem, 0.95rem + 0.7vw, 1.5rem);
	--ec-fs-h1: clamp(2.75rem, 1.6rem + 4.6vw, 6rem);
	--ec-fs-h2: clamp(2rem, 1.35rem + 2.6vw, 3.5rem);
	--ec-fs-h3: clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem);
	--ec-fs-h4: clamp(1.1875rem, 1.07rem + 0.5vw, 1.5rem);
	--ec-lh-tight: 1.06;
	--ec-lh-snug: 1.22;
	--ec-lh-body: 1.65;
	--ec-ls-tight: -0.02em;
	--ec-ls-label: 0.12em;

	/* Space — a 4px-rooted scale, section rhythm is deliberately generous */
	--ec-sp-1: 0.5rem;
	--ec-sp-2: 1rem;
	--ec-sp-3: 1.5rem;
	--ec-sp-4: 2rem;
	--ec-sp-5: 3rem;
	--ec-sp-6: 4rem;
	--ec-sp-7: 6rem;
	--ec-sp-8: 8rem;
	--ec-section: clamp(4rem, 2.4rem + 6.4vw, 8.5rem);

	/* Shell */
	--ec-max: 1360px;
	--ec-gutter: clamp(1.25rem, 0.6rem + 2.6vw, 3.5rem);
	--ec-radius: 0;
	--ec-header-h: 84px;

	/* Motion — one scale for the whole theme */
	--ec-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--ec-dur: 0.45s;
	--duration-fast: 250ms;
	--ease-smooth-out: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--ec-dur: 0.01ms;
	}
}