/* Kinesin — Spacing & radius. Source: Brandbook v1.0 sec. 11–12.
   Everything is a multiple of the 4px base unit — never arbitrary values. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* Corner radius */
  --radius-sm: 5px;     /* small controls: checkbox, radio box, chips */
  --radius-md: 12px;    /* inputs, buttons */
  --radius-lg: 16px;    /* cards & panels */
  --radius-full: 999px; /* avatars, toggles, radios, pills */

  /* Elevation — Kinesin is flat. No drop shadows; separate surfaces with a
     1px border or a tint fill. The only permitted "glow" is the focus ring. */
  --border-hairline: 1px solid var(--ink-border-soft);
  --border-control: 1px solid var(--ink-border);
}