/* DWC — Spacing, radii, sizing.
 * 4px base grid. Generous whitespace is a brand trait (airy enterprise decks). */
:root {
  --space-0: 0;
  --space-1: 0.25rem;  /* 4 */
  --space-2: 0.5rem;   /* 8 */
  --space-3: 0.75rem;  /* 12 */
  --space-4: 1rem;     /* 16 */
  --space-5: 1.5rem;   /* 24 */
  --space-6: 2rem;     /* 32 */
  --space-7: 3rem;     /* 48 */
  --space-8: 4rem;     /* 64 */
  --space-9: 6rem;     /* 96 */
  --space-10: 8rem;    /* 128 */

  /* Radii — the brand shape language is rectangular & restrained.
   * Buttons and boxes use small radii (0–4px); circles reserved for data rings/avatars. */
  --radius-none: 0;
  --radius-button: 4px;  /* buttons, chips, cards */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;  /* rare — legacy only */
  --radius-bubble: 50%;  /* data rings / avatars */

  /* Slide canvas */
  --slide-w: 1280px; /* @kind spacing */
  --slide-h: 720px; /* @kind spacing */
  --slide-pad: 72px; /* @kind spacing */

  /* Content widths */
  --measure: 66ch; /* @kind other */
}