:root {
  --primary: 218 72% 14%;
  --secondary: 0 0% 100%;
  --accent: 213 65% 33%;
  --background: 0 0% 100%;
  --foreground: 218 72% 14%;
  --font-heading: "Outfit", sans-serif;
  --font-body: "Outfit", sans-serif;
}
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 88px; }
#mobile-menu { padding: 12px 24px 20px; border-top: 1px solid hsl(var(--border)); }
#mobile-menu[hidden] { display: none; }
.mobile-link { display: block; padding: 12px 0; font-size: 15px; }
.mobile-login { margin-top: 8px; border-top: 1px solid hsl(var(--border)); font-weight: 600; }
@media (min-width: 1024px) { #mobile-menu { display: none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }