/* RJ DTC Admin · spacing.css · split verbatim from phase-2/kit/tokens.css (kit v3) by phase-4/src/build_pack.py.
   Colour roles are shadcn-style bare HSL triples: use hsl(var(--x)) or hsl(var(--x) / .12). */
:root {
  /* ---------- spacing: 4px grid ---------- */
  --s-0: 0; --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
  --s-7: 28px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-18: 72px;

  /* ---------- sizes ---------- */
  --control-h: 40px;      /* button, input, select (desktop) */
  --control-h-sm: 34px;   /* small button, row actions */
  --control-h-m: 44px;    /* phone minimum tap target */
  --control-h-m-lg: 48px; /* phone primary / sheet buttons */
  --row: 44px;            /* table row */
  --row-th: 36px;         /* table header */
  --topbar-h: 56px;
  --sidebar-w: 232px;
  --sheet-w: 404px;
  --dialog-w: 480px;
  --help-w: 380px;
  --sheet-w-md: 532px;    /* medium side sheet: detail views (raised by overlays) */
  --sheet-w-lg: 856px;    /* large side sheet: create key, long forms (raised by overlays) */
  --row-compact: 36px;    /* compact table density (raised by data-table) */
  --control-h-xs: 28px;   /* inline buttons inside photo slots, compact pills (raised by form-controls) */
  --chip-h: 22px;
  --chip-h-lg: 26px;      /* header-size chip (raised by status-feedback) */
  --pbar-h: 52px;         /* phone top bar (raised by specimens) */
  --tabbar-h: 62px;       /* phone tab bar incl. padding (raised by specimens) */
  --content-max: 1280px;  /* page content stops growing past this (raised by specimens; build lane) */

  /* ---------- kit v2 page primitives (Round 4 promotion, see KIT-CHANGELOG.md § v2) ---------- */
  --tab-h: 40px;           /* page / section tab strip (.tabs) */
  --tab-h-m: 44px;         /* phone tab strip, thumb height */
  --kv-label: 120px;       /* key/value aside label column (.k-kv) */
  --kv-label-m: 104px;
  --li-min-h: 72px;        /* phone list row without a thumbnail (.k-li) */
  --actbar-blur: 8px;      /* phone action bar / phone save bar glass */

  /* ---------- kit v3 · icon sizes (Lucide on a 24px grid, 1.75 stroke; see KIT-CHANGELOG.md § v3) ---------- */
  --icon-12: 12px;         /* surface literal (svg width=12) */
  --icon-13: 13px;         /* surface literal (svg width=13) */
  --icon-14: 14px;         /* contract size inside chips, menus and small buttons */
  --icon-15: 15px;         /* surface literal (svg width=15), the most used off-contract size */
  --icon-16: 16px;         /* contract default */
  --icon-18: 18px;         /* surface literal (svg width=18) */
  --icon-19: 19px;         /* surface literal (svg width=19) */
  --icon-20: 20px;         /* contract size in empty states */
  --icon-22: 22px;         /* surface literal (svg width=22) */
  --icon-28: 28px;         /* surface literal (svg width=28) */

  /* ---------- viewports (dedicated compositions, never a responsive collapse) ---------- */
  --vp-desktop: 1440px;
  --vp-phone: 390px;
}