:root{
  /* 8 pt base unit — every gap is a multiple of it */
  --u:8px;
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:40px;
  --space-6:48px;
  --space-8:64px;
  --space-10:80px;

  /* A4 document geometry */
  --page-w:210mm; /* @kind spacing */
  --page-h:297mm; /* @kind spacing */
  --page-margin-x:22mm;
  --page-margin-y:18mm;
  --grid-cols:12; /* @kind other */
  --grid-gutter:5mm; /* @kind spacing */

  /* signature motifs */
  --flag-tile:13px;
  --flag-height:26px;
  --flag-height-thin:13px;
  --flag-skew:-18deg; /* @kind other */
  --marker-thickness:3px;
  --lead-offset:6px;

  /* radii & shadows: the system has none. Kept as tokens so consumers
     cannot "pick a radius" — hairlines do the work instead. */
  --radius:0;
  --shadow:none;
}