/* ── Form inputs (dark context) ──────────────── */

.form-group {
  margin-bottom: var(--space-lg);
}

.form-label {
  display: block;
  font-size: var(--text-sm);
  font-weight: 500;
  margin-bottom: var(--space-sm);
}

.form-input,
.form-textarea,
.form-select {
  width: 100%;
  padding: 12px 16px;
  font-size: var(--text-sm);
  border-radius: var(--radius-md);
  border: 1px solid var(--dark-border);
  background: var(--dark-glass);
  color: var(--dark-text);
  transition: border-color var(--dur-fast) var(--ease-out),
              box-shadow var(--dur-fast) var(--ease-out);
}

.form-input::placeholder,
.form-textarea::placeholder {
  color: var(--dark-text-muted);
}

.form-input:focus,
.form-textarea:focus,
.form-select:focus {
  outline: none;
  border-color: var(--decoded-orange);
  box-shadow: 0 0 0 3px var(--decoded-orange-light);
}

.form-textarea {
  min-height: 100px;
  resize: vertical;
}

/* ── Light context forms ────────────────────── */

.form-light .form-input,
.form-light .form-textarea,
.form-light .form-select {
  background: var(--light-bg);
  border-color: var(--light-border);
  color: var(--light-text);
}

.form-light .form-input::placeholder,
.form-light .form-textarea::placeholder {
  color: var(--light-text-muted);
}

.form-light .form-input:focus,
.form-light .form-textarea:focus {
  border-color: var(--decoded-orange);
  box-shadow: 0 0 0 3px var(--decoded-orange-light);
}