:root {
    @media (prefers-reduced-motion: no-preference) {
        scroll-behavior: smooth;
    }
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    color: var(--text-c, #000);
    background-color: var(--body-bg, #fff);
    accent-color: var(--color-accent, #004594);

    font: var(--body-fw, 400) var(--body-fz, 1rem) / var(--body-lh, 1.35) var(--body-ff, sans-serif);

    min-height: 100dvh;
    margin: 0;

    /* Text rendering */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Other */
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}