/* ============================================================
   Midani — SPACING, RADIUS, LAYOUT, MOTION tokens
   Strict 4 / 8 grid. Friendly, soft radii.

   MIRRORED from the Midani Design System (claude.ai/design,
   project "Midani Design System", design/spacing.css).
   Do not hand-edit — re-pull to update.
   ============================================================ */
:root {
  /* Spacing — 4 / 8 grid */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-7: 32px; --s-8: 40px; --s-9: 48px; --s-10: 64px; --s-11: 80px;

  /* Radius — friendly, soft */
  --r-sm:   8px;
  --r-md:   12px;  /* buttons, inputs, chips */
  --r-lg:   16px;  /* cards, modals */
  --r-xl:   22px;
  --r-pill: 999px;

  /* Layout */
  --maxw:       1200px;
  --sidebar-w:  248px;
  --topbar-h:   68px;

  /* Motion */
  --ease:      cubic-bezier(.4, 0, .2, 1);
  --dur-fast:  120ms;
  --dur:       200ms;
}