/* SinParty — Spacing & layout tokens.
   4px base rhythm; the file mixes it with organic values (10px radii, 14px
   button padding) — those live in effects.css, not snapped to a grid. */

:root {
  --space-0: 0;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 20px;
  --space-8: 24px;
  --space-9: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Common gaps seen in auto-layout */
  --gap-chip: 8px;
  --gap-card: 16px;
  --gap-section: 32px;

  /* Container widths */
  --content-max: 1440px;   /* desktop art board */
  --sidebar-w: 232px;      /* home filter rail */
  --mobile-w: 375px;       /* mobile art board */
}