Form primitives — wrap each control in a `Field` for its label and hint. Inputs carry a gold focus ring; use `tone="dark"` over ink-navy sections.

```jsx
<Field label="Work email" htmlFor="email" hint="We reply within one business day.">
  <Input id="email" type="email" placeholder="you@firm.com" />
</Field>

<Field label="Coverage" htmlFor="cov">
  <Select id="cov" options={[{value:"tech",label:"Technology"},{value:"fin",label:"Financials"}]} />
</Field>

<Field label="Tell us about your workbooks" htmlFor="msg">
  <Textarea id="msg" rows={4} />
</Field>
```

`Input` takes `invalid` for a red border; `Field` takes `error` to show red message text. On dark CTA blocks set `tone="dark"` on both `Field` and the control.