/* Custom resets and styling for wero.site */

:root {
  color-scheme: dark;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background-color: #0b0f19;
}

/* Subtle background accent glow */
.bg-radial-gradient {
  background: radial-gradient(circle 600px at 50% -100px, rgba(245, 158, 11, 0.15), transparent 70%);
}

/* Accordion card base */
.accordion-card {
  border-width: 1px;
  border-radius: 1rem;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.4);
}

.accordion-card:hover {
  border-color: rgba(148, 163, 184, 0.25);
}

/* Rounded round icon buttons */
.toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  background-color: #1e293b;
  color: #94a3b8;
  border: 1px solid #334155;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.toggle-btn:hover {
  background-color: #334155;
  color: #ffffff;
  border-color: #475569;
}

/* Hide scrollbar on sleek interfaces if needed */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}