/* ── Typework v2 spacing & radii ─────────────────────────────────────
 * A clean 4px scale (tighter than v1). Most cards land on 10–14px radius;
 * pills round all the way.
 * ------------------------------------------------------------------- */
:root {
  /* ── Spacing scale (4px base) ──────────────────────────────── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;   /* panel inset — the canonical frame gap          */
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  --panel-inset: 12px;

  /* ── Radii ─────────────────────────────────────────────────── */
  --r-sm: 6px;
  --r-md: 10px;        /* buttons, inputs, small controls               */
  --r-lg: 14px;        /* cards / panels                                */
  --r-xl: 20px;        /* large surfaces                                */
  --r-pill: 9999px;    /* chips, mode-pill, marketing CTAs              */

  /* aliases (component-friendly names) */
  --radius-sm: var(--r-sm);
  --radius-button: var(--r-md);
  --radius-md: var(--r-md);
  --radius-lg: var(--r-lg);
  --radius-xl: var(--r-xl);
  --radius-pill: var(--r-pill);

  /* ── Layout dimensions ─────────────────────────────────────── */
  --sidebar-narrow: 64px;
  --sidebar-wide: 240px;
  --chat-default: 420px;
  --chat-min: 320px;
  --chat-max: 720px;

  --avatar-sm: 24px;
  --avatar-md: 32px;
  --avatar-lg: 40px;

  --row-compact: 44px;
  --row-comfy: 56px;

  --control-sm: 30px;
  --control-md: 36px;
  --control-lg: 44px;
}