@font-face {
	font-family: "Alaska-Regular";
	src: url("/fonts/Alaska-Regular.otf") format("opentype");
	font-display: swap;
}

@font-face {
	font-family: "Alaska-Medium";
	src: url("/fonts/Alaska-Medium.otf") format("opentype");
	font-display: swap;
}

@font-face {
	font-family: "Alaska-MediumContrast";
	src: url("/fonts/Alaska-MediumContrast.otf") format("opentype");
	font-display: swap;
}

@font-face {
	font-family: "Alaska-LightContrast";
	src: url("/fonts/Alaska-LightContrast.otf") format("opentype");
	font-display: swap;
}

@font-face {
	font-family: "Alaska-ExpandedMedium";
	src: url("/fonts/Alaska-ExpandedMedium.otf") format("opentype");
	font-display: swap;
}

@font-face {
	font-family: "Alaska-ExpandedMediumContrast";
	src: url("/fonts/Alaska-ExpandedMediumContrast.otf") format("opentype");
	font-display: swap;
}

@font-face {
	font-family: "Alaska-Expanded";
	src: url("/fonts/Alaska-ExpandedRegular.otf") format("opentype");
	font-display: swap;
}

:root {
	--font-heading: "Alaska-MediumContrast", "Alaska-Medium", sans-serif;
	--font-body: "Alaska-LightContrast", "Alaska-Regular", sans-serif;
	--font-label: "Alaska-ExpandedMedium", "Alaska-Medium", sans-serif;
	--font-button: "Alaska-MediumContrast", "Alaska-Medium", sans-serif;
}

body {
	font-family: var(--font-body);
}

p,
li,
input,
textarea,
select {
	font-family: var(--font-body);
}

h1,
h2,
h3,
.h1,
.h2,
.h3,
.hero.hero-banner .hero-title {
	font-family: var(--font-heading);
}

h6,
.h6,
.note,
label,
.label,
.callout-eyebrow,
.hero-eyebrow {
	font-family: var(--font-label);
}

.btn,
form input[type="submit"],
.callout-btns-wrapper .callout-btn,
.site-header .header-cta-secondary,
.site-header .header-cta-primary,
.white-button,
.dark-button,
.outline-button {
	font-family: var(--font-button);
}