@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/inter-regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/inter-italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/inter-500.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/inter-500-italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/inter-600.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/inter-600-italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/inter-700.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/inter-700-italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--header-font), sans-serif !important;
    color: var(--header-color) !important;
    font-weight: 500;
    line-height: 1.2em;
}

.page-title {
    font-size: 1.5rem;
    font-weight: 600;
}

a.primary-link, button.primary-link {
    color: var(--primary-color) !important;
    text-decoration: none;
}

a.primary-link:hover, button.primary-link:hover {
    color: var(--primary-link-hover) !important;
    text-decoration: underline;
}

a.secondary-link, button.secondary-link {
    color: var(--secondary-color);
    text-decoration: none;
}

a.secondary-link:hover, button.secondary-link:hover {
    color: var(--secondary-link-hover);
    text-decoration: none;
}

.text-small {
    font-size: 0.8rem;
}

.fs-xxl {
    font-size: 3.25rem;
}