@font-face {
	font-family: "Bricolage Grotesque";
	src: url("../fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2-variations");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "DM Sans";
	src: url("../fonts/dm-sans-latin-wght-normal.woff2") format("woff2-variations");
	font-weight: 100 1000;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "DM Sans";
	src: url("../fonts/dm-sans-latin-wght-italic.woff2") format("woff2-variations");
	font-weight: 100 1000;
	font-style: italic;
	font-display: swap;
}

:root {
	--hd-primary: #2A5AFF;
	--hd-primary-hover: #1E46D6;
	--hd-ink: #0E1430;
	--hd-soft: #F7F8FC;
	--hd-white: #FFFFFF;
	--hd-yellow: #FFC93C;
	--hd-green: #7CE0B0;
	--hd-error: #B00020;
	/* Neutrals derived from ink for secondary text and hairlines (muted is 8:1 on white). */
	--hd-muted: #4A5170;
	--hd-line: #E3E6F0;
	--hd-font-head: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
	--hd-font-body: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
	--hd-radius-card: 18px;
	--hd-radius-pill: 999px;
	--hd-content: 1200px;
	--hd-read: 720px;
	--hd-aside: 300px;
	--hd-gap: 64px;
	--hd-sticky-top: 24px;
}