/* =========================
   🧾 LABEL
========================= */
label {
  display: block;
  text-align: left;
  color: var(--text-secondary);
  font-size: 13px;
  margin: var(--space-sm) 0 var(--space-xs);
}

/* =========================
   🧾 INPUT
========================= */
input {
  width: 100%;
  padding: var(--space-sm);
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-default);
  background: var(--bg-input);
  color: #ddd;
  outline: none;
  transition: 0.25s;
  font-size: 14px;
}

input::placeholder {
  color: var(--text-placeholder);
}

input:hover {
  background: var(--bg-input-hover);
}

input:focus {
  border: 1px solid var(--border-focus);
  background: var(--bg-input-hover);
  box-shadow: 0 0 0 2px var(--focus-glow);
}