/**
 * LopoRail — shared design tokens (Signal Black scale).
 *
 * The single source for the shared TYPE / SCALE / SPACING / RADIUS tokens used
 * by both the WordPress theme and the live tools surface. live.loporail.com
 * links this file, so its scale tokens cannot drift from the theme's.
 *
 * Colour + room identities stay per-surface: the live tools keep their own
 * departures accent; the theme keeps its room hues.
 *
 * Values mirror the theme's assets/rail.css :root — keep the two in step
 * (see tools/README.md, "Shared tokens").
 */

:root {
	/* type */
	--font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	--font-body:    -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	--font-mono:    ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, monospace;

	/* scale */
	--fs-h1:   clamp(32px, 3.4vw, 52px);
	--fs-h2:   clamp(26px, 2.8vw, 40px);
	--fs-h3:   22px;
	--fs-h4:   clamp(20px, 2.2vw, 28px);
	--fs-lead: 20px;
	--fs-body: 16px;
	--fs-meta: 12px;

	/* 8-pt spacing grid */
	--gap-sm: 12px;
	--gap-md: 20px;
	--gap-lg: 32px;
	--gap-xl: 56px;
	--gap-2xl: 96px;
	--container: 1220px;
	--gutter: 32px;
	--radius: 12px;
	--radius-lg: 24px;
	--radius-pill: 999px;
}