:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }

.focus-ring:focus-visible { outline: 3px solid #60a5fa; outline-offset: 3px; border-radius: 12px; }

.skip-link { position:absolute; left:12px; top:-48px; padding:10px 12px; background:#2563eb; color:#fff; z-index:9999; border-radius:12px; transition: top .2s ease; }
.skip-link:focus { top:12px; }

.bg-grid {
  background-image: radial-gradient(circle at 1px 1px, rgba(148,163,184,.18) 1px, transparent 0);
  background-size: 26px 26px;
}

[data-reveal] { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
[data-reveal].is-visible { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-reveal] { transition: none; transform: none; opacity: 1; }
}