/* Packaging Cockpit — 4px spacing grid, radius, control sizes, layout constants, opacity. */
:root {
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  /* radius */
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  /* size */
  --control-sm: 28px;
  --control-md: 36px;
  --control-lg: 44px;
  --row-compact: 40px;
  --row-default: 48px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --border-hairline: 1px;
  --border-strong: 2px;
  --topbar-height: 56px;
  --actionbar-height: 44px;
  --tree-width: 300px;
  --content-max: 1600px;
  /* opacity */
  --opacity-disabled: 0.45; /* @kind other */
  --opacity-scrim: 0.55; /* @kind other */
}