/* Conference Crawler - Dark Theme with Amber Accents */

/* Custom amber color palette for Tailwind CDN */
:root {
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c7;
  --color-amber-200: #fde68a;
  --color-amber-300: #fcd34d;
  --color-amber-400: #fbbf24;
  --color-amber-500: #f59e0b;
  --color-amber-600: #d97706;
  --color-amber-700: #b45309;
  --color-amber-800: #92400e;
  --color-amber-900: #78350f;
  --color-amber-950: #451a03;
}

/* Custom highlight mark styling */
mark {
  background-color: rgba(245, 158, 11, 0.3);
  color: inherit;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
}

/* Dark theme scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #1f2937;
}

::-webkit-scrollbar-thumb {
  background: #4b5563;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #6b7280;
}

/* Focus ring overrides for amber */
*:focus-visible {
  outline: 2px solid #f59e0b;
  outline-offset: 2px;
}

/* Form elements dark theme enhancements */
input[type="text"],
input[type="password"],
input[type="search"],
select,
textarea {
  color-scheme: dark;
}

/* Prose overrides for dark theme */
.prose-invert a {
  color: #fbbf24;
}

.prose-invert a:hover {
  color: #f59e0b;
}

/* Topic chip hover effect */
.topic-chip {
  transition: all 0.15s ease-in-out;
}

.topic-chip:hover {
  transform: translateY(-1px);
}