/* Form Helper Text Visibility Fix for Dark Mode */
/* Priority: Load AFTER tailwind.min.css */

:root {
  --gc-text-hint: 156 163 175;  /* gray-400 - Helper text (light mode) */
  --gc-text-danger: 239 68 68;   /* red-500 - Error text (light mode) */
  --gc-placeholder: 156 163 175; /* gray-400 - Placeholder (light mode) */
}

.dark {
  --gc-text-hint: 209 213 219;    /* gray-300 - Helper text (BRIGHT for dark mode visibility) */
  --gc-text-danger: 248 113 113;  /* red-400 - Error text (BRIGHTER for dark mode) */
  --gc-placeholder: 156 163 175;  /* gray-400 - Placeholder (BRIGHT for dark mode) */
}

/* Utility Classes */
.text-hint {
  color: rgb(var(--gc-text-hint)) !important;
}

.text-danger {
  color: rgb(var(--gc-text-danger)) !important;
}

.text-warning {
  color: rgb(251 191 36) !important;  /* yellow-400 - bright for dark mode */
}

.text-success {
  color: rgb(34 197 94) !important;  /* green-500 */
}

.text-info {
  color: rgb(96 165 250) !important;  /* blue-400 */
}

/* Placeholder Text - Dark Mode Fix */
.dark input::placeholder,
.dark textarea::placeholder {
  color: rgb(var(--gc-placeholder)) !important;
  opacity: 1 !important;
}

.dark input::-webkit-input-placeholder {
  color: rgb(var(--gc-placeholder)) !important;
  opacity: 1 !important;
}

.dark input::-moz-placeholder {
  color: rgb(var(--gc-placeholder)) !important;
  opacity: 1 !important;
}

/* Additional utilities for warnings/errors */
.bg-warning {
  background-color: rgb(251 191 36) !important;
}

.bg-success {
  background-color: rgb(34 197 94) !important;
}

.bg-info {
  background-color: rgb(96 165 250) !important;
}

.border-warning {
  border-color: rgb(251 191 36) !important;
}

.border-success {
  border-color: rgb(34 197 94) !important;
}

.border-info {
  border-color: rgb(96 165 250) !important;
}