/* Design tokens. These are the defaults (light); each site overrides them in
   its own theme.css. */
:root {
	--color-bg: #ffffff;
	--color-surface: #f5f5f4;
	--color-text: #1c1c1c;
	--color-muted: #6b6b6b;
	--color-border: #e3e3e0;
	--color-accent: #1c1c1c;
	--color-on-accent: #ffffff;
	--color-link: var(--color-accent);
	--hero-overlay: #000000;

	--header-bg: rgba(255, 255, 255, 0.88);
	--footer-bg: #1c1c1c;
	--footer-text: #e9e9e9;
	--logo-filter: none;

	--font-body: 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-heading: var(--font-body);

	--header-height: 4.5rem;
	--logo-height: 2.75rem;
	--container-width: 75rem;
	--gutter: clamp(1rem, 4vw, 2rem);

	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 1rem;
	--space-4: 1.5rem;
	--space-5: 3rem;
	--section-gap: clamp(2rem, 1rem + 4vw, 4rem);
	--measure: 65ch;
	--radius: 0.25rem;
}