/**
 * FnF Design Tokens
 * Scoped to homepage IDs (8207 draft + 169 live) to avoid leaking
 * to product/blog templates. Every zone partial reads from here.
 */

body.page-id-8207,
body.page-id-169 {
	--fnf-primary:      #568f31; /* leaf green — CTAs, active states */
	--fnf-primary-dark: #3f6a24;
	--fnf-accent:       #c8943e; /* honey gold — coupon chips, price highlights */
	--fnf-cream:        #faf5eb; /* off-white card + section backgrounds */
	--fnf-ink:          #1a1a1a; /* body text */
	--fnf-muted:        #5a5a5a; /* subtext */
	--fnf-hairline:     #e8e2d4; /* card border */

	--fnf-shadow-sm:    0 2px 6px rgba(26,26,26,.05);
	--fnf-shadow-md:    0 8px 20px rgba(26,26,26,.08);

	--fnf-radius:       16px;
	--fnf-radius-pill:  999px;
	--fnf-gutter:       clamp(16px, 3vw, 32px);

	--fnf-font-display: 'Barlow', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Barlow typography refinement — enable OpenType features for crisp rendering:
 * kern = kerning pairs (default on but explicit)
 * liga = standard ligatures (fi, fl, ffl)
 * calt = contextual alternates (letter-pair swaps)
 * ss01 = stylistic set 1 (Barlow's alt-a with straight stem — cleaner) */
body.page-id-8207,
body.page-id-169,
body.page-id-8207 h1, body.page-id-8207 h2, body.page-id-8207 h3, body.page-id-8207 h4,
body.page-id-169  h1, body.page-id-169  h2, body.page-id-169  h3, body.page-id-169  h4,
body.page-id-8207 p, body.page-id-8207 a, body.page-id-8207 button, body.page-id-8207 span,
body.page-id-169  p, body.page-id-169  a, body.page-id-169  button, body.page-id-169  span {
	font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'ss01' 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Shared eyebrow + section-heading utility — used by all zones */
body.page-id-8207 .fnf-eyebrow,
body.page-id-169  .fnf-eyebrow {
	display: block;
	color: var(--fnf-primary);
	font: 600 11px/1 var(--fnf-font-display);
	letter-spacing: .22em;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 12px;
}

body.page-id-8207 .fnf-h2,
body.page-id-169  .fnf-h2 {
	font: 700 24px/1.15 var(--fnf-font-display);
	letter-spacing: -.02em;
	color: var(--fnf-ink);
	text-align: center;
	margin: 0 0 8px;
}

@media (min-width: 768px)  {
	body.page-id-8207 .fnf-h2, body.page-id-169 .fnf-h2 { font-size: 30px; }
}
@media (min-width: 1024px) {
	body.page-id-8207 .fnf-h2, body.page-id-169 .fnf-h2 { font-size: 36px; }
	body.page-id-8207 .fnf-eyebrow, body.page-id-169 .fnf-eyebrow { font-size: 12px; }
}