:root {
  --brand-50: #eff6ff;
  --brand-50-rgb: 239 246 255;
  --brand-100: #dbeafe;
  --brand-100-rgb: 219 234 254;
  --brand-200: #bfdbfe;
  --brand-200-rgb: 191 219 254;
  --brand-300: #93c5fd;
  --brand-300-rgb: 147 197 253;
  --brand-400: #60a5fa;
  --brand-400-rgb: 96 165 250;
  --brand-500: #3b82f6;
  --brand-500-rgb: 59 130 246;
  --brand-600: #2563eb;
  --brand-600-rgb: 37 99 235;
  --brand-700: #1d4ed8;
  --brand-700-rgb: 29 78 216;
  --brand-800: #1e40af;
  --brand-800-rgb: 30 64 175;
  --brand-900: #1e3a8a;
  --brand-900-rgb: 30 58 138;
  --brand-950: #172554;
  --brand-950-rgb: 23 37 84;
  --brand-primary: var(--brand-600);
  --brand-primary-hover: var(--brand-700);
  --brand-ring: var(--brand-500);
  --brand-on-primary: #ffffff;
  --brand-on-primary-rgb: 255 255 255;
}

/* Smart Emerald: keep legacy indigo controls aligned with the configured brand. */
body [class~="bg-indigo-600"] {
  background-color: var(--brand-600) !important;
  color: var(--brand-on-primary, #fff) !important;
}
body [class~="hover:bg-indigo-700"]:hover {
  background-color: var(--brand-700) !important;
}
body [class~="focus:ring-indigo-500"]:focus {
  --tw-ring-color: var(--brand-500);
}
body [class~="focus:border-indigo-500"]:focus {
  border-color: var(--brand-500);
}


html:root {
  --brand-50: #98d8bf;
  --brand-50-rgb: 152 216 191;
  --brand-100: #7fddb8;
  --brand-100-rgb: 127 221 184;
  --brand-200: #58e4ac;
  --brand-200-rgb: 88 228 172;
  --brand-300: #23e699;
  --brand-300-rgb: 35 230 153;
  --brand-400: #14ce84;
  --brand-400-rgb: 20 206 132;
  --brand-500: #10a66a;
  --brand-500-rgb: 16 166 106;
  --brand-600: #0d8656;
  --brand-600-rgb: 13 134 86;
  --brand-700: #0b7048;
  --brand-700-rgb: 11 112 72;
  --brand-800: #0b5b3b;
  --brand-800-rgb: 11 91 59;
  --brand-900: #0b4f34;
  --brand-900-rgb: 11 79 52;
  --brand-950: #062418;
  --brand-950-rgb: 6 36 24;
  --brand-primary: var(--brand-600);
  --brand-primary-hover: var(--brand-700);
  --brand-ring: var(--brand-500);
  --brand-on-primary: #ffffff;
  --brand-on-primary-rgb: 255 255 255;
}

:root {
  --brand-50-rgb: 152 216 191;
  --brand-100-rgb: 127 221 184;
  --brand-200-rgb: 88 228 172;
  --brand-300-rgb: 35 230 153;
  --brand-400-rgb: 20 206 132;
  --brand-500-rgb: 16 166 106;
  --brand-600-rgb: 13 134 86;
  --brand-700-rgb: 11 112 72;
  --brand-800-rgb: 11 91 59;
  --brand-900-rgb: 11 79 52;
  --brand-950-rgb: 6 36 24;
  --brand-on-primary: #ffffff;
  --brand-on-primary-rgb: 255 255 255;
}

body .bg-blue-500 {
  color: #000000;
}
body .bg-blue-600 {
  color: #ffffff;
}
body .bg-blue-700 {
  color: #ffffff;
}
body .bg-blue-800 {
  color: #ffffff;
}
body .bg-blue-900 {
  color: #ffffff;
}
body .bg-blue-950 {
  color: #ffffff;
}

body .hover\:bg-blue-500:hover {
  color: #000000;
}
body .hover\:bg-blue-600:hover {
  color: #ffffff;
}
body .hover\:bg-blue-700:hover {
  color: #ffffff;
}
body .hover\:bg-blue-800:hover {
  color: #ffffff;
}
body .hover\:bg-blue-900:hover {
  color: #ffffff;
}
body .hover\:bg-blue-950:hover {
  color: #ffffff;
}

body .bg-blue-50.text-blue-600 {
  color: #0b5b3b;
}
body .bg-blue-50.text-blue-700 {
  color: #0b5b3b;
}
body .bg-blue-100.text-blue-700 {
  color: #0b5b3b;
}