:root {
	/* ---------- Palette ---------- */
	--color-near-white: #FAF7F2;  /* text on dark backgrounds */
	--color-ivory:      #F4EFE4;  /* page background */
	--color-gunmetal:   #1A2028;  /* primary text / dark panels */
	--color-sage:       #6B7A5C;  /* primary accent */
	--color-grass:      #97B368;  /* logo secondary tone */
	--color-ochre:      #C49A3C;  /* accent */
	--color-brick:      #9B4535;  /* accent */
	--color-ember:      #C4622D;  /* accent */
	--color-slate:      #2E7EA8;  /* interactive elements / links */

	/* ---------- Typography ---------- */
	--font-display: "Caveat", cursive;
	--font-body:    -apple-system, BlinkMacSystemFont, "SF Pro Text",
	                "SF Pro Display", "source-sans-3", "Source Sans 3",
	                "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-mono:    "DM Mono", "SF Mono", "Fira Mono", monospace;

	/* Type scale */
	--fs-h1:   clamp(36px, 5vw,   64px);
	--fs-h2:   clamp(28px, 3.5vw, 48px);
	--fs-h3:   clamp(20px, 2vw,   28px);
	--fs-body: 17px;
	--fs-ui:   14px;
	--fs-mono: 13px;

	--fw-body:    400;
	--fw-ui:      500;
	--fw-display: 700;

	--lh-tight:  1.15;
	--lh-body:   1.55;

	/* ---------- Layout ---------- */
	--content-padding:           calc(50% - 720px);
	--section-padding-v-desktop: 80px;
	--section-padding-v-tablet:  60px;
	--section-padding-v-mobile:  40px;

	/* ---------- Z-index stack ---------- */
	--z-footer:  -1;
	--z-base:     0;
	--z-content:  1;
	--z-nav:      2;
	--z-float:    2;
	--z-overlay:  4;
	--z-modal:    5;
}