/* ============================================================
   SPACING, RADII, BORDERS, GRID
   Structure creates hierarchy here — lines, grids and frames,
   not shadows. The spacing scale is tight and modular.
   ============================================================ */

:root {
  /* spacing scale */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   40px;
  --space-2xl:  64px;
  --space-3xl:  96px;

  /* corner radii — the soft fibreglass shells of the Opsroom.
     Hardware (panels) gets the larger radii; data screens are
     near-square. */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-shell: 18px;   /* the wall-panel / chair-shell radius */
  --radius-pill:  999px;

  /* border weights — geometric framing is load-bearing */
  --border-thin:   1px;
  --border-medium: 2px;
  --border-thick:  4px;

  /* layout */
  --grid-unit:     8px;
  --container-max: 1280px;
  --panel-gap:     2px;    /* the tight seam between Opsroom panels */

  /* motion — CRT-discrete, never flashy */
  --dur-fast:   150ms;  /* @kind other */
  --dur-base:   220ms;  /* @kind other */
  --dur-slow:   300ms;  /* @kind other */
  --ease-crt:   cubic-bezier(0.2, 0, 0, 1);  /* @kind other */
  --ease-step:  steps(1, end);   /* @kind other */
}