/* Bethel design tokens — values taken from Figma file h7aLo0QyjRDhBGgRoP98uK.
   Figma frames are 1713px captures of a 1440px layout; sizes below are normalised to that layout. */
:root {
	/* Colour — neutrals (Figma zinc scale) */
	--c-ink: #0a0a0a;
	--c-body: #52525b;
	--c-muted: #71717a;
	--c-faint: #a1a1aa;
	--c-line: #e4e4e7;
	--c-surface: #ffffff;
	--c-surface-alt: #fafafa;
	--c-surface-sunk: #f4f4f5;

	/* Colour — accent (Figma sky scale) */
	--c-accent: #0ea5e9;
	--c-accent-strong: #0284c7;
	--c-accent-ink: #075985;
	--c-accent-soft: #e0f2fe;
	--c-accent-tint: rgba(14, 165, 233, 0.12);
	--c-accent-light: #7dd3fc;
	--c-on-accent-light: #06202e;
	--c-on-accent: #ffffff;

	/* Colour — dark surfaces */
	--c-night: #0a0a0a;
	--c-night-text: #d4d4d8;
	--c-band-from: #041a2a;
	--c-band-to: #0b3350;
	--c-band-text: #bad5e6;

	/* Type */
	--f-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--f-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
	--f-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	--fs-display: clamp(2.75rem, 1.6rem + 4.6vw, 5.5rem);
	--fs-h1: clamp(2.4rem, 1.5rem + 3.4vw, 4rem);
	--fs-h2: clamp(2rem, 1.35rem + 2.5vw, 3.35rem);
	--fs-h3: clamp(1.5rem, 1.2rem + 1.1vw, 2.2rem);
	--fs-h4: clamp(1.2rem, 1.08rem + 0.45vw, 1.45rem);
	--fs-lead: clamp(1.05rem, 0.98rem + 0.3vw, 1.2rem);
	--fs-body: 1rem;
	--fs-small: 0.9rem;
	--fs-label: 0.72rem;
	--lh-tight: 1.05;
	--lh-head: 1.15;
	--lh-body: 1.65;
	--track-tight: -0.035em;
	--track-label: 0.18em;

	/* Space */
	--s-1: 0.25rem;
	--s-2: 0.5rem;
	--s-3: 0.75rem;
	--s-4: 1rem;
	--s-5: 1.5rem;
	--s-6: 2rem;
	--s-7: 3rem;
	--s-8: 4rem;
	--s-9: 6rem;
	--section-y: clamp(4rem, 2.5rem + 5vw, 7.5rem);
	--container: 1292px;
	--gutter: clamp(1.25rem, 0.6rem + 2.6vw, 3rem);

	/* Shape */
	--r-xs: 4px;
	--r-sm: 7px;
	--r-md: 9px;
	--r-lg: 11px;
	--r-xl: 16px;
	--r-pill: 999px;
	--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.05);
	--shadow-lift: 0 18px 40px rgba(0, 0, 0, 0.18);
	--ease: cubic-bezier(0.2, 0.7, 0.2, 1);

	color-scheme: light;
}

:root[data-theme="dark"] {
	--c-ink: #f4f4f5;
	--c-body: #b4b4bc;
	--c-muted: #8e8e97;
	--c-faint: #71717a;
	--c-line: #27272a;
	--c-surface: #0c0c0e;
	--c-surface-alt: #131316;
	--c-surface-sunk: #1a1a1e;
	--c-accent-ink: #7dd3fc;
	--c-accent-soft: rgba(14, 165, 233, 0.16);
	--c-night: #000000;
	--shadow-card: 0 1px 2px rgba(0, 0, 0, 0.6);
	color-scheme: dark;
}