/* ============================================================
   rx-core — Input (CANÓNICO, partilhado)
   Estilo base de campo de texto, usado em qualquer formulário do site
   (email de login, URL de submissão, etc.). Variante --mono para conteúdo
   tipo URL/código (tipo de letra monoespaçada, mais compacto).
   ============================================================ */

.rx-input {
  background: var(--ghost-2);
  border: 1px solid var(--wire-2);
  border-radius: 8px;
  padding: 0.875rem 1.125rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.9375rem;
  color: var(--text);
  outline: none;
  transition: border-color 0.15s, background 0.15s;
  width: 100%;
}

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

.rx-input:focus {
  border-color: var(--amber);
  background: var(--ghost-3);
}

.rx-input.rx-input--error,
.rx-input.rx-input--error:focus { border-color: var(--red); }

/* Variante compacta/monoespaçada — para conteúdo tipo URL/código. */
.rx-input--mono {
  font-family: 'DM Mono', monospace;
  font-size: 0.875rem;
  border-radius: 10px;
  padding: 0.625rem 1.125rem;
}