/* ─────────────────────────────────────────────────────────────
   Worki — Spacing, radius & layout tokens   (prefix: --w-)
   4px base grid. One radius scale. (Shadows live in elevation.css.)
   ───────────────────────────────────────────────────────────── */
:root {
  /* ── Spacing (4px grid) ── */
  --w-space-1: 4px;
  --w-space-2: 8px;
  --w-space-3: 12px;
  --w-space-4: 16px;
  --w-space-5: 20px;   /* mobile screen margin */
  --w-space-6: 24px;
  --w-space-8: 32px;
  --w-space-12: 48px;

  /* ── Radius ── */
  --w-radius-sm: 8px;
  --w-radius-md: 12px;
  --w-radius-card: 22px;   /* signature card / surface radius */
  --w-radius-lg: 16px;
  --w-radius-pill: 9999px;

  --w-page-inset: 20px;
  --w-page-gap: 14px;
  --w-control-height: 44px;

  /* ── Layout ── */
  --w-content-max: 640px;  /* feed / single-column content width */
  --w-shell-max: 1240px;   /* desktop app shell max width */
  --w-header-h: 56px;      /* fixed top bar height */
  --w-tap-min: 44px;       /* minimum touch target */
}

@media (max-width: 380px) {
  :root { --w-page-inset: 12px; --w-page-title: 700 22px/1.25 var(--w-font-heading); }
}