/* Branchpoint spacing, radii, elevation, layout */
:root{
  --space-2:2px; --space-4:4px; --space-8:8px; --space-12:12px; --space-16:16px; --space-20:20px; --space-24:24px; --space-32:32px; --space-48:48px; --space-64:64px; --space-96:96px;
  /* Radii: panels/tables are square (print rules); controls small; nodes/chips full */
  --radius-0:0; --radius-sm:4px; --radius-md:8px; --radius-full:999px;
  /* Strokes */
  --stroke-hairline:1px; --stroke-rule:1px; --stroke-heavy:2px; --stroke-mark:3px;
  /* Elevation — flat by default; shadows only for overlays */
  --shadow-overlay:0 8px 32px rgba(25,22,23,0.16),0 1px 3px rgba(25,22,23,0.10);
  --shadow-popover:0 4px 16px rgba(25,22,23,0.14);
  /* Layers */
  --z-sticky:10;/* @kind other */ --z-dropdown:40;/* @kind other */ --z-overlay:50;/* @kind other */ --z-toast:60;/* @kind other */
  /* Layout */
  --content-narrow:680px; --content-default:1080px; --content-wide:1360px;
  --bp-phone:480px; --bp-tablet:768px; --bp-laptop:1080px; --bp-wide:1440px;
  /* Density: row heights */
  --row-compact:32px; --row-default:40px; --row-comfortable:48px;
  --touch-target:44px;
}