html { -webkit-font-smoothing: antialiased; }
body { margin: 0; font-family: var(--font-sans); font-size: var(--text-body); line-height: var(--leading-body); color: var(--text-primary); background: var(--surface-page); }
a { color: var(--text-primary); text-decoration: none; }
a:hover { color: var(--text-accent); }
:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } }