/* Spacing scale in px (the Tailwind step names; rem * 16), plus the width scale a
   bounds-providing container caps at, and the desktop-first breakpoints (a variant
   applies at this width and below). */
:root{
  --space-0:0px;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;
  --space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;
  --space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;
  --space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;
  --space-36:144px;--space-40:160px;--space-48:192px;--space-56:224px;--space-64:256px;

  /* Row/Column gap axis names used by the layout primitives. */
  --gap-tight:4px;--gap-snug:8px;--gap-cozy:12px;--gap-relaxed:16px;--gap-loose:24px;

  /* The width scale (Tailwind's max-w-xs..7xl values, copied by hand): the steps a
     bounds-providing container (Container, the dialog panels, overlays) caps at. */
  --width-xxxs:192px;--width-xxs:256px;--width-xs:320px;--width-sm:384px;--width-md:448px;--width-lg:512px;--width-xl:576px;--width-xxl:672px;
  --width-xxxl:768px;--width-wide:896px;--width-wider:1024px;--width-widest:1152px;--width-page:1280px;

  --bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;

  /* Platform minimum touch targets: HIG 44pt, Material 3 48dp. */
  --target-ios:44px;--target-android:48px;

  /* Z-index reserves. The scale is deliberately shallow — three levels, and every
     overlay shares the top one rather than escalating into magic numbers.
     10 = in-component layering (input addons, button-group overlaps);
     40 = an open dropdown; 50 = every overlay (popover, menu, select, dialog,
     drawer, sheet, command, toast). Nothing goes past 50. */
  --z-raised:10 /* @kind other */;--z-dropdown:40 /* @kind other */;--z-overlay:50 /* @kind other */;
}