/* GLOBAL DARK MODE */
html.dark {
  color-scheme: dark;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom selection color */
::selection {
  background: #f97316; /* orange-500 */
  color: #111827;
}

/* Remove tap highlight on mobile */
a, button {
  -webkit-tap-highlight-color: transparent;
}

/* Utility: glassmorphism card */
.glass {
  background: rgba(31, 41, 55, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Animate gradient text */
@keyframes shimmer {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.text-gradient-animated {
  background: linear-gradient(110deg, #f97316, #3b82f6, #f97316);
  background-size: 200% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  animation: shimmer 5s linear infinite;
}

/* Form input dark mode overrides */
input, textarea, select {
  background-color: #1f2937;
  color: #e5e7eb;
  border: 1px solid #374151;
}
input:focus, textarea:focus, select:focus {
  border-color: #f97316;
  outline: none;
  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.4);
}

/* Button micro-interaction */
.btn-pop {
  transform: scale(1);
  transition: transform 0.15s ease;
}
.btn-pop:hover {
  transform: scale(1.05);
}
.btn-pop:active {
  transform: scale(0.98);
}