/* Field — ui_kits/website/Primitives.jsx · preview/comp-inputs.html */
.vb-field { display: block; }
.vb-field__label {
  display: block; margin-bottom: 7px;
  font-family: var(--font-display); font-weight: 500; font-size: 12px;
  letter-spacing: .08em; text-transform: uppercase; color: var(--vb-ink-3);
}
.vb-field__input {
  width: 100%; font-family: var(--font-body); font-size: 16px;
  padding: 14px 18px; border: 1px solid var(--vb-line); border-radius: var(--r-pill);
  background: var(--vb-paper); color: var(--vb-ink); outline: none;
  transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
textarea.vb-field__input { border-radius: var(--r-lg); min-height: 120px; resize: vertical; }
.vb-field__input:focus { border-color: var(--vb-cta-purple); box-shadow: 0 0 0 3px rgba(136,90,219,.18); }