/* CSS Variables generated from tailwind.config.js palettes (fallback until Tailwind is rebuilt) */
:root {
  /* Primary */
  --color-primary-50: #f3f5f7;
  --color-primary-100: #dbe2ea;
  --color-primary-200: #b8c4d6;
  --color-primary-300: #849db0;
  --color-primary-400: #556b87;
  --color-primary-500: #2b4b66;
  --color-primary-600: #213847;
  --color-primary-700: #16262f;
  --color-primary-800: #0b1416;
  --color-primary-900: #06080a;
  --color-primary: var(--color-primary-DEFAULT, #121b2b);
  --color-primary-DEFAULT: #121b2b;
  --color-primary-500-rgb: 43 75 102;

  /* Secondary */
  --color-secondary-50: #f2fbf8;
  --color-secondary-100: #dff7ef;
  --color-secondary-200: #bff0dd;
  --color-secondary-300: #8fe6c0;
  --color-secondary-400: #57d6a1;
  --color-secondary-500: #2bb58a;
  --color-secondary-600: #19966f;
  --color-secondary-700: #136c54;
  --color-secondary-800: #0d4738;
  --color-secondary-900: #082b23;
  --color-secondary: var(--color-secondary-DEFAULT, #41ccae);
  --color-secondary-DEFAULT: #41ccae;
  --color-secondary-500-rgb: 43 181 138;

  /* Warning */
  --color-warning-50: #fff7ed;
  --color-warning-100: #ffedd5;
  --color-warning-200: #fed7aa;
  --color-warning-300: #fdba74;
  --color-warning-400: #fb923c;
  --color-warning-500: #f97316;
  --color-warning-600: #ea580c;
  --color-warning-700: #c2410c;
  --color-warning-800: #9a3412;
  --color-warning-900: #7c2d12;
  --color-warning: var(--color-warning-DEFAULT, #f59e0b);
  --color-warning-DEFAULT: #f59e0b;
  --color-warning-500-rgb: 249 115 22;

  /* Danger */
  --color-danger-50: #fff0f0;
  --color-danger-100: #ffdddd;
  --color-danger-200: #ffc7c7;
  --color-danger-300: #ff9b9b;
  --color-danger-400: #ff6f6f;
  --color-danger-500: #ff4747;
  --color-danger-600: #df3939;
  --color-danger-700: #b72d2d;
  --color-danger-800: #8f2121;
  --color-danger-900: #601616;
  --color-danger: var(--color-danger-DEFAULT, #df3939);
  --color-danger-DEFAULT: #df3939;
  --color-danger-500-rgb: 255 71 71;

  /* Success */
  --color-success-50: #f2fbf6;
  --color-success-100: #ddf6ea;
  --color-success-200: #bff0d6;
  --color-success-300: #90e4b6;
  --color-success-400: #55d892;
  --color-success-500: #29bd78;
  --color-success-600: #1f975f;
  --color-success-700: #176f45;
  --color-success-800: #0f4931;
  --color-success-900: #082b1f;
  --color-success: var(--color-success-DEFAULT, #29a36a);
  --color-success-DEFAULT: #29a36a;
  --color-success-500-rgb: 41 189 120;
  /* Black */
  --color-black-50: #f8f9fa;
  --color-black-100: #f1f3f4;
  --color-black-200: #e6e7e8;
  --color-black-300: #d2d3d4;
  --color-black-400: #9ea0a1;
  --color-black-500: #6b6d6e;
  --color-black-600: #3f4041;
  --color-black-700: #1f1f1f;
  --color-black-800: #0f0f0f;
  --color-black-900: #000000;
  --color-black: var(--color-black-DEFAULT, #000000);
  --color-black-DEFAULT: #000000;
  --color-black-500-rgb: 107 109 110;
  --color-black-rgb: 0 0 0;
}

/* Utilities using variables (fallback until Tailwind is rebuilt) */
/* Primary */
.bg-primary {
  background-color: var(--color-primary) !important;
}
.bg-primary-50 {
  background-color: var(--color-primary-50) !important;
}
.bg-primary-100 {
  background-color: var(--color-primary-100) !important;
}
.bg-primary-200 {
  background-color: var(--color-primary-200) !important;
}
.bg-primary-300 {
  background-color: var(--color-primary-300) !important;
}
.bg-primary-400 {
  background-color: var(--color-primary-400) !important;
}
.bg-primary-500 {
  background-color: var(--color-primary-500) !important;
}
.bg-primary-600 {
  background-color: var(--color-primary-600) !important;
}
.bg-primary-700 {
  background-color: var(--color-primary-700) !important;
}
.bg-primary-800 {
  background-color: var(--color-primary-800) !important;
}
.bg-primary-900 {
  background-color: var(--color-primary-900) !important;
}
.text-primary {
  color: var(--color-primary) !important;
}
.border-primary {
  border-color: var(--color-primary) !important;
}
.hover\:bg-primary:hover {
  background-color: var(--color-primary) !important;
}
.hover\:text-primary:hover {
  color: var(--color-primary) !important;
}

/* Secondary */
.bg-secondary {
  background-color: var(--color-secondary) !important;
}
.bg-secondary-50 {
  background-color: var(--color-secondary-50) !important;
}
.bg-secondary-100 {
  background-color: var(--color-secondary-100) !important;
}
.bg-secondary-200 {
  background-color: var(--color-secondary-200) !important;
}
.bg-secondary-300 {
  background-color: var(--color-secondary-300) !important;
}
.bg-secondary-400 {
  background-color: var(--color-secondary-400) !important;
}
.bg-secondary-500 {
  background-color: var(--color-secondary-500) !important;
}
.bg-secondary-600 {
  background-color: var(--color-secondary-600) !important;
}
.bg-secondary-700 {
  background-color: var(--color-secondary-700) !important;
}
.bg-secondary-800 {
  background-color: var(--color-secondary-800) !important;
}
.bg-secondary-900 {
  background-color: var(--color-secondary-900) !important;
}
.text-secondary {
  color: var(--color-secondary) !important;
}
.border-secondary {
  border-color: var(--color-secondary) !important;
}
.hover\:bg-secondary:hover {
  background-color: var(--color-secondary) !important;
}
.hover\:text-secondary:hover {
  color: var(--color-secondary) !important;
}

/* Warning */
.bg-warning {
  background-color: var(--color-warning) !important;
}
.bg-warning-50 {
  background-color: var(--color-warning-50) !important;
}
.bg-warning-100 {
  background-color: var(--color-warning-100) !important;
}
.bg-warning-200 {
  background-color: var(--color-warning-200) !important;
}
.bg-warning-300 {
  background-color: var(--color-warning-300) !important;
}
.bg-warning-400 {
  background-color: var(--color-warning-400) !important;
}
.bg-warning-500 {
  background-color: var(--color-warning-500) !important;
}
.bg-warning-600 {
  background-color: var(--color-warning-600) !important;
}
.bg-warning-700 {
  background-color: var(--color-warning-700) !important;
}
.bg-warning-800 {
  background-color: var(--color-warning-800) !important;
}
.bg-warning-900 {
  background-color: var(--color-warning-900) !important;
}
.text-warning {
  color: var(--color-warning) !important;
}
.border-warning {
  border-color: var(--color-warning) !important;
}
.hover\:border-warning:hover {
  border-color: var(--color-warning) !important;
}
.hover\:bg-warning:hover {
  background-color: var(--color-warning) !important;
}
.hover\:text-warning:hover {
  color: var(--color-warning) !important;
}

/* Danger */
.bg-danger {
  background-color: var(--color-danger) !important;
}
.bg-danger-50 {
  background-color: var(--color-danger-50) !important;
}
.bg-danger-100 {
  background-color: var(--color-danger-100) !important;
}
.bg-danger-200 {
  background-color: var(--color-danger-200) !important;
}
.bg-danger-300 {
  background-color: var(--color-danger-300) !important;
}
.bg-danger-400 {
  background-color: var(--color-danger-400) !important;
}
.bg-danger-500 {
  background-color: var(--color-danger-500) !important;
}
.bg-danger-600 {
  background-color: var(--color-danger-600) !important;
}
.bg-danger-700 {
  background-color: var(--color-danger-700) !important;
}
.bg-danger-800 {
  background-color: var(--color-danger-800) !important;
}
.bg-danger-900 {
  background-color: var(--color-danger-900) !important;
}
.text-danger {
  color: var(--color-danger) !important;
}
.border-danger {
  border-color: var(--color-danger) !important;
}
.hover\:bg-danger:hover {
  background-color: var(--color-danger) !important;
}
.hover\:text-danger:hover {
  color: var(--color-danger) !important;
}

/* Success */
.bg-success {
  background-color: var(--color-success) !important;
}
.bg-success-50 {
  background-color: var(--color-success-50) !important;
}
.bg-success-100 {
  background-color: var(--color-success-100) !important;
}
.bg-success-200 {
  background-color: var(--color-success-200) !important;
}
.bg-success-300 {
  background-color: var(--color-success-300) !important;
}
.bg-success-400 {
  background-color: var(--color-success-400) !important;
}
.bg-success-500 {
  background-color: var(--color-success-500) !important;
}
.bg-success-600 {
  background-color: var(--color-success-600) !important;
}
.bg-success-700 {
  background-color: var(--color-success-700) !important;
}
.bg-success-800 {
  background-color: var(--color-success-800) !important;
}
.bg-success-900 {
  background-color: var(--color-success-900) !important;
}
.text-success {
  color: var(--color-success) !important;
}
.border-success {
  border-color: var(--color-success) !important;
}
.hover\:bg-success:hover {
  background-color: var(--color-success) !important;
}
.hover\:text-success:hover {
  color: var(--color-success) !important;
}

/* Black utilities */
.bg-black {
  background-color: var(--color-black) !important;
}
.text-black {
  color: var(--color-black) !important;
}
.border-black {
  border-color: var(--color-black) !important;
}
.hover\:bg-black:hover {
  background-color: var(--color-black) !important;
}
.hover\:text-black:hover {
  color: var(--color-black) !important;
}

/* Black shades */
.bg-black-50 {
  background-color: var(--color-black-50) !important;
}
.bg-black-100 {
  background-color: var(--color-black-100) !important;
}
.bg-black-200 {
  background-color: var(--color-black-200) !important;
}
.bg-black-300 {
  background-color: var(--color-black-300) !important;
}
.bg-black-400 {
  background-color: var(--color-black-400) !important;
}
.bg-black-500 {
  background-color: var(--color-black-500) !important;
}
.bg-black-600 {
  background-color: var(--color-black-600) !important;
}
.bg-black-700 {
  background-color: var(--color-black-700) !important;
}
.bg-black-800 {
  background-color: var(--color-black-800) !important;
}
.bg-black-900 {
  background-color: var(--color-black-900) !important;
}
.text-black-50 {
  color: var(--color-black-50) !important;
}
.text-black-100 {
  color: var(--color-black-100) !important;
}
.text-black-200 {
  color: var(--color-black-200) !important;
}
.text-black-300 {
  color: var(--color-black-300) !important;
}
.text-black-400 {
  color: var(--color-black-400) !important;
}
.text-black-500 {
  color: var(--color-black-500) !important;
}
.text-black-600 {
  color: var(--color-black-600) !important;
}
.text-black-700 {
  color: var(--color-black-700) !important;
}
.text-black-800 {
  color: var(--color-black-800) !important;
}
.text-black-900 {
  color: var(--color-black-900) !important;
}
.border-black-50 {
  border-color: var(--color-black-50) !important;
}
.border-black-100 {
  border-color: var(--color-black-100) !important;
}
.border-black-200 {
  border-color: var(--color-black-200) !important;
}
.border-black-300 {
  border-color: var(--color-black-300) !important;
}
.border-black-400 {
  border-color: var(--color-black-400) !important;
}
.border-black-500 {
  border-color: var(--color-black-500) !important;
}
.border-black-600 {
  border-color: var(--color-black-600) !important;
}
.border-black-700 {
  border-color: var(--color-black-700) !important;
}
.border-black-800 {
  border-color: var(--color-black-800) !important;
}
.border-black-900 {
  border-color: var(--color-black-900) !important;
}
.hover\:bg-black-50:hover {
  background-color: var(--color-black-50) !important;
}
.hover\:bg-black-100:hover {
  background-color: var(--color-black-100) !important;
}
.hover\:bg-black-200:hover {
  background-color: var(--color-black-200) !important;
}
.hover\:bg-black-300:hover {
  background-color: var(--color-black-300) !important;
}
.hover\:bg-black-400:hover {
  background-color: var(--color-black-400) !important;
}
.hover\:bg-black-500:hover {
  background-color: var(--color-black-500) !important;
}
.hover\:bg-black-600:hover {
  background-color: var(--color-black-600) !important;
}
.hover\:bg-black-700:hover {
  background-color: var(--color-black-700) !important;
}
.hover\:bg-black-800:hover {
  background-color: var(--color-black-800) !important;
}
.hover\:bg-black-900:hover {
  background-color: var(--color-black-900) !important;
}
.hover\:text-black-50:hover {
  color: var(--color-black-50) !important;
}
.hover\:text-black-100:hover {
  color: var(--color-black-100) !important;
}
.hover\:text-black-200:hover {
  color: var(--color-black-200) !important;
}
.hover\:text-black-300:hover {
  color: var(--color-black-300) !important;
}
.hover\:text-black-400:hover {
  color: var(--color-black-400) !important;
}
.hover\:text-black-500:hover {
  color: var(--color-black-500) !important;
}
.hover\:text-black-600:hover {
  color: var(--color-black-600) !important;
}
.hover\:text-black-700:hover {
  color: var(--color-black-700) !important;
}
.hover\:text-black-800:hover {
  color: var(--color-black-800) !important;
}
.hover\:text-black-900:hover {
  color: var(--color-black-900) !important;
}

/* Ensure Tailwind's hover:text-white wins even when text-* uses !important */
.hover\:text-white:hover {
  color: #ffffff !important;
}

/* Hover variants for shades (add hover:bg-*-600 etc.) */
/* Primary shades */
.hover\:bg-primary-50:hover {
  background-color: var(--color-primary-50) !important;
}
.hover\:bg-primary-100:hover {
  background-color: var(--color-primary-100) !important;
}
.hover\:bg-primary-200:hover {
  background-color: var(--color-primary-200) !important;
}
.hover\:bg-primary-300:hover {
  background-color: var(--color-primary-300) !important;
}
.hover\:bg-primary-400:hover {
  background-color: var(--color-primary-400) !important;
}
.hover\:bg-primary-500:hover {
  background-color: var(--color-primary-500) !important;
}
.hover\:bg-primary-600:hover {
  background-color: var(--color-primary-600) !important;
}
.hover\:bg-primary-700:hover {
  background-color: var(--color-primary-700) !important;
}
.hover\:bg-primary-800:hover {
  background-color: var(--color-primary-800) !important;
}
.hover\:bg-primary-900:hover {
  background-color: var(--color-primary-900) !important;
}

/* Secondary shades */
.hover\:bg-secondary-50:hover {
  background-color: var(--color-secondary-50) !important;
}
.hover\:bg-secondary-100:hover {
  background-color: var(--color-secondary-100) !important;
}
.hover\:bg-secondary-200:hover {
  background-color: var(--color-secondary-200) !important;
}
.hover\:bg-secondary-300:hover {
  background-color: var(--color-secondary-300) !important;
}
.hover\:bg-secondary-400:hover {
  background-color: var(--color-secondary-400) !important;
}
.hover\:bg-secondary-500:hover {
  background-color: var(--color-secondary-500) !important;
}
.hover\:bg-secondary-600:hover {
  background-color: var(--color-secondary-600) !important;
}
.hover\:bg-secondary-700:hover {
  background-color: var(--color-secondary-700) !important;
}
.hover\:bg-secondary-800:hover {
  background-color: var(--color-secondary-800) !important;
}
.hover\:bg-secondary-900:hover {
  background-color: var(--color-secondary-900) !important;
}

/* Warning shades */
.hover\:bg-warning-50:hover {
  background-color: var(--color-warning-50) !important;
}
.hover\:bg-warning-100:hover {
  background-color: var(--color-warning-100) !important;
}
.hover\:bg-warning-200:hover {
  background-color: var(--color-warning-200) !important;
}
.hover\:bg-warning-300:hover {
  background-color: var(--color-warning-300) !important;
}
.hover\:bg-warning-400:hover {
  background-color: var(--color-warning-400) !important;
}
.hover\:bg-warning-500:hover {
  background-color: var(--color-warning-500) !important;
}
.hover\:bg-warning-600:hover {
  background-color: var(--color-warning-600) !important;
}
.hover\:bg-warning-700:hover {
  background-color: var(--color-warning-700) !important;
}
.hover\:bg-warning-800:hover {
  background-color: var(--color-warning-800) !important;
}
.hover\:bg-warning-900:hover {
  background-color: var(--color-warning-900) !important;
}

/* Danger shades */
.hover\:bg-danger-50:hover {
  background-color: var(--color-danger-50) !important;
}
.hover\:bg-danger-100:hover {
  background-color: var(--color-danger-100) !important;
}
.hover\:bg-danger-200:hover {
  background-color: var(--color-danger-200) !important;
}
.hover\:bg-danger-300:hover {
  background-color: var(--color-danger-300) !important;
}
.hover\:bg-danger-400:hover {
  background-color: var(--color-danger-400) !important;
}
.hover\:bg-danger-500:hover {
  background-color: var(--color-danger-500) !important;
}
.hover\:bg-danger-600:hover {
  background-color: var(--color-danger-600) !important;
}
.hover\:bg-danger-700:hover {
  background-color: var(--color-danger-700) !important;
}
.hover\:bg-danger-800:hover {
  background-color: var(--color-danger-800) !important;
}
.hover\:bg-danger-900:hover {
  background-color: var(--color-danger-900) !important;
}

/* Success shades */
.hover\:bg-success-50:hover {
  background-color: var(--color-success-50) !important;
}
.hover\:bg-success-100:hover {
  background-color: var(--color-success-100) !important;
}
.hover\:bg-success-200:hover {
  background-color: var(--color-success-200) !important;
}
.hover\:bg-success-300:hover {
  background-color: var(--color-success-300) !important;
}
.hover\:bg-success-400:hover {
  background-color: var(--color-success-400) !important;
}
.hover\:bg-success-500:hover {
  background-color: var(--color-success-500) !important;
}
.hover\:bg-success-600:hover {
  background-color: var(--color-success-600) !important;
}
.hover\:bg-success-700:hover {
  background-color: var(--color-success-700) !important;
}
.hover\:bg-success-800:hover {
  background-color: var(--color-success-800) !important;
}
.hover\:bg-success-900:hover {
  background-color: var(--color-success-900) !important;
}

/* Warning border */
.hover\:border-warning-50:hover {
  border-color: var(--color-warning-50) !important;
}
.hover\:border-warning-100:hover {
  border-color: var(--color-warning-100) !important;
}
.hover\:border-warning-200:hover {
  border-color: var(--color-warning-200) !important;
}
.hover\:border-warning-300:hover {
  border-color: var(--color-warning-300) !important;
}
.hover\:border-warning-400:hover {
  border-color: var(--color-warning-400) !important;
}
.hover\:border-warning-500:hover {
  border-color: var(--color-warning-500) !important;
}
.hover\:border-warning-600:hover {
  border-color: var(--color-warning-600) !important;
}
.hover\:border-warning-700:hover {
  border-color: var(--color-warning-700) !important;
}
.hover\:border-warning-800:hover {
  border-color: var(--color-warning-800) !important;
}
.hover\:border-warning-900:hover {
  border-color: var(--color-warning-900) !important;
}

select,
input {
  height: 39px;
}