/* TDS — Spacing, radii, strokes. Manual px @300dpi × 0.32 = CSS px. */
:root{
  /* Page grid (A4 landscape 297×210 mm ≙ 3509×2482 px @300dpi ≙ 1122.88×794.24 CSS px) */
  --page-w:1122.88px;/* @kind spacing */--page-h:794.24px;/* @kind spacing */
  --page-margin-x:123.84px;/* @kind spacing */    /* content left edge 387px */
  --page-head-x:21.76px;/* @kind spacing */       /* running head 68px */
  --page-head-y:18.24px;/* @kind spacing */       /* running head 57px */
  --page-title-y:111.68px;/* @kind spacing */     /* headline top 349px */
  --page-panel-y:200.32px;/* @kind spacing */     /* coloured panels start 626px */

  --space-1:4.16px;   /* 13px */
  --space-2:8.32px;   /* 26px */
  --space-3:13.12px;  /* 41px — gap between nav-mark squares */
  --space-4:17.92px;  /* 56px */
  --space-5:26.24px;  /* 82px — card inner inset */
  --space-6:39.68px;  /* 124px */
  --space-7:60px;
  --space-8:96px;

  --radius-card:13.76px;       /* 43px — colour cards, swatches */
  --radius-tile:22.72px;       /* 71px — logo tiles */
  --radius-panel:23.68px;      /* 74px — top corners of tall panels */
  --radius-panel-tr:22.4px;    /* 70px — single top-right corner, page panels */
  --radius-hero:48.96px;       /* 153px — single top-left corner, photo panel */
  --radius-none:0;             /* pixels/squares are always sharp */

  --stroke-hairline:1px;
  --shadow-panel-edge:inset 0 0 0 1px var(--tds-grey-300);

  --pixel-s:6.72px;/* @kind spacing */            /* 21px marker square */
  --pixel-m:13.21px;/* @kind spacing */           /* 41.277px nav-mark square */
  --pixel-l:24.96px;/* @kind spacing */           /* 78px marker square */
}