/* Custom polish and animations for Gallery App */
:root {
  --primary: #4f46e5;
  --primary-hover: #4338ca;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Media tile hover effect */
.media-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.media-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
}

/* Selection check overlay */
.media-card.is-selected {
  outline: 3px solid #6366f1;
  outline-offset: -3px;
}
.media-card.is-selected .select-indicator {
  background-color: #6366f1;
  border-color: #6366f1;
}

/* Lightbox backdrop */
.lightbox-backdrop {
  backdrop-filter: blur(8px);
}

/* Dropzone dragover */
.dragover {
  border-color: #6366f1 !important;
  background-color: rgba(99, 102, 241, 0.1) !important;
}