/* ============================================================
   RANGELIGHT — Spacing, radii, layout
   4px base unit. Calm, roomy rhythm — never cramped.
   ============================================================ */
:root {
  /* ---- spacing scale (4px base) ---- */
  --rl-space-0:   0;
  --rl-space-1:   4px;
  --rl-space-2:   8px;
  --rl-space-3:   12px;
  --rl-space-4:   16px;
  --rl-space-5:   24px;
  --rl-space-6:   32px;
  --rl-space-7:   48px;
  --rl-space-8:   64px;
  --rl-space-9:   96px;
  --rl-space-10:  128px;

  /* ---- radii ---- */
  --rl-radius-sm:   6px;
  --rl-radius:      10px;   /* default — buttons, inputs, cards */
  --rl-radius-lg:   16px;
  --rl-radius-pill: 999px;  /* citation chips, tags */

  /* ---- borders ---- */
  --rl-border-hair: 1px;
  --rl-border-med:  1.5px;

  /* ---- layout ---- */
  --rl-maxw-prose:   68ch;    /* readable measure for body */
  --rl-maxw-content: 720px;   /* answer / article column */
  --rl-maxw-wide:    1140px;  /* page shell */
  --rl-gutter:       24px;    /* page gutter (mobile) */
  --rl-gutter-lg:    48px;    /* page gutter (desktop) */
}