/*
 * Typography — Oswald (display, condensed, uppercase) + Montserrat (body/UI).
 * theme.json already maps heading/button families + sizes; this fine-tunes
 * rhythm and the utility type classes patterns lean on.
 */

body {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--base);
	line-height: 1.6;
}

:is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.05;
	letter-spacing: 0.005em;
	color: var(--fd-navy-900);
	text-wrap: balance;
}
/* Display moments (hero, section titles) read more premium at a lighter condensed
   weight + tighter tracking. Hierarchy comes from weight/tracking/color, not raw
   scale alone — the MarineMax lesson. Sub-heads keep the heavier, tighter-tracked
   weight; small headings get a touch more leading + tracking for legibility. */
:is(h1, h2) { font-weight: 500; letter-spacing: 0; line-height: 0.98; }
:is(h4, h5, h6) { line-height: 1.12; letter-spacing: 0.02em; }

p { line-height: 1.65; }
.fd-lead { font-size: var(--wp--preset--font-size--xl); line-height: 1.5; color: var(--fd-ink-500); }

/* Numeric/spec values read cleaner in tabular mono — used on cards + spec sheets. */
.fd-tabular { font-variant-numeric: tabular-nums; }
.fd-mono { font-family: var(--wp--preset--font-family--mono); }

/* Big price display. */
.fd-price {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	color: var(--fd-navy-900);
	letter-spacing: 0;
	font-variant-numeric: tabular-nums;
}
.fd-price--was {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 500;
	color: var(--fd-ink-500);
	text-decoration: line-through;
}
.fd-price--save { color: var(--fd-orange-700); font-weight: 700; }