/*
 * Site-wide brand font: Geist.
 * Headings Medium (500), body Regular (400), buttons Medium (500).
 * Linked on every page right after template_app.min.css, so these theme
 * variables override the HubSpot theme's Modern Era settings.
 * Modern Era stays as the fallback while Geist loads.
 */
@font-face {
	font-family: "Geist";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/assets/fonts/geist/geist-latin-wght-normal.woff2") format("woff2");
}

:root {
	--body-font-family: "Geist", "Modern Era", sans-serif;
	--body-font-weight: 400;
	--heading-font-family: "Geist", "Modern Era", sans-serif;
	--heading-font-weight: 500;
	--button-font-family: "Geist", "Modern Era", sans-serif;
	--button-font-weight: 500;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: var(--heading-font-weight);
}

/* The theme sets bold text to "bolder" than its parent. With Modern Era
   (max 700) that capped at bold; Geist goes up to 900, so bold text inside
   already-bold elements (like the menu) turned Black. Pin it at SemiBold. */
b, strong {
	font-weight: 600;
}

/* Geist runs slightly wider than Modern Era. In four-column card grids
   (such as Pricing), trim button side padding so labels stay on one line. */
.desktop\:grid--4 .card .button {
	padding-left: 16px;
	padding-right: 16px;
}