:root {
  /* Updated Primary Green Shades */
  --primary-50: 146 50% 95%; /* Soft pastel green */
  --primary-75: 146 50% 85%; /* Light hospital green */
  --primary-100: 146 50% 75%; /* Soft medium green */
  --primary-200: 146 50% 65%; /* Balanced healthcare green */
  --primary-300: 146 50% 55%; /* Rich medical green */
  --primary-400: 146 50% 45%; /* Professional dark green */
  --primary-500: 146 50% 35%; /* Deep, strong green */

  /* Neutral Grays (with subtle green undertones) */
  --neutral-0: 0 0% 100%; /* Pure white */
  --neutral-10: 146 10% 98%;
  --neutral-20: 146 10% 96%;
  --neutral-30: 146 10% 93%;
  --neutral-40: 146 10% 89%;
  --neutral-50: 146 10% 79%;
  --neutral-60: 146 10% 74%;
  --neutral-70: 146 10% 69%;
  --neutral-80: 146 10% 64%;
  --neutral-90: 146 10% 59%;
  --neutral-100: 146 10% 54%;
  --neutral-200: 146 10% 49%;
  --neutral-300: 146 10% 44%;
  --neutral-400: 146 10% 39%;
  --neutral-500: 146 10% 34%;
  --neutral-600: 146 10% 30%;
  --neutral-700: 146 10% 24%;
  --neutral-800: 146 10% 19%;
  --neutral-900: 146 10% 15%;
  --neutral-1000: 146 10% 10%;

  /* Bootstrap Color Overrides */
  --bs-primary: #2E7D32; /* Professional Healthcare Green */
  --bs-primary-rgb: 46, 125, 50;

  --bs-secondary: rgba(13, 36, 48, 0.76);
  --bs-secondary-rgb: 13, 36, 48;
  --bs-secondary-opacity: 0.76;

  --bs-light: #f1f1f1;
  --bs-dark: #232323;

  --bs-body-bg: #ffffff;
  --bs-body-color: #232323;

  /* Links */
  --bs-link-color: #2E7D32;
  --bs-link-hover-color: #256D27;

  /* Borders */
  --bs-border-color: #e1e1e1;
  --bs-border-color-rgb: 225, 225, 225;
}

/* Secondary Color Opacity */
.bg-secondary-opacity {
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-secondary-opacity)) !important;
}

.text-secondary-opacity {
  color: rgba(var(--bs-secondary-rgb), var(--bs-secondary-opacity)) !important;
}
