/* Spacing scale in px (the Tailwind step names; rem * 16), plus the standard field
   widths every input-like control renders 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;

  /* 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;

  --field-narrow:240px;--field-base:320px;--field-wide:480px;

  --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 */;
}