:root {
	/* Typography. The Adobe family is loaded by the theme with system fallbacks. */
	--bh-font-sans: "neue-haas-grotesk-text", "Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--bh-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	--bh-font-weight-regular: 400;
	--bh-font-weight-medium: 500;
	--bh-font-weight-semibold: 600;
	--bh-font-weight-bold: 700;
	--bh-font-size-meta: 0.75rem;
	--bh-font-size-small: 0.875rem;
	--bh-font-size-body: 1rem;
	--bh-font-size-lead: 1.125rem;
	--bh-font-size-h4: 1.25rem;
	--bh-font-size-h3: clamp(1.375rem, 1.15rem + 0.8vw, 1.75rem);
	--bh-font-size-h2: clamp(1.75rem, 1.35rem + 1.4vw, 2.5rem);
	--bh-font-size-h1: clamp(2.25rem, 1.7rem + 2vw, 3.5rem);
	--bh-font-size-display: clamp(2.75rem, 2rem + 3vw, 5rem);
	--bh-line-height-tight: 1.1;
	--bh-line-height-heading: 1.2;
	--bh-line-height-body: 1.65;
	--bh-letter-spacing-display: -0.025em;
	--bh-letter-spacing-label: 0.12em;

	/* Semantic colors. */
	--bh-color-bg: #ffffff;
	--bh-color-surface: #faf7f2;
	--bh-color-surface-alt: #f3ece3;
	--bh-color-text: #111827;
	--bh-color-text-muted: #69645e;
	--bh-color-border: #ded8d0;
	--bh-color-navy: #111827;
	--bh-color-navy-deep: #0e111d;
	--bh-color-accent: #ff5937;
	--bh-color-accent-hover: #e7492b;
	--bh-color-action: #2563eb;
	--bh-color-action-hover: #1d4ed8;
	--bh-color-success: #067647;
	--bh-color-warning: #b54708;
	--bh-color-error: #b42318;
	--bh-color-focus: #04adff;
	--bh-color-white: #ffffff;

	/* Spacing scale. */
	--bh-space-1: 0.25rem;
	--bh-space-2: 0.5rem;
	--bh-space-3: 0.75rem;
	--bh-space-4: 1rem;
	--bh-space-5: 1.5rem;
	--bh-space-6: 2rem;
	--bh-space-8: 3rem;
	--bh-space-10: 4rem;
	--bh-space-12: 5rem;
	--bh-space-14: 6rem;

	/* Layout. */
	--bh-width-content: 47.5rem;
	--bh-width-small: 58.625rem;
	--bh-width-wide: 87.5rem;
	--bh-page-gutter: clamp(1rem, 4vw, 3rem);
	--bh-section-space: clamp(3rem, 7vw, 6rem);
	--bh-grid-gap: clamp(1.25rem, 3vw, 2rem);

	/* UI. */
	--bh-border-width: 1px;
	--bh-border-width-bold: 0.25rem;
	--bh-radius-small: 0.25rem;
	--bh-radius-medium: 0.5rem;
	--bh-radius-round: 999px;
	--bh-shadow-soft: 0 0.75rem 2rem rgb(5 10 44 / 12%);
	--bh-shadow-offset: 0.5rem 0.5rem 0 var(--bh-color-accent);
	--bh-transition-fast: 160ms ease;
	--bh-transition-standard: 240ms ease;
	--bh-focus-ring: 0 0 0 3px var(--bh-color-bg), 0 0 0 6px var(--bh-color-focus);

	/* Layering reserved for future interactive components. */
	--bh-z-header: 20;
	--bh-z-drawer: 40;
	--bh-z-overlay: 60;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--bh-transition-fast: 0ms;
		--bh-transition-standard: 0ms;
	}
}