/* Spacing + layout — measured off the 1920×1080 brand-book grid and the
   graphic-system pages. Values are literal, not snapped to a 4/8 grid. */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-2-5:10px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:28px;
  --space-8:30px;
  --space-9:37px;
  --space-10:40px;
  --space-12:80px;
  --space-14:100px;

  /* Brand-book page grid */
  --page-width:1920px;
  --page-height:1080px;
  --page-margin:40px;
  --page-header-top:41px;
  --page-footer-top:1014px;
  --page-body-top:100px;
  --sidebar-width:385px;
  --sidebar-gutter:80px;
  --content-left:505px;
  --content-width:1375px;
  --content-height:880px;
  --stack-gap-section:100px;
  --stack-gap-block:40px;

  /* Interface geometry */
  --radius-card:14px;
  --radius-panel:2px;
  --radius-none:0px;
  --border-width:1px;
  --hairline:0.5px;
  --panel-padding:24px;
  --button-padding-y:16px;
  --button-padding-x:16px;
  --button-gap:10px;
  --button-height:43.48px;
  --button-width:210px;
  --icon-size:16px;
  --badge-size:26px;
  --logo-clearspace:1em; /* clearspace = height of the logomark on all sides */
}