/* ============================================================
   FlowSpace — Layout & grid tokens
   Desktop-only: 1440px target, 1120px supported floor.
   12-column grid, 32px gutter.
   ============================================================ */

:root {

  /* ── Container max-widths ──────────────────────── */
  --container-sm:  640px;
  --container-md:  768px;
  --container-lg:  1024px;
  --container-xl:  1280px;
  --container-2xl: 1440px;  /* desktop handoff width */
  --container-3xl: 1920px;

  /* ── Grid ─────────────────────────────────────── */
  --grid-columns-sm: 4;   /* @kind other */
  --grid-columns-md: 8;   /* @kind other */
  --grid-columns-lg: 12;  /* @kind other */

  --grid-gutter-sm: var(--space-4);  /* 16px */
  --grid-gutter-md: var(--space-6);  /* 24px */
  --grid-gutter-lg: var(--space-8);  /* 32px */

  --grid-margin-sm:  var(--space-4);   /* 16px */
  --grid-margin-md:  var(--space-6);   /* 24px */
  --grid-margin-lg:  var(--space-8);   /* 32px */
  --grid-margin-xl:  var(--space-10);  /* 40px */
  --grid-margin-2xl: var(--space-16);  /* 64px */
}