/*
 * Michigan Hunt and Fish design tokens (spec 6). The source of truth.
 * theme.json mirrors the palette, fonts and spacing so the block editor
 * matches the front end; tools/check-tokens.php verifies the two agree.
 * The email templates inline these same values.
 */
:root {
	/* Colors */
	--mhf-paper: #F7F5EF;          /* reading ground */
	--mhf-wheat: #E8E4D8;          /* boxes, bands, newsletter surfaces */
	--mhf-ink: #182620;            /* text, rules */
	--mhf-forest: #273A2D;         /* panels, buttons */
	--mhf-lake: #315A70;           /* labels, news, section accents */
	--mhf-olive: #536247;          /* decorative only, never small text */
	--mhf-blaze: #9C4A24;          /* subscribe buttons and update markers only */
	--mhf-white: #FFFFFF;          /* header, reverse lettering */
	--mhf-footer: #1C2B21;         /* footer ground */
	--mhf-text-2: #3A4640;         /* secondary text */
	--mhf-text-3: #5B5E55;         /* muted text, 16px and up on Wheat */
	--mhf-hairline: #CFC9B8;
	--mhf-paper-reverse: #E2DED2;  /* reverse body text on Forest and the footer */
	--mhf-gold-reverse: #E2C9A6;   /* reverse label on Forest and the footer */
	--mhf-map-water: #DCE4E6;      /* the Landmarks map: the lakes */
	--mhf-map-land: #F1EDE1;       /* the Landmarks map: Michigan (also drawn into michigan-map.svg) */
	--mhf-map-label: #6A8A99;      /* the Landmarks map: lake names */

	/* Type */
	--mhf-font-display: "Fraunces", Georgia, serif;
	--mhf-font-body: "Source Serif 4", Georgia, serif;
	--mhf-font-label: "Barlow Condensed", "Arial Narrow", sans-serif;
	--mhf-body-size: 20px;
	--mhf-body-size-phone: 19px;
	--mhf-body-leading: 1.7;
	--mhf-lead-size: clamp(40px, 7.4vw, 72px);
	--mhf-section-size: clamp(30px, 3.4vw, 36px);
	--mhf-card-size: 27px;
	--mhf-label-size: 14px;
	--mhf-label-size-sm: 12px;
	--mhf-label-size-lg: 15px;
	--mhf-label-tracking: 0.2em;
	--mhf-label-tracking-tight: 0.16em;
	--mhf-label-tracking-wide: 0.24em;

	/* Spacing scale 8, 12, 20, 30, 40, 64 */
	--mhf-space-1: 8px;
	--mhf-space-2: 12px;
	--mhf-space-3: 20px;
	--mhf-space-4: 30px;
	--mhf-space-5: 40px;
	--mhf-space-6: 64px;

	/* Layout */
	--mhf-content-max: 1320px;
	--mhf-reading-col: 760px;
	--mhf-reading-col-min: 680px;
	--mhf-gutter: clamp(20px, 4vw, 56px);
	--mhf-gutter-phone: 20px;
	--mhf-radius: 0;                /* square corners everywhere */

	/* Motion: every transition under about 400 ms, none at all under prefers-reduced-motion */
	--mhf-dur-short: 240ms;        /* page fades, reveals */
	--mhf-dur: 320ms;              /* the opener settling in */
	--mhf-dur-long: 380ms;         /* a shared element crossing pages */
	--mhf-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--mhf-rise: 12px;              /* how far an opener line rises as it settles */

	/* Ad slots (fixed heights so nothing jumps) */
	--mhf-ad-970x250-h: 250px;
	--mhf-ad-300x250-h: 250px;
}