:root {
	/* ==========================================================================
	   Brand tokens — Berges Family Foundation (from live Enfold + child CSS)
	   Raw brand values only. Components consume mapped.css, not these.
	   ========================================================================== */

	/* Color — primary palette */
	--brand-color-green: #009548;
	--brand-color-green-bright: #16a858;
	--brand-color-green-deep: #03843d;
	--brand-color-orange: #ff9222;
	--brand-color-orange-hover: #ff7915;
	--brand-color-blue: #00abe0;
	--brand-color-navy: #133990;
	/* Site “purple” accent (deep indigo / navy used on STEM + form success) */
	--brand-color-purple: #133990;

	/* Color — neutrals */
	--brand-color-white: #ffffff;
	--brand-color-ink: #222222;
	--brand-color-body: #444444;
	--brand-color-muted: #999999;
	--brand-color-meta: #aaaaaa;
	--brand-color-subtle: #cccccc;
	--brand-color-border: #d3d3d3;
	--brand-color-surface: #f1f1f1;
	--brand-color-placeholder: #cfd4db;
	--brand-color-black: #000000;

	/* Typography — live site: Merriweather headings, Lato UI/body; Cormorant available */
	--brand-font-merriweather: "Merriweather", Georgia, "Times New Roman", serif;
	--brand-font-lato: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--brand-font-cormorant: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--brand-font-display: var(--brand-font-merriweather);
	--brand-font-body: var(--brand-font-lato);
	--brand-font-ui: var(--brand-font-lato);

	--brand-font-weight-light: 300;
	--brand-font-weight-regular: 400;
	--brand-font-weight-medium: 500;
	--brand-font-weight-semibold: 600;
	--brand-font-weight-bold: 700;

	/* Type scale (from child style.css + Enfold defaults) */
	--brand-font-size-h1: 70px;
	--brand-font-size-h1-tablet: 48px;
	--brand-font-size-h2: 40px;
	--brand-font-size-h3: 28px;
	--brand-font-size-h4: 22px;
	--brand-font-size-h5: 24px;
	--brand-font-size-body: 16px;
	--brand-font-size-intro: 24px;
	--brand-font-size-button: 14px;
	--brand-font-size-button-sm: 12px;
	--brand-font-size-nav: 15px;
	--brand-font-size-meta: 13px;

	--brand-line-height-h1: 75px;
	--brand-line-height-h5: 30px;
	--brand-line-height-body: 1.65;
	--brand-line-height-intro: 44px;
	--brand-letter-spacing-display: 0.03em;

	/* Space */
	--brand-space-4: 4px;
	--brand-space-8: 8px;
	--brand-space-12: 12px;
	--brand-space-16: 16px;
	--brand-space-20: 20px;
	--brand-space-24: 24px;
	--brand-space-40: 40px;
	--brand-space-64: 64px;

	/* Layout / chrome */
	--brand-radius-button: 4px;
	--brand-radius-cta: 5px;
	--brand-border-width: 1px;
	--brand-layout-max: 1140px;
}