/**
 * Broadstone design tokens.
 *
 * Keep these values aligned with theme.json. Component styles must consume
 * tokens rather than introduce one-off colours or spacing values.
 */

:root {
	--btc-user-scale: 1;
	--btc-colour-primary: #123f32;
	--btc-colour-primary-strong: #0b2f25;
	--btc-colour-secondary: #4e7c59;
	--btc-colour-gold: #c79a4b;
	--btc-colour-cream: #f7f4ec;
	--btc-colour-white: #ffffff;
	--btc-colour-text: #1f2d27;
	--btc-colour-muted: #5f6f67;
	--btc-colour-border: #dde5df;
	--btc-colour-info: #eaf2ed;
	--btc-colour-success: #2f6848;
	--btc-colour-warning: #fff4d7;
	--btc-colour-error: #9f1d20;
	--btc-colour-error-soft: #fff1f1;
	--btc-colour-focus: #005fcc;
	--btc-colour-surface: #ffffff;
	--btc-colour-surface-subtle: #f1f3ef;
	--btc-colour-overlay: rgb(5 25 18 / 72%);

	--btc-font-display: "Source Serif 4", Lora, Merriweather, Georgia, serif;
	--btc-font-interface: "Source Sans 3", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--btc-step--1: 0.875rem;
	--btc-step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	--btc-step-1: clamp(1.125rem, 1.08rem + 0.3vw, 1.25rem);
	--btc-step-2: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
	--btc-step-3: clamp(1.75rem, 1.45rem + 1.4vw, 2.5rem);
	--btc-step-4: clamp(2.125rem, 1.7rem + 2vw, 3.25rem);
	--btc-step-5: clamp(2.375rem, 1.75rem + 3vw, 4rem);

	--btc-space-2xs: 0.25rem;
	--btc-space-xs: 0.5rem;
	--btc-space-sm: 1rem;
	--btc-space-sm-md: 1.25rem;
	--btc-space-md: 1.5rem;
	--btc-space-lg: 2rem;
	--btc-space-xl: clamp(2.5rem, 2rem + 2vw, 4rem);
	--btc-space-2xl: clamp(3.5rem, 2.5rem + 4vw, 6rem);

	--btc-content-narrow: 48rem;
	--btc-content-standard: 60rem;
	--btc-content-wide: 80rem;
	--btc-content-max: 90rem;
	--btc-gutter: clamp(1rem, 0.5rem + 2vw, 2rem);
	--btc-radius-sm: 0.25rem;
	--btc-radius-md: 0.5rem;
	--btc-radius-lg: 1rem;
	--btc-border-width: 1px;
	--btc-shadow-card: 0 0.25rem 1.5rem rgb(18 63 50 / 10%);
	--btc-shadow-raised: 0 0.75rem 2.5rem rgb(11 47 37 / 16%);
	--btc-control-height: 2.875rem;
	--btc-touch-target: 2.75rem;
	--btc-header-height: 5rem;
	--btc-utility-height: 2.25rem;
	--btc-z-header: 50;
	--btc-transition: 180ms ease;
}
