/* Design Tokens - loads after legacy style.css to override */
:root{
  /* spacing */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  /* radii */
  --r-sm: 6px; --r-md: 10px; --r-lg: 12px; --r-xl: 16px;
  /* z-index */
  --z-map: 0; --z-tray: 900; --z-overlay: 1000; --z-hud: 1100;
  /* tray */
  --tray-w: 340px;           /* ← readable width */
  --tray-w-mobile: 92vw;     /* wide on phones */
  --tray-max-h-desktop: 520px;
  --tray-max-h-mobile: 65vh;
  --tray-ease: 300ms cubic-bezier(.2,.8,.2,1);

  /* safe area */
  --safe-b: env(safe-area-inset-bottom, 0px);
}