@tailwind base;
@tailwind components;
@tailwind utilities;

:root{color-scheme:light}

html:focus-within{scroll-behavior:smooth}

body{min-height:100vh}

img{max-width:100%;height:auto;display:block;object-fit:cover}

a,button,input,select,textarea{font:inherit}

*:focus{outline:none}

:focus-visible{box-shadow:0 0 0 3px rgba(6,182,212,.35)}

@media (prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto}
  *{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
}