/* FLORESVILLE ISD EDUCATION FOUNDATION typography.
   Display headings = Playfair Display (elegant serif, echoes fisd.us); everything else =
   Inter (clean sans, matches the FISD Neue-Haas/Inter stack). Both load from Google Fonts
   in header.php. Deliberately NOT a tilted-chair build (no FatFrank / Vinyl / Figtree). */

body {
	font-family: "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
	font-weight: var(--font-weight-normal);
	line-height: var(--leading-normal);
	position: relative;
	font-optical-sizing: auto;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
	font-weight: var(--font-weight-bold);
	line-height: var(--leading-snug);
	margin-block-start: .75rem;
	margin-block-end: .75rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Display headings + mark: clean sans (Inter), matching fisd.us primary type */
h1, h2, .h1, .h2, mark {
	font-family: "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--tracking-tight);
}
mark { background: transparent; color: inherit; }

h1 em, h2 em, h3 em, h4 em,
.h1 em, .h2 em, .h3 em, .h4 em { font-style: italic; }

h1, .h1 { font-size: clamp(var(--text-min-h1), 4vw, var(--text-max-h1)); }
h2, .h2 { font-size: clamp(var(--text-min-h2), 4vw, var(--text-max-h2)); }
h3, .h3 { font-size: clamp(var(--text-min-h3), 4vw, var(--text-max-h3)); }
h4, .h4 { font-size: clamp(var(--text-min-h4), 4vw, var(--text-max-h4)); }
h5, .h5 { font-size: var(--text-h5); }
h6, .h6 { font-size: var(--text-h6); }

p { margin-block-start: .5rem; margin-block-end: .5rem; font-size: var(--text-p); }

.p, .tagline, .eyebrow { margin-block-start: .5rem; margin-block-end: .5rem; font-size: var(--text-p); }

.h5, .h6, .p {
	font-family: "Inter", system-ui, -apple-system, sans-serif;
	font-weight: var(--font-weight-normal);
	line-height: var(--leading-normal);
	padding: 0;
	margin: 0;
}

.tagline, .eyebrow {
	font-family: "Inter", system-ui, -apple-system, sans-serif;
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: var(--leading-snug);
	font-size: var(--text-p-sm);
	color: var(--color-gold);
	padding: 0;
	margin: 0;
}