/* ====================== */
/* BASE STYLES & OVERRIDES */
/* ====================== */

/* Document */
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

/* Body */
body {
    font-family: var(--font-family);
    background: var(--background_color);
    color: var(--text_color);
    transition: var(--background_color) 3s ease, color 3s ease;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}