:root {
  /* ── Slide geometry ──────────────────────────────────────────── */
  --slide-w: 1920px;
  --slide-h: 1080px;
  --slide-margin: 48px;     /* canvas inset (title & main start at 48px) */
  --main-top: 192px;        /* y where the main content area begins */

  /* ── Spacing scale (the gaps actually used in the deck) ──────── */
  --space-2: 10px;          /* tightest stack gap / icon padding */
  --space-3: 15px;          /* pill internal gap */
  --space-4: 20px;          /* list gap between pills */
  --space-5: 27px;          /* pill right padding */
  --space-8: 48px;          /* canvas margin */

  /* ── Radii ───────────────────────────────────────────────────── */
  --radius-pill: 90px;      /* white pills, skill bars */
  --radius-sm: 5px;         /* frames */
  --radius-circle: 50%;     /* avatars, nodes */

  /* ── Elevation ───────────────────────────────────────────────── */
  /* soft lift so white pills stay separated from the brighter canvas */
  --shadow-card: 0 2px 10px rgba(28, 40, 64, 0.07); /* @kind shadow */

  /* ── Pill / item sizing ──────────────────────────────────────── */
  --pill-h: 99px;
  --avatar: 79px;           /* avatar circle inside a pill */
  --node: 50px;             /* timeline node */
}