/* LUMIADE brand base — fonts + typography. */

@font-face {
	font-family: 'Fraunces';
	src: url('fonts/fraunces-latin-var.woff2') format('woff2-variations');
	font-weight: 300 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'InterBrand';
	src: url('fonts/inter-latin-var.woff2') format('woff2-variations');
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

/* — Base typography (supersedes legacy section 2) — */
.lumiade-storefront {
	background: var(--lumiade-paper);
	color: var(--lumiade-ink);
	font-family: var(--lumiade-font-sans);
	font-size: var(--lumiade-fs-base);
	letter-spacing: 0;
	line-height: 1.6;
}

.lumiade-storefront :where(h1, h2, h3, h4, p) {
	margin-top: 0;
	letter-spacing: 0;
}

.lumiade-storefront :where(h1, h2, h3, h4, .site-title) {
	color: var(--lumiade-ink);
	font-family: var(--lumiade-font-serif);
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.15;
	text-wrap: balance;
}

.lumiade-storefront a {
	color: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

.lumiade-storefront img {
	display: block;
	max-width: 100%;
}