/* RE-Creation — Spacing, grid & shape
   8px base scale. Near-square corners (4px) to match the clean, document-grade aesthetic. */
:root {
  /* ---- Spacing scale (base 8) ---- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-8:  48px;
  --space-10: 64px;
  --space-12: 96px;
  --space-16: 128px;

  /* ---- Grid / layout ---- */
  --page-width: 1040px;   /* usable page width */
  --measure:    680px;    /* max line length for long reading */
  --section-rhythm: var(--space-16); /* vertical rhythm between sections */

  /* ---- Shape ---- */
  --radius:    4px;       /* default — near-square */
  --radius-lg: 8px;       /* large cards */
  --radius-pill: 999px;   /* badges */

  /* ---- Borders ---- */
  --border-width: 1px;
}