Checkbox

A custom, on-brand checkbox — rounded square, sage border unchecked, terracotta fill + cream glyph when checked, a dash when indeterminate. A real <input type="checkbox"> is visually replaced but kept for semantics + keyboard (space toggles; focus ring on tab).

Every instance needs an ariaLabel since the control is visual. Use the indeterminate state for a "select all" header when only some rows are selected.