:root {
  /* ── Base Spacing Scale (4px unit) ── */
  --space-0:    0;
  --space-px:   1px;
  --space-0-5:  0.125rem;   /*  2px */
  --space-1:    0.25rem;    /*  4px */
  --space-1-5:  0.375rem;   /*  6px */
  --space-2:    0.5rem;     /*  8px */
  --space-2-5:  0.625rem;   /* 10px */
  --space-3:    0.75rem;    /* 12px */
  --space-3-5:  0.875rem;   /* 14px */
  --space-4:    1rem;       /* 16px */
  --space-5:    1.25rem;    /* 20px */
  --space-6:    1.5rem;     /* 24px */
  --space-7:    1.75rem;    /* 28px */
  --space-8:    2rem;       /* 32px */
  --space-9:    2.25rem;    /* 36px */
  --space-10:   2.5rem;     /* 40px */
  --space-11:   2.75rem;    /* 44px */
  --space-12:   3rem;       /* 48px */
  --space-14:   3.5rem;     /* 56px */
  --space-16:   4rem;       /* 64px */
  --space-20:   5rem;       /* 80px */
  --space-24:   6rem;       /* 96px */

  /* ── Layout ── */
  --layout-thread-indent:  24px;     /* SPEC: exactly 24px per nesting level */
  --layout-max-content:    800px;
  --layout-max-wide:       1200px;
  --layout-sidebar-width:  240px;
  --layout-aside-width:    280px;

  /* ── Thread Nesting (max 5 levels) ── */
  --thread-indent-1: 24px;
  --thread-indent-2: 48px;
  --thread-indent-3: 72px;
  --thread-indent-4: 96px;
  --thread-indent-5: 120px;

  /* ── Border Radius ── */
  --radius-none: 0;
  --radius-sm:   3px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-2xl:  16px;
  --radius-full: 9999px;
}