@font-face {
    font-family: GT America;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/neo/gt-america-regular.woff2") format("woff2");
}

@font-face {
    font-family: GT America;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/neo/gt-america-medium-wide.woff2") format("woff2");
}

@font-face {
    font-family: GT America;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/neo/gt-america-medium.woff2") format("woff2");
}

@font-face {
    font-family: GT America;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/neo/gt-america-bold.woff2") format("woff2");
}

:root {
    --base-fontface-title: GT America, sans-serif;
    --base-fontface-body: GT America, sans-serif;
    --base-fontface-button: GT America, sans-serif;

    --base-color-canvas: #FFFFFF;

    --base-color-inverse: #FFFFFF;
    --base-color-on-inverse: #333333;
    --base-color-on-inverse-muted: #333333;
    --base-color-on-inverse-title: #333333;

    --base-color-link: #333333;
    --base-color-link-hover: #297B6A;
    --base-color-link-active: #297B6A;
    --base-color-link-visited: #297B6A;

    --base-color-brand-primary: #36A18B;
    --base-color-brand-primary-hover: #297B6A;
    --base-color-brand-primary-active: #297B6A;
    --base-color-brand-primary-border: #308E7B;
    --base-color-brand-primary-border-hover: #206053;
    --base-color-on-brand-primary: #000000;
    --base-color-on-brand-primary-hover: #FFFFFF;

    --base-color-brand-secondary: #CCE3DA;
    --base-color-brand-secondary-hover: #ABD1C2;
    --base-color-brand-secondary-active: #ABD1C2;
    --base-color-brand-secondary-border: #BCDACE;
    --base-color-brand-secondary-border-hover: #94C4B1;
    --base-color-on-brand-secondary: #000000;
    --base-color-on-brand-secondary-hover: #000000;

    --base-color-brand-outline: transparent;
    --base-color-brand-outline-hover: #36A18B;
    --base-color-brand-outline-active: #297B6A;
    --base-color-brand-outline-border: #36A18B;
    --base-color-brand-outline-border-hover: #36A18B;
    --base-color-on-brand-outline: #000000;
    --base-color-on-brand-outline-hover: #000000;

    --base-color-graph: #36A18B;
        
    --base-radius-interactive: 0.5rem;
    --base-radius-surface: 0.375rem;

    --sds-header-link-fg-hover: var(--base-color-on-surface);

    --sds-hero-img-visibility: none;
    --sds-hero-bg: #2b697a;
}