@import 'variables.css';
@import 'fonts.css';

body {
    font-size: inherit;
    font: var( --font-family-primary ), sans-serif !important;
}

a,
.slds-scope a {
    color: var( --primary-color ) !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    cursor: pointer;
}

a.button:hover,
a.button:focus,
.slds-scope .slds-button:focus,
.slds-scope .slds-button:hover,
a:hover,
a:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-weight: normal !important;
}

.bold-text {
    font-weight: 600;
}

/**
 * MEDIA QUERIES
 */
@media screen and (min-width: 760px) {

}

@media (pointer:coarse) and (hover:none) {
    /* Reset font size of touch devices, Spring '21(SLDS Touch Styles) made them bigger by default */
    body {
        font-size: initial;
    }
}