/* RJ DTC Admin · shape.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 {
  /* ---------- radius ---------- */
  --r-chip: 4px;                           /* square chips */
  --r-control: 6px;                        /* buttons, inputs, menu items, filter chips */
  --r-card: 8px;                           /* cards, table wrap, popovers (= radius + 2) */
  --r-frame: 15px;                         /* panels, app frame, specimen cards */
  --r-pill: 999px;                         /* switch, avatar */
  --r-media: 4px;                          /* photos inside cards */
  --r-card-inner: calc(var(--r-card) - 1px); /* photo corners inside a 1px-bordered card (raised by cards-gallery) */

  /* ---------- elevation ---------- */
  --e-0: none;
  --e-1: 0 1px 2px rgba(14,23,41,.04);                                   /* card */
  --e-btn: 0 1px 2px rgba(14,23,41,.20);                                 /* primary button */
  --e-btn-2: 0 1px 1px rgba(14,23,41,.05);                               /* secondary button */
  --e-frame: 0 0 0 1px rgba(14,23,41,.05), 0 16px 36px -24px rgba(14,23,41,.20); /* app frame */
  --e-pop: 0 12px 32px -10px rgba(14,23,41,.25);                         /* dropdown, combobox */
  --e-toast: 0 12px 28px -14px rgba(14,23,41,.35);
  --e-sheet: -24px 0 60px -20px rgba(14,23,41,.35);                      /* side sheet, help drawer */
  --e-dialog: 0 24px 64px -20px rgba(14,23,41,.40);
  --e-phone-sheet: 0 -20px 50px -20px rgba(14,23,41,.50);                /* phone bottom sheet */
  --e-card-hover: 0 10px 24px -14px rgba(14,23,41,.28);                 /* lifted card / kanban card (raised by cards-gallery + data-display) */
  --sticky-edge: hsl(var(--foreground) / .09);                           /* frozen-column edge shade (raised by data-table) */
  --scrim: rgba(10,14,24,.38);
  --focus-ring: 0 0 0 1px hsl(var(--ring)), 0 0 0 4px hsl(var(--ring) / .14);

  /* ---------- stacking (raised by overlays: a guard dialog sits above an open sheet) ---------- */
  --z-sticky: 3; --z-pop: 20; --z-tip: 25; --z-scrim: 30; --z-sheet: 31; --z-guard-scrim: 40; --z-guard: 41; --z-toast: 50;

  /* ---------- kit v3 · glass blur ---------- */
  --blur-glass: 10px;      /* desktop top bar glass */
  --blur-soft: 6px;        /* glass blur written on the surfaces */

  /* ---------- kit v3 · selection rails and row focus (box-shadow) ---------- */
  --e-rail: inset 2px 0 0 hsl(var(--primary));                      /* 2px primary rail: selected row (.fc-cp-tbl) */
  --e-rail-warning: inset 2px 0 0 hsl(var(--warning));              /* 2px warning rail (surfaces) */
  --e-rail-strong: inset 3px 0 0 hsl(var(--primary));               /* 3px primary rail (surfaces) */
  --e-rail-strong-info: inset 3px 0 0 hsl(var(--info));
  --e-rail-strong-warning: inset 3px 0 0 hsl(var(--warning));       /* stale card */
  --e-rail-strong-destructive: inset 3px 0 0 hsl(var(--destructive)); /* blocked card */
  --e-row-focus: inset 0 1px 0 hsl(var(--ring)),inset 0 -1px 0 hsl(var(--ring));                          /* keyboard-focused table row cell */
  --e-row-focus-first: inset 2px 0 0 hsl(var(--ring)),inset 0 1px 0 hsl(var(--ring)),inset 0 -1px 0 hsl(var(--ring)); /* its first cell */
}