/* ==========================================================================
   Safe & Cozy — design tokens
   Every value the rest of the sheets consume lives here. When these move into
   the WordPress build these become the single place Redux/WPBakery writes to.
   ========================================================================== */

/* Declared on :root as well as .sc-page so the values always resolve — a
   custom property is inert until something references it, so this cannot
   affect the rest of the site. The scoped rules stay on .sc-page. */
:root,
.sc-page {
	/* --- Brand ------------------------------------------------------------ */
	--sc-green-900: #14452f; /* headings, icon circles, primary button      */
	--sc-green-800: #1d4630; /* CTA + footer band                           */
	--sc-green-700: #1b5e3f; /* primary button hover                        */
	--sc-teal-600: #1a7a72; /* secondary icon circle                        */
	--sc-gold-500: #c2922e; /* accent: rules, gold button, gold icon circle */
	--sc-gold-600: #a97c22; /* gold button hover                            */

	/* --- Neutrals --------------------------------------------------------- */
	--sc-ink: #1b1b1b;
	--sc-body: #55565a;
	--sc-muted: #6e7076;
	--sc-line: #e4e2da;
	--sc-line-soft: #edebe4;
	--sc-cream: #f7f5ef;
	--sc-surface: #fff;

	/* --- On-dark ---------------------------------------------------------- */
	--sc-on-dark: #fff;
	--sc-on-dark-soft: #d6e2d8;
	--sc-on-dark-line: rgb(255 255 255 / 16%);

	/* --- Type ------------------------------------------------------------- */
	--sc-font: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif;

	--sc-fs-h1: clamp(36px, 21.6px + 2.8vw, 56px); /* 36 → 56 */
	--sc-fs-h2: clamp(24px, 17.6px + 1.25vw, 34px); /* 24 → 34 */
	--sc-fs-h3: clamp(18px, 16.32px + 0.33vw, 20px); /* 18 → 20 */
	--sc-fs-h4: 17px; /* 17 */
	--sc-fs-lead: clamp(16px, 15.2px + 0.2vw, 17px);
	--sc-fs-body: 16px;
	--sc-fs-sm: 15px; /* 15   */
	--sc-fs-xs: 14px; /* 14   */

	--sc-lh-tight: 1.1;
	--sc-lh-snug: 1.28;
	--sc-lh-body: 1.62;

	/* --- Space ------------------------------------------------------------ */
	--sc-space-1: 4px;
	--sc-space-2: 8px;
	--sc-space-3: 12px;
	--sc-space-4: 16px;
	--sc-space-5: 20px;
	--sc-space-6: 24px;
	--sc-space-8: 32px;
	--sc-space-10: 40px;
	--sc-space-12: 48px;
	--sc-space-16: 64px;

	/* Vertical rhythm between page sections. Deliberately tight — the comp
	   runs a dense rhythm and loosening it drifts the whole page. */
	--sc-section-y: clamp(24px, 18.4px + 1.4vw, 30px);

	/* --- Shape ------------------------------------------------------------ */
	--sc-radius-sm: 8px;
	--sc-radius-md: 10px;
	--sc-radius-lg: 12px;
	--sc-radius-xl: 16px;
	--sc-radius-pill: 999px;

	--sc-shadow-card: 0 1px 2px rgb(20 40 30 / 4%), 0 6px 18px rgb(20 40 30 / 6%);
	--sc-shadow-card-hover: 0 2px 4px rgb(20 40 30 / 6%),
		0 14px 32px rgb(20 40 30 / 11%);
	--sc-shadow-bar: 0 4px 24px rgb(20 40 30 / 12%);

	/* --- Layout ----------------------------------------------------------- */
	--sc-container: 1170px;
	--sc-gutter: clamp(16px, 8.8px + 1.6vw, 24px);
	--sc-grid-gap: clamp(16px, 9.6px + 1.2vw, 24px);

	/* --- Motion ----------------------------------------------------------- */
	--sc-ease: cubic-bezier(0.32, 0.72, 0.3, 1);
	--sc-dur: 0.22s;
}