/**
 * Bluerizon design tokens — generated from design-tokens.json (Skincare theme).
 * Themes may override any variable; the builder inspector reads this palette.
 */
:root {
	/* Brand */
	--bz-sage: #728988;
	--bz-sage-dark: #506C61;
	--bz-slate: #414F4E;
	--bz-gold: #AA6A04;
	--bz-ink: #2A2A2A;

	/* Surfaces */
	--bz-cream: #F4F1ED;
	--bz-cream-soft: #F9F8F7;
	--bz-linen: #F2EDE8;
	--bz-sand: #E9DCC5;
	--bz-footer: #D8D0C5;
	--bz-white: #FFFFFF;

	/* Text */
	--bz-text: var(--bz-ink);
	--bz-text-secondary: #666666;
	--bz-text-muted: #999999;
	--bz-text-on-dark: #FFFFFF;

	/* UI */
	--bz-border: #DDDDDD;
	--bz-border-strong: var(--bz-ink);

	/* Typography — Montserrat only (decision 2026-07) */
	--bz-font: 'Montserrat', system-ui, sans-serif;
	--bz-font-display: 'Montserrat', system-ui, sans-serif;
	--bz-display-weight: 900;

	--bz-fs-display-xl: clamp(48px, 5vw, 72px);
	--bz-fs-display-lg: clamp(36px, 3.5vw, 56px);
	--bz-fs-h2: clamp(24px, 2.2vw, 32px);
	--bz-fs-h3: 18px;
	--bz-fs-body: 15px;
	--bz-fs-caption: 12px;

	/* Layout */
	--bz-container: 1320px;
	--bz-container-narrow: 760px;
	--bz-section-y: clamp(64px, 8vw, 120px);
	--bz-grid-gap: 24px;
	--bz-radius: 0px; /* the design is deliberately square */
}