/* ── Search form ──────────────────────────────────────── */
.search-form {
  display: flex;
  gap: var(--space-1);
}

.search-field {
  flex: 1;
  padding: var(--space-1) var(--space-2);
  border: 2px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
  border-radius: var(--radius-lg);
  font-family: var(--font-body);
  font-size: var(--text-base);
  color: var(--color-text);
  background: var(--color-white);
  transition: border-color var(--transition-fast);
}

.search-field:focus {
  outline: none;
  border-color: var(--color-secondary);
}

.search-submit {
  composes: btn btn--primary;
}