*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font: var(--weight-regular) var(--text-md)/var(--line-base) var(--font-base); color: var(--color-text); background: var(--color-bg); }
img { max-width: 100%; display: block; height: auto; }
h1, h2, h3, p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
a { color: inherit; }
button, input { font: inherit; }
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }