/**
 * HealthCalc Color Theme
 *
 * Primary color: Emerald Green (#10B981)
 * Represents health, vitality, growth, and wellness
 */

:root {
  /* Primary brand color - Emerald Green */
  --color-primary: #10B981;
  --color-primary-dark: #059669;
  --color-primary-light: #34D399;
  --color-primary-bg: #D1FAE5;
  --color-primary-alpha-10: rgba(16, 185, 129, 0.1);
}

/* Utility classes for quick styling */
.text-primary {
  color: var(--color-primary);
}

.bg-primary {
  background-color: var(--color-primary);
}

.border-primary {
  border-color: var(--color-primary);
}

.hover\:text-primary:hover {
  color: var(--color-primary);
}

.hover\:bg-primary:hover {
  background-color: var(--color-primary);
}

.hover\:border-primary:hover {
  border-color: var(--color-primary);
}

/* Focus ring using primary color */
.focus\:ring-primary:focus {
  --tw-ring-color: var(--color-primary);
}

.focus\:border-primary:focus {
  border-color: var(--color-primary);
}