:root{
/* --- spacing scale ---
   Every padding, margin and gap on the page resolves to one of these nine steps.
   A value that is not on the scale is a bug, not a nuance. */
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;

/* block rhythm: full-bleed bands stacked without gaps.
   Every band uses the same vertical rhythm — the bands are told apart by
   surface colour, not by how much air they carry. */
--band-pad-y:var(--space-8);
--band-pad-x:var(--space-5);
--content-max:640px;      /* running prose — the reading measure */
--block-max:680px;        /* player, press, live widget, newsletter — one shared measure */
--content-max-wide:1080px;

/* --- component sizes ---
   Fixed dimensions live here too, so nothing measurable is written into a rule. */
--size-icon:34px;               /* platform glyph, sky band */
--size-icon-sm:22px;            /* platform glyph, footer */
--size-control:40px;            /* player skip button */
--size-control-lg:44px;         /* player play/pause */
--size-control-sm:16px;         /* native checkbox */
--size-trk-num:14px;            /* tracklist index column */
--size-gig-day:46px;            /* gig row date column */
--size-progress:3px;            /* player progress rail */
--size-hairline:1px;            /* the 1px sliver .visually-hidden collapses to */
--size-cover:clamp(96px,26vw,132px);
--size-mark:clamp(120px,34vw,220px);
--size-wordmark:clamp(130px,40vw,200px);
--size-wordmark-sm:clamp(112px,32vw,160px);  /* the footer's own, quieter size */
--wordmark-max:80%;             /* never edge-to-edge, however narrow the screen */
--size-action-min:72px;         /* press actions all match the widest label, "Laden" */
--backdrop-drop:120px;          /* how far the photograph hangs below the fold on a phone */
--backdrop-fade:120px;          /* over how much of its top edge it dissolves into the sky */
--band-mark-h:340px;            /* the height the rotating mark stands in, on a phone */
--band-mark-h-lg:460px;         /* from 648px up, where the mark reaches full size */
--ratio-wordmark:1.969;         /* intrinsic aspect of logo-offwhite.svg */
}