/* Medical Theme Overrides */
:root {
  --medical-teal: #2fa499;
  --medical-blue: #4054b2;
  --medical-bg-light: #e6f7ff;
}

body {
  background-color: #f4fbfb; /* Very light teal hint */
}

/* Add a heartbeat animation for cool effect */
@keyframes heartbeat {
  0% { transform: scale(1); }
  25% { transform: scale(1.1); }
  40% { transform: scale(1); }
  60% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.fa-heart, .fa-stethoscope, .fa-user-doctor {
  animation: heartbeat 2s infinite ease-in-out;
  color: #e63946; /* Heart red */
}

.hero__job {
  color: var(--medical-blue);
}

.section__subtitle {
  color: var(--medical-teal) !important;
}

.hero__btn {
  border-color: var(--medical-teal) !important;
  color: var(--medical-teal) !important;
}

.hero__btn:hover {
  background-color: var(--medical-teal) !important;
  color: white !important;
}

/* Custom scrollbar for medical feel */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-thumb {
  background: var(--medical-teal);
  border-radius: 5px;
}