/* Spacing, radius, sizing, layering. Named by their px value at the 1080p baseline. */
:root{
  --space-0:0;
  --space-2:0.125rem;  /* hairline gaps: count to edge, tile meta inset */
  --space-4:0.25rem;   /* grid margin, icon↔label in dense rows */
  --space-6:0.375rem;  /* panel gap, slot gap (= ox --gap) */
  --space-8:0.5rem;    /* control inner padding, header x-padding */
  --space-12:0.75rem;  /* panel padding, tooltip padding */
  --space-16:1rem;     /* section spacing inside a panel */
  --space-20:1.25rem;  /* modal padding */
  --space-24:1.5rem;   /* between panel clusters */
  --space-32:2rem;     /* screen gutters */

  --radius-0:0;
  --radius-1:1px;
  --radius-2:2px;
  --radius-3:3px;
  --radius-panel:var(--radius-2);
  --radius-control:var(--radius-2);
  --radius-slot:var(--radius-1);
  --radius-key:var(--radius-2);
  --clip-corner:0.5rem; /* @kind spacing */ /* clipped-corner size for plates */

  /* inventory grid — preserves ox_inventory's --cell philosophy */
  --cell:5rem; /* @kind spacing */ /* 80px @1080p; ox runtime may override with clamp(52px,7.4vh,124px) */
  --grid-gap:0; /* @kind spacing */ /* items span cells, lines are painted */
  --grid-margin:var(--space-4); /* @kind spacing */
  --slot-gap:var(--space-6); /* @kind spacing */
  --panel-gap:var(--space-6); /* @kind spacing */
  --gap:var(--space-6); /* @kind spacing */ /* ox alias */

  --control-h-sm:1.75rem; /* @kind spacing */ /* 28 */
  --control-h-md:2.25rem; /* @kind spacing */ /* 36 */
  --control-h-lg:2.75rem; /* @kind spacing */ /* 44 */
  --header-h:2.5rem; /* @kind spacing */ /* 40 — panel header band */
  --header-h-compact:1.875rem; /* @kind spacing */

  --icon-xs:0.875rem; /* @kind spacing */ /* 14 */
  --icon-sm:1rem; /* @kind spacing */ /* 16 */
  --icon-md:1.25rem; /* @kind spacing */ /* 20 */
  --icon-lg:1.5rem; /* @kind spacing */ /* 24 */
  --icon-stroke:1.75; /* @kind other */

  --z-world:0; /* @kind other */
  --z-hud:10; /* @kind other */
  --z-panel:20; /* @kind other */
  --z-grid-hover:3; /* @kind other */
  --z-drag-preview:60; /* @kind other */
  --z-dropdown:70; /* @kind other */
  --z-craft-menu:80; /* @kind other */
  --z-tooltip:90; /* @kind other */
  --z-context-menu:95; /* @kind other */
  --z-modal:100; /* @kind other */
  --z-toast:110; /* @kind other */
}