/* A 4px base, but the card's real rhythm is the frame: a 26px phase-colour border
   around a card surface, then 34px of gutter inside it. */
:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  --card-w: 1000px;
  --card-h: 1414px;      /* A-series portrait, 1:1.414 */
  --card-frame: 26px;    /* phase-colour border thickness */
  --card-gutter: 34px;   /* padding inside the card surface */
  --card-block: 22px;    /* gap between card blocks (section → section) */
  --panel-pad: 22px;     /* padding inside the white example panel */
  --stack-tight: 10px;
  --stack: 16px;
}