/* SPACE, RADIUS, LAYOUT — all stock Tailwind 3.4.19 values; the product extends none of them.

   ⚠️ The layout numbers in the second block are LOAD-BEARING. They are hardcoded at several call
   sites each in the product and must agree with one another; see readme.md → Layout. */
:root{
  --space-0:0px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-3:12px;
  --space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;
  --space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;

  /* Gap defaults, by frequency of use in the product */
  --gap-default:8px;      /* gap-2 — 115 uses */
  --gap-tight:6px;        /* gap-1.5 — 77 uses */
  --gap-icon:4px;         /* gap-1 — tight icon clusters */
  --gap-form:12px;        /* gap-3 — form rows */
  --gap-card:16px;        /* gap-4 — card grids */

  /* Radii, by frequency. rounded-sm and rounded-2xl are effectively absent — don't introduce them. */
  --radius:4px;           /* rounded — badges (52 uses) */
  --radius-md:6px;        /* small previews (15) */
  --radius-lg:8px;        /* buttons, inputs, dropdowns (82) — the default */
  --radius-xl:12px;       /* cards, toolbar, popovers (20) */
  --radius-full:9999px;   /* dots, pills, swatches (76) */

  /* Load-bearing layout constants */
  --sidebar-w:240px;              /* expanded */
  --sidebar-w-collapsed:56px;     /* collapsed — fullscreen viewers offset by this */
  --panel-w:288px;                /* right panel. The width ceiling is ALREADY REACHED. */
  --topbar-h:48px;                /* map topbar — the floating toolbar is positioned off this */
  --sidebar-header-h:56px;        /* sidebar logo header */
  --toolbar-top:64px;             /* floating toolbar, "just under the 48px topbar" */
  --layout-max:1200px;            /* website only */
  --layout-gutter:24px;
  --layout-section-y:96px;

  /* Control heights + hit targets */
  --control-h-sm:24px;--control-h-md:32px;--control-h-lg:40px;
  --tool-button:32px;             /* toolbar buttons */
  --hit-min:44px;                 /* ⚠️ panel row buttons are ~15px in the product — see A11Y */
}