:root {
  /* Spacing scale */
  --space-1:  4px;
  --space-2:  6px;
  --space-3:  8px;
  --space-4:  12px;
  --space-5:  16px;
  --space-6:  20px;
  --space-7:  24px;
  --space-8:  32px;
  --space-9:  48px;

  /* Border radius */
  --radius-xs:   4px;
  --radius-sm:   12px;
  --radius-md:   16px;
  --radius-lg:   20px;
  --radius-full: 9999px;

  /* Border width */
  --border-width: 0.5px;

  /* Layout */
  --sidebar-width:           240px;
  --sidebar-width-collapsed: 80px;
  --header-height:           64px;
  --content-padding:         32px;
}