.form-label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--color-label);
  margin-bottom: var(--space-1);
  margin-top: var(--space-3);
}

.form-input {
  width: 100%;
  padding: var(--space-2) 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: 0.95rem;
  font-family: var(--font-family);
  box-sizing: border-box;

  &:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
  }
}

.form-hint {
  display: block;
  font-size: 0.75rem;
  color: var(--color-disabled);
  margin-top: 0.25rem;
}