/* Cinegy Browser — global styles */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

.nav-link { padding: .5rem .85rem; border-radius: .5rem; color: rgb(71 85 105); transition: color .2s, background-color .2s; }
.dark .nav-link { color: rgb(203 213 225); }
.nav-link:hover { color: rgb(15 23 42); background: rgb(241 245 249); }
.dark .nav-link:hover { color: white; background: rgba(255,255,255,.06); }
.nav-link.active { color: rgb(124 58 237); background: rgba(139,92,246,.1); }
.dark .nav-link.active { color: rgb(196 181 253); }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #8b5cf6, #f43f5e); border-radius: 8px; }

/* Selection */
::selection { background: rgba(139,92,246,.3); }

/* Focus rings */
input:focus, textarea:focus, select:focus { box-shadow: 0 0 0 2px rgba(139,92,246,.4); border-color: rgb(139 92 246); }

/* Shimmer for skeletons */
.shimmer {
  background: linear-gradient(90deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,.05) 100%);
  background-size: 1000px 100%;
  animation: shimmer 2.5s linear infinite;
}