/* Form Input Error States */
.form-input--error,
.form-textarea--error,
.form-select--error {
  border-color: var(--color-error, #ef4444);
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.form-input--error:focus,
.form-textarea--error:focus,
.form-select--error:focus {
  border-color: var(--color-error, #ef4444);
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

.form-error {
  display: none;
  color: var(--color-error, #ef4444);
  font-size: var(--font-size-sm);
  margin-top: var(--spacing-1);
  padding-left: var(--spacing-1);
}

.form-error::before {
  content: "⚠ ";
}

.form-input--success,
.form-textarea--success {
  border-color: var(--color-success, #10b981);
}

.form-input--success::after {
  content: "✓";
  color: var(--color-success, #10b981);
  position: absolute;
  right: var(--spacing-3);
  top: 50%;
  transform: translateY(-50%);
}