/* styles/global.css */
:root{
  color-scheme: dark;
}
* { box-sizing: border-box; }
a { text-decoration: none; }
img { max-width: 100%; display: block; }
html, body { overflow-x: hidden; }

.focus-ring:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(34,211,238,0.35), 0 0 0 1px rgba(255,255,255,0.12) inset;
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}