/* Light */
@font-face {
    font-family: 'Nunito';
    src: url('/_content/Shared.UI/fonts/Nunito-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Regular */
@font-face {
    font-family: 'Nunito';
    src: url('/_content/Shared.UI/fonts/Nunito-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: 'Nunito';
    src: url('/_content/Shared.UI/fonts/Nunito-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Black */
@font-face {
    font-family: 'Nunito';
    src: url('/_content/Shared.UI/fonts/Nunito-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

:root {
    --shared-ui-theme-body-background: #FFC30C;
    --shared-ui-theme-seperator: #FFFFFF;
    --shared-ui-theme-button-background: #414042;
    --shared-ui-theme-button-border-color: #414042;
    --shared-ui-theme-button-hover-background-color: #414042;
    --shared-ui-theme-button-hover-foreground-color: #FFF;
    --shared-ui-theme-input-border-color: #414042;
    --shared-ui-theme-forgotten-btn-foreground: #000000;
}


html {
    font-size: 14px; /* Mobile default */
}

@media (min-width: 768px) {
    html {
        font-size: 15px; /* Desktop default */
    }
}