/* Dravik — Form Fields
   Part of the Dravik design system. Loaded by functions.php (see enqueue order).
*/

/* ==========================================================================
   FORM FIELDS
   ========================================================================== */

input[type="text"], input[type="email"], input[type="url"], input[type="password"],
input[type="search"], input[type="number"], input[type="tel"], textarea, select,
.woocommerce .input-text {
  background: var(--dravik-ink);
  border: 1px solid var(--dravik-border);
  border-radius: var(--dravik-radius);
  color: var(--dravik-text);
  padding: 0.65em 0.9em;
  transition: border-color var(--dravik-duration-fast) var(--dravik-ease),
              box-shadow var(--dravik-duration-fast) var(--dravik-ease);
}
input:focus, textarea:focus, select:focus, .woocommerce .input-text:focus {
  border-color: var(--dravik-accent);
  box-shadow: var(--dravik-glow-accent);
  outline: none;
}
::placeholder { color: var(--dravik-text-dim); opacity: 1; }
label { color: var(--dravik-text); font-size: var(--dravik-text-sm); font-weight: 500; }