/* Base custom styles - minimal overrides so Tailwind & Bootstrap coexist */
:root {
  --primary: #0ea5e9; /* Tailwind sky-500 */
}

.btn-primary {
  background: var(--primary);
  color: #fff;
  padding: 0.5rem 1.25rem;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: background 0.3s;
}
.btn-primary:hover { background: #0284c7; }

.btn-outline {
  background: transparent;
  border: 2px solid var(--primary);
  color: var(--primary);
  padding: 0.5rem 1.25rem;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: all 0.3s;
}
.btn-outline:hover {
  background: var(--primary);
  color: #fff;
}

/* Glass card */
.glass {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 1rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}