/* Wake layout / motion / elevation tokens — verbatim from terminal.css :root. */
:root, [data-theme="dark"] {
  /* Spacing — the ONLY sanctioned padding/margin/gap values inside panels */
  --sp-0: 0; /* @kind spacing */ --sp-1: 2px; --sp-2: 4px; --sp-3: 8px; --sp-4: 12px; --sp-5: 16px; --sp-6: 24px; --sp-7: 32px;
  /* Radii — radius-by-altitude; data cells stay square */
  --r-none: 0; /* @kind radius */ --r-sm: 4px; --r-md: 6px; --r-lg: 10px; --r-float: 12px; --r-tab: 7px;
  /* Elevation + materials (layered-light recipe: shadow below, hairline highlight on top) */
  --shadow-card: 0 1px 0 rgba(0,0,0,0.4);
  --shadow-pop: 0 4px 16px rgba(0,0,0,0.6);
  --elev-1: 0 0 0 1px rgba(0,0,0,0.40), 0 1px 2px rgba(0,0,0,0.40), 0 4px 12px rgba(0,0,0,0.35);
  --elev-2: 0 0 0 1px rgba(0,0,0,0.55), 0 2px 6px rgba(0,0,0,0.35), 0 12px 32px rgba(0,0,0,0.55);
  --edge-highlight: rgba(255,255,255,0.06);
  --material-pop: rgba(12,12,12,0.86); --material-tip: rgba(8,8,8,0.97);
  --material-deck: rgba(40,40,40,0.62); --material-rail: rgba(11,11,11,0.84);
  /* Focus ring — line and halo on the accent */
  --ring: 0 0 0 1px rgba(45,109,196,0.85), 0 0 0 4px rgba(45,109,196,0.18);
  --ring-offset: 2px;
  /* Control family (2026-09-02) — height is set, never derived from padding */
  --ctl-h: 28px; --ctl-h-sm: 24px; --ctl-h-lg: 36px;
  --ctl-h-dial: 52px; /* SINGLE USE: the BID panel price dial (WAKE-197) */
  --ctl-gap: calc(var(--sp-1) * 3); --ctl-r: var(--r-md); /* one radius for every control */
  /* Chrome heights */
  --topbar-h: 36px; --panel-header-h: 38px; --statusline-h: 40px; --statusbar-h: 30px;
  /* Row rhythm — --row-py is the product's density lever */
  --row-py: 11px; --row-h-xs: 24px; --row-h-sm: 28px; --row-h-md: 32px; --row-h-lg: 40px;
  --rbf-row: var(--row-h-md); --rbf-tap: 16px;
  /* Z-index — never write a numeric z-index */
  --z-base: 0; /* @kind other */ --z-sticky: 10; /* @kind other */ --z-dropdown: 100; /* @kind other */ --z-overlay: 300; /* @kind other */ --z-popover: 500; /* @kind other */ --z-tooltip: 800; /* @kind other */ --z-toast: 1000; /* @kind other */
  /* Motion — entrances animate, exits are instant, data never animates */
  --motion-fast: 80ms; /* @kind other */ --motion-standard: 140ms; /* @kind other */ --motion-slow: 220ms; /* @kind other */ --motion-spring: 285ms; /* @kind other */ --motion-enter: 180ms; /* @kind other */
  --ease-terminal: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.42, 0.5, 1); /* @kind other */
  --ease-out-quint: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
}