/* Spacing. The source pages are NOT on a 4/8 grid — they run on a 5px rhythm with
   30px page margins, 20-25px inset labels and 5px gutters between scale swatches.
   Values marked (source) are measured off the 1920x1080 guideline frames. */
:root{
  --space-1:5px;    /* source — gutter between scale swatches */
  --space-2:10px;
  --space-3:15px;
  --space-4:20px;   /* source — label inset, card radius match */
  --space-5:25px;   /* source — label inset on wide swatches */
  --space-6:30px;   /* source — page margin, top rule offset */
  --space-7:40px;
  --space-8:50px;
  --space-9:60px;
  --space-10:80px;
  --space-12:120px;

  --page-margin:30px;          /* source */
  --page-header-offset:60px;   /* source — header row baseline area */
  --page-content-top:204px;    /* source — top of swatch band */
  --swatch-gutter:5px;         /* source */
  --swatch-gutter-wide:22px;   /* source — primary-color page */
  --label-inset:20px;          /* source */
  --content-col:300px;         /* source — left description column, 294-377px */
}