@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/domivest/merriweather.woff2") format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/domivest/montserrat-light.woff2") format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/domivest/montserrat-regular.woff2") format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/domivest/montserrat-semibold.woff2") format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/domivest/montserrat-bold.woff2") format('woff2');
}

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

    --base-color-canvas: #F5F5F5;
    --base-color-on-canvas: #212B44;
    --base-color-on-canvas-title: #212B44;

    --base-color-on-surface: #212B44;
    --base-color-on-surface-title: #212B44;

    --base-color-inverse: #212B44;
    --base-color-on-inverse: #FFFFFF;
    --base-color-on-inverse-muted: #FFFFFF;
    --base-color-on-inverse-title: #FFFFFF;

    --base-color-link: #467A44;
    --base-color-link-hover: #212B44;
    --base-color-link-active: #212B44;
    --base-color-link-visited: #212B44;

    --base-color-brand-primary: #467A44;
    --base-color-brand-primary-hover: #335932;
    --base-color-brand-primary-active: #335932;
    --base-color-brand-primary-border: #3D6A3B;
    --base-color-brand-primary-border-hover: #264225;
    --base-color-on-brand-primary: #FFFFFF;
    --base-color-on-brand-primary-hover: #FFFFFF;

    --base-color-brand-secondary: #212B44;
    --base-color-brand-secondary-hover: #101522;
    --base-color-brand-secondary-active: #101522;
    --base-color-brand-secondary-border: #192033;
    --base-color-brand-secondary-border-hover: #05060A;
    --base-color-on-brand-secondary: #FFFFFF;
    --base-color-on-brand-secondary-hover: #FFFFFF;

    --base-color-brand-outline: transparent;
    --base-color-brand-outline-hover: #467A44;
    --base-color-brand-outline-active: #335932;
    --base-color-brand-outline-border: #467A44;
    --base-color-brand-outline-border-hover: #467A44;
    --base-color-on-brand-outline: #467A44;
    --base-color-on-brand-outline-hover: #FFFFFF;

    --base-color-graph: #467a44;

    --base-color-on-loan-part-1: #ffffff;

    --base-radius-interactive: 999px;
    --base-radius-surface: 0.625rem;
}