/* ============================================================
   TANK'S TRADING DESK — Spacing, radii, shadows
   Instrument-panel structure: 6-col base, 8px gutter, hairline
   borders, generous air. Radii are restrained; shadows are
   soft and cool, never heavy.
   ============================================================ */

:root {
  /* ---- Spacing scale (8px base) ---- */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;  --s-6: 32px;  --s-7: 48px;  --s-8: 64px;
  --s-9: 96px;  --s-10: 128px;

  /* ---- Grid ---- */
  --grid-cols: 6; /* @kind other */
  --grid-gutter: 8px;
  --page-margin: 64px;

  /* ---- Radii ---- */
  --r-sm:   8px;
  --r:      10px;
  --r-lg:   18px;
  --r-pill: 999px;

  /* ---- Border widths ---- */
  --bw-hairline: 1px;
  --bw-accent:   2px;

  /* ---- Shadows (soft, cool, never heavy) ---- */
  --shadow-sm:   0 1px 2px rgba(17, 24, 39, 0.05);
  --shadow:      0 4px 14px rgba(17, 24, 39, 0.08);
  --shadow-lg:   0 6px 28px rgba(17, 24, 39, 0.14);
  --shadow-desk: 0 8px 32px rgba(0, 0, 0, 0.40);  /* on dark surfaces */

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur:      200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */
}