/* Explain: Base reset and typography defaults. - */
* { box-sizing: border-box; }
html { background: var(--background-color); scroll-padding-top: 88px; }
body { margin: 0; font-family: var(--font-body); }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { font-family: var(--font-heading); }
a, button { -webkit-tap-highlight-color: transparent; }
button, a { cursor: pointer; }
button, input, textarea, select { font: inherit; }
img { display: block; max-width: 100%; }
::selection { background: var(--primary-color); color: var(--text-color); }
:focus-visible { outline: 3px solid var(--text-color); outline-offset: 5px; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
    html.scroll-smooth { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: 0.01ms !important; animation: none !important; }
}