/* Shared UI sizes and control colours. Components adopt these page by page. */
:root {
  --ui-text-small: 12px;
  --ui-text-label: 14px;
  --ui-text-body: 16px;
  --ui-title-small: 24px;
  --ui-title-large: 28px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-space-10: 40px;
  --ui-space-12: 48px;
  --ui-space-16: 64px;
  --ui-control-min-height: 52px;
  --ui-target-min-size: 44px;
  --ui-control-radius: 10px;
  --ui-control-border: #8793a3;
  --ui-text-secondary: #647082;
  --ui-focus: #315f8c;
  --ui-error: #b42318;
}