/* Shared small CSS utilities (Tailwind does most) */
:root { color-scheme: light; }
body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.custom-scrollbar::-webkit-scrollbar{ width:6px; height:6px; }
.custom-scrollbar::-webkit-scrollbar-track{ background:#f1f5f9; }
.custom-scrollbar::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:999px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover{ background:#94a3b8; }

/* Hide scrollbar but keep scrolling capability */
.no-scrollbar{ scrollbar-width:none; -ms-overflow-style:none; }
.no-scrollbar::-webkit-scrollbar{ width:0; height:0; }

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