/* ============================================================
 * Spacing scale — 4px base grid (with 2/6/10 half-steps that
 * appear frequently in the source). Numbers = px.
 * Screen horizontal padding = 16. Card inner padding = 16.
 * ============================================================ */
:root {
  --space-0:   0;
  --space-2:   2px;
  --space-4:   4px;
  --space-6:   6px;
  --space-8:   8px;
  --space-10:  10px;
  --space-12:  12px;
  --space-16:  16px;  /* most common gap; screen + card padding */
  --space-20:  20px;
  --space-24:  24px;
  --space-28:  28px;
  --space-32:  32px;

  /* Named aliases */
  --screen-padding-x: var(--space-16);
  --card-padding:     var(--space-16);
}