:root{
  --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;

  /* Court grid: 2px lines, inset 4.8% of the SHORTER edge */
  --grid-line-width:2px;
  --grid-inset:4.8%;

  /* Perforation — the pickleball hole pattern */
  --perf-pitch:15px;
  --perf-dot:2px;

  /* Cut corner — the only window shape. 14% of width on cards. */
  --cut-corner-card:14%;
  --cut-corner-chip:10px;

  /* Radii: the brand is square. Pills only for tags/badges. */
  --radius-none:0px;
  --radius-pill:999px;
}