.ds-input,
.ds-select {
  width: 100%;
  padding: calc(var(--ds-spacing-unit) * 3) calc(var(--ds-spacing-unit) * 3);
  border-radius: calc(var(--ds-border-radius) - 6px);
  border: var(--ds-border-width) solid var(--ds-color-border);
  background: var(--ds-color-surface);
  color: var(--ds-color-text);
  font-family: var(--ds-font-family);
  font-size: 0.95rem;
}

.ds-input:focus,
.ds-select:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.18);
  border-color: color-mix(in srgb, var(--ds-color-accent) 60%, var(--ds-color-border));
}