/* STEP Wellbeing — spacing, radius & layout tokens */
:root {
  /* Slide canvas (1920×1080) */
  --px: 112px;            /* slide horizontal padding */
  --py: 86px;             /* slide vertical padding */
  --slide-gap: 22px;      /* default gap in card grids (16–26px range) */

  /* Corner radii */
  --r-panel: 22px;        /* large color panels on slides (18–22px) */
  --r-card: 16px;         /* slide cards (14–16px) */
  --r-card-sm: 14px;      /* small slide cards / banners */
  --r-doc: 10px;          /* document cards (9–12px) */
  --r-chip: 8px;          /* square-ish chips on dark */
  --r-pill: 100px;        /* pill badges, always 100px */

  /* Accent bars */
  --bar-top: 5px;         /* border-top accent on slide cards (4–6px) */
  --bar-left: 4px;        /* border-left accent on document callouts */

  /* Document (A4) */
  --doc-margin: 15mm;
  --doc-header-rule: 2px; /* green rule under running header */
}