:root {
  /* Core layout + interaction standards */
  --touch-target-min: 48px;
  --icon-size: 24px;
  --control-height: 48px;
  --bottom-nav-height: 60px;
  --side-rail-width: 68px;
  --radius-md: 12px;

  /* Typography standards */
  --font-family-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: 16px;
  --font-secondary-rem: 0.875rem; /* 14px on 16px base */

  /* 8px spacing scale */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
}

html {
  font-size: var(--font-body);
}

body {
  font-family: var(--font-family-body);
}

.small {
  font-size: var(--font-secondary-rem);
}