:root,
html {
    --border-radius-large: 16px;
    --font-family-base: "NunitoSans","Open Sans",Helvetica,Arial,Verdana,sans-serif;
    --headings-font-family: "NunitoSans","Open Sans Condensed","Open Sans",Helvetica,Arial,Verdana,sans-serif;
    --headings-font-weight: 700;
}

@font-face {
    font-family: 'NunitoSans';
    font-weight: 400;
    font-display: swap;
    src: url('/_Resources/Static/Packages/Esn.Dna.Site/Fonts/nunito-sans-v18-latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'NunitoSans';
    font-weight: 600;
    font-display: swap;
    src: url('/_Resources/Static/Packages/Esn.Dna.Site/Fonts/nunito-sans-v18-latin-700.woff2') format('woff2');
}

@font-face {
    font-family: 'NunitoSans';
    font-weight: 700;
    font-display: swap;
    src: url('/_Resources/Static/Packages/Esn.Dna.Site/Fonts/nunito-sans-v18-latin-700.woff2') format('woff2');
}

.c-button:not(.c-button--plain),
.c-button.c-button--login,
.c-form-button,
.c-dropdown-menu__wrapper {
    background-color: var(--brand-secondary);
    color: var(--lightest);
    border-radius: var(--border-radius-large);
    border-color: var(--brand-secondary);
}

.c-button:not(.c-button--plain):hover,
.c-button:not(.c-button--plain):focus,
.c-button.c-button--login:hover,
.c-button.c-button--login:focus,
.c-form-button:hover,
.c-form-button:focus,
.c-dropdown-menu__wrapper:hover,
.c-dropdown-menu__wrapper:focus {
    background-color: #F15146;
    border-color: #F15146;
    color: var(--lightest);
}