/* ── Spacing tokens ────────────────────────────────────────────
   Whitespace is a design element, not a gap-filler. Use the scale
   below instead of one-off margin/padding values - a consistent
   rhythm reads as calm and architectural; arbitrary spacing reads
   as decoration.

   Container widths and transition durations live here too: they're
   the other layout-timing dimensions a page reasons about, and
   don't warrant their own token file.
*/
:root {
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-8: 3rem;
    --space-10: 4rem;

    /* Container widths - three tiers, each a distinct concept, not
       interchangeable:
       --container-canvas is the page shell itself (header/main/footer) -
         full desktop canvas (Issue 33), not a reading measure.
       --container-max is ordinary content width - the pre-33 default,
         still used by pages that shouldn't inherit the wider canvas
         (see layouts/page.css .container-content).
       --container-narrow is tuned for the ~70-75 character reading
         measure (see layouts/article.css .reading). */
    --container-canvas: 1440px;
    --container-max: 1120px;
    --container-narrow: 720px;

    /* Transitions - subtle hover/focus only, never decorative motion. */
    --transition-fast: 120ms ease;
    --transition-base: 200ms ease;
}