/* ── Spacing tokens ─────────────────────────────────────────────────
   The production app writes raw px on a 4/8 rhythm (see MASTER.md). These
   named tokens make that rhythm addressable for new work built on the
   system. Values match the documented scale exactly; use them instead of
   inventing off-grid gaps.

   Micro 4 · Small 8 · Medium 12–16 · Large 24 · XL 32–48 */

:root {
  --space-1: 4px; /* icon-text gaps */
  --space-2: 8px; /* within-component padding */
  --space-3: 12px; /* component padding, sidebar items */
  --space-4: 16px; /* card padding, page gutters */
  --space-6: 24px; /* section gaps, page padding */
  --space-8: 32px; /* between major sections */
  --space-12: 48px; /* XL section breaks */

  /* Common component measures */
  --sidebar-width: 220px;
  --content-max: 640px; /* focused single-column views (Daily, Inbox) */
  --content-max-wide: 800px; /* list / category views */
}