/* BuJo — Spacing & sizing tokens
   The source app doesn't sit on an 8px grid — it uses a slightly denser,
   organic spacing rhythm. These tokens are the literal recurring values,
   not a rounded scale. */
:root {
  --space-1: 3px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;
  --space-8: 15px;
  --space-9: 16px;
  --space-10: 18px;
  --space-11: 20px;
  --space-12: 22px;
  --space-13: 26px;
  --space-14: 34px;
  --space-15: 44px;

  --sidebar-w: 230px;
  --content-max-w: 1180px;
  --modal-max-w: 520px;

  --hit-icon: 40px;   /* .iconbtn */
  --hit-pill: 34px;   /* .type-pill */
  --hit-switch-w: 46px;
  --hit-switch-h: 26px;
}