/* css/style.css */
@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css'); /* Tailwind via CDN for easy start */

:root {
  --green: #15803d;   /* Exact green from your selector image */
}

body {
  font-family: system-ui, -apple-system, sans-serif;
}

.btn-green {
  background-color: var(--green);
  transition: all 0.3s;
}

.btn-green:hover {
  background-color: #166534;
  transform: translateY(-2px);
}

.industry-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.industry-card:hover {
  transform: scale(1.05);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.industry-card.selected {
  border-color: #15803d;
  box-shadow: 0 0 0 4px rgba(21, 128, 61, 0.3);
}