html { scroll-behavior: smooth; }
body { margin: 0; background: var(--surface-page); color: var(--text-body); font: var(--type-body); letter-spacing: var(--ls-body); -webkit-font-smoothing: antialiased; text-wrap: pretty; }
h1, h2, h3 { margin: 0; color: var(--text-heading); font-family: var(--font-display); font-weight: var(--fw-light); }
a { color: var(--gold-300); text-decoration: none; transition: var(--transition-color); }
a:hover { color: var(--gold-200); }
::selection { background: var(--gold-400); color: var(--on-brand); }
:focus-visible { outline: none; box-shadow: var(--focus-ring); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; } }