:root {
  --surface-submit: #00EDED;
  --surface-submit-hover: #00D4D4;
}
.dark {
  --surface-submit: #00EDED;
  --surface-submit-hover: #00D4D4;
}

/* Direct utility overrides for compiled Tailwind green classes */
.bg-green-500,
.hover\:bg-green-500:hover,
.focus\:bg-green-500:focus,
.dark .dark\:bg-green-500,
.dark .dark\:hover\:bg-green-500:hover,
.dark .dark\:focus\:bg-green-500:focus {
  background-color: #00EDED !important;
}

.bg-green-600,
.hover\:bg-green-600:hover,
.focus\:bg-green-600:focus,
.dark .dark\:bg-green-600,
.dark .dark\:hover\:bg-green-600:hover,
.dark .dark\:focus\:bg-green-600:focus,
.hover\:bg-surface-submit-hover:hover {
  background-color: #00D4D4 !important;
}

.bg-green-700,
.hover\:bg-green-700:hover,
.focus\:bg-green-700:focus,
.dark .dark\:bg-green-700,
.dark .dark\:hover\:bg-green-700:hover,
.dark .dark\:focus\:bg-green-700:focus,
.bg-surface-submit,
.hover\:bg-surface-submit-hover:hover {
  background-color: #00CACA !important;
}

.text-green-400,
.text-green-500,
.text-green-600,
.text-green-700,
.hover\:text-green-400:hover,
.hover\:text-green-500:hover,
.hover\:text-green-600:hover,
.hover\:text-green-700:hover,
.focus\:text-green-400:focus,
.focus\:text-green-500:focus,
.focus\:text-green-600:focus,
.focus\:text-green-700:focus,
.dark .dark\:text-green-400,
.dark .dark\:text-green-500,
.dark .dark\:text-green-600,
.dark .dark\:text-green-700,
.dark .dark\:hover\:text-green-400:hover,
.dark .dark\:hover\:text-green-500:hover,
.dark .dark\:hover\:text-green-600:hover,
.dark .dark\:hover\:text-green-700:hover {
  color: #00B8C4 !important;
}

.border-green-500,
.border-green-600,
.hover\:border-green-500:hover,
.focus\:border-green-500:focus,
.dark .dark\:border-green-500,
.dark .dark\:border-green-600,
.dark .dark\:hover\:border-green-500:hover {
  border-color: #00CACA !important;
}

.focus\:ring-green-500:focus,
.focus\:ring-green-500\/90:focus,
.dark .dark\:focus\:ring-green-500:focus,
.focus-visible\:ring-green-500:focus-visible {
  --tw-ring-color: rgba(0, 237, 237, 1) !important;
}

.bg-green-500\/10,
.bg-green-500\/\[0\.06\],
.hover\:bg-green-700\/10:hover,
.dark .dark\:bg-green-500\/30,
.dark .dark\:bg-green-900\/20,
.dark .dark\:bg-green-900\/30,
.dark .dark\:bg-green-900\/40,
.dark .dark\:bg-green-950\/20,
.dark .dark\:bg-green-950\/30,
.dark .dark\:hover\:bg-green-950\/50:hover {
  background-color: rgba(0, 237, 237, 0.12) !important;
}

.disabled\:bg-green-400:disabled {
  background-color: #7FF7F7 !important;
}

.hover\:decoration-green-700:hover,
.focus\:decoration-green-700:focus,
.dark .dark\:hover\:decoration-green-400:hover,
.dark .dark\:focus\:decoration-green-400:focus {
  text-decoration-color: #00B8C4 !important;
}

.dark .peer:focus ~ .dark\:peer-focus\:text-green-500 {
  color: #00EDED !important;
}

.peer:focus ~ .peer\:focus\~.peer-focus\:text-green-600 {
  color: #00D4D4 !important;
}

.peer:focus ~ .peer-focus\:text-green-600 {
  color: #00D4D4 !important;
}

/* Primary buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.dark .btn-primary,
.dark .btn-primary:hover,
.dark .btn-primary:focus,
.dark .btn-primary:active {
  background-color: #00EDED !important;
  color: #000 !important;
  border-color: #00EDED !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.dark .btn-primary:hover,
.dark .btn-primary:focus,
.dark .btn-primary:active {
  background-color: #00D4D4 !important;
  border-color: #00D4D4 !important;
  color: #000 !important;
}