/* MAIN FORTE — Spacing & layout tokens */
:root {
  /* 4px base spacing scale */
  --space-0:  0;
  --space-1:  0.25rem;  /* 4  */
  --space-2:  0.5rem;   /* 8  */
  --space-3:  0.75rem;  /* 12 */
  --space-4:  1rem;     /* 16 */
  --space-5:  1.5rem;   /* 24 */
  --space-6:  2rem;     /* 32 */
  --space-7:  3rem;     /* 48 */
  --space-8:  4rem;     /* 64 */
  --space-9:  6rem;     /* 96 */

  /* Radii — soft, notebook-friendly (nothing too geometric) */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  14px;   /* default cards */
  --radius-lg:  20px;   /* annotation boxes */
  --radius-xl:  28px;
  --radius-pill:999px;
  --radius-tab: 14px 14px 0 0; /* pictogram tab */

  /* Container widths */
  --container-sm: 640px;
  --container-md: 880px;
  --container-lg: 1120px;
  --page-w: 1200px;

  /* Border widths */
  --bw-hair: 1px;
  --bw-1:    1.5px;
  --bw-2:    2px;    /* hand-drawn feel */
  --bw-3:    3px;
}