/* Wireslate — Spacing, radius, shadow, layout */

:root {
  /* Section rhythm */
  --section-pad-y: 100px;   /* ~94–104px vertical */
  --section-pad-x: 48px;
  --content-max: 1312px;    /* max content width */
  --measure: 760px;         /* centered text blocks */
  --measure-sub: 46ch;      /* subhead measure */

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Radii */
  --radius-chip: 12px;      /* buttons/chips 11–14px */
  --radius-button: 14px;
  --radius-compact: 12px;
  --radius-node: 16px;      /* node tables 14–18px */
  --radius-card: 22px;      /* cards 18–22px */
  --radius-cluster: 16px;   /* nav pill clusters */
  --radius-pill: 999px;
  --radius-speech: 13px 13px 13px 4px; /* comment bubble */

  /* Shadows */
  --shadow-soft: 0 12px 28px rgba(8, 4, 54, 0.07);
  --shadow-surf: 0 18px 44px rgba(8, 4, 54, 0.14);
  --shadow-hover: 0 22px 48px rgba(8, 4, 54, 0.14);

  /* Dot-grid background (paint as a layer over any surface) */
  --dot-grid-size: 26px;
}