/*
 * BIO ZAHN brand tokens from the supplied homepage concept and CI reference.
 * Keep brand colours and type choices centralized here.
 */
:root {
	--bz-forest: #293a30;
	--bz-deep: #1d3027;
	--bz-gold: #8b7044;
	--bz-ivory: #f4f0e8;
	--bz-sand: #e8e0d4;
	--bz-ink: #28332e;
	--bz-sage: #a3aa9a;
	--bz-header-border: #d9d0c3;
	--bz-accent-dark: #756039;
	--bz-light-muted: #e5e7df;
	--bz-hero-fallback: #e5d9cb;
	--bz-gold-hover: #755d38;
	--bz-card-border: #cdc3b4;
	--bz-card-background: #f8f5ef;
	--bz-card-muted: #d8ded5;
	--bz-muted-ink: #535a53;
	--bz-product-fallback: #d9cabb;
	--bz-copy-light: #e0e4dc;
	--bz-footer-background: #182b22;
	--bz-footer-text: #d9dfd7;
	--bz-gold-light: #e2d2af;
	/* Darker success green so Tutor's completion badges and dates reach 4.5:1 on ivory. */
	--bz-success: #2e6343;
	--bz-forest-overlay: rgba(29, 48, 39, 0.18);
	--bz-button-ink: #f8f5ef;
	/* RGB triplets for plugin variables that are used inside rgba(). Keep in sync with the hex values above. */
	--bz-forest-rgb: 41, 58, 48;
	--bz-gold-rgb: 139, 112, 68;
	--bz-success-rgb: 46, 99, 67;
	/* Aliases retain the variable names used by the supplied concept CSS. */
	--forest: var(--bz-forest);
	--deep: var(--bz-deep);
	--gold: var(--bz-gold);
	--ivory: var(--bz-ivory);
	--sand: var(--bz-sand);
	--ink: var(--bz-ink);
	--sage: var(--bz-sage);

	--bz-font-ui: "Montserrat", Arial, sans-serif;
	--bz-font-editorial: "Cormorant Garamond", Georgia, serif;

	--bz-space-1: 0.5rem;
	--bz-space-2: 1rem;
	--bz-space-3: 1.5rem;
	--bz-space-4: 2rem;
	--bz-space-5: 3rem;
	--bz-space-6: 4.5rem;
	--bz-radius-small: 2px;
	--bz-radius: 6px;
	--bz-radius-large: 14px;
	--bz-radius-button: 4px;
	--bz-radius-field: 6px;
	--bz-field-background: #fffdf9;
	--bz-content-width: 1200px;
	--bz-wide-width: 1480px;

	/* Fluid section rhythm and type scale. */
	--bz-section-y: clamp(56px, 7vw, 104px);
	--bz-gutter: clamp(20px, 4vw, 56px);
	--bz-text-display: clamp(48px, 6.4vw, 108px);
	--bz-text-h1: clamp(40px, 4.6vw, 68px);
	--bz-text-h2: clamp(34px, 3.6vw, 56px);
	--bz-text-h3: clamp(24px, 2.2vw, 32px);

	/* Elevation and motion. */
	--bz-shadow-card: 0 1px 2px rgba(29, 48, 39, .06), 0 8px 24px rgba(29, 48, 39, .08);
	--bz-shadow-lift: 0 2px 4px rgba(29, 48, 39, .08), 0 18px 40px rgba(29, 48, 39, .16);
	--bz-ease: cubic-bezier(.2, .7, .2, 1);
	--bz-speed: .28s;
}