/* ============================================================
   ELEVATION — radii, borders, shadows
   SFG surfaces are flat, hairline-ruled, with soft navy-tinted
   shadows. No heavy drop shadows on light surfaces.
   ============================================================ */
:root {
  /* ---- Radii ---- */
  --radius-xs: 4px;   /* buttons, chips, status pills inner */
  --radius-sm: 6px;   /* inputs */
  --radius: 8px;      /* default — panels, cards */
  --radius-lg: 12px;  /* feature cards */
  --radius-pill: 999px;

  /* ---- Borders ---- */
  --border-w: 1px;
  --border-accent-w: 2px; /* left-accent rule on quotes / lanes */

  /* ---- Shadows (navy-tinted, soft) ---- */
  --shadow-xs: 0 1px 2px rgba(10, 25, 47, 0.06);
  --shadow-sm: 0 2px 8px rgba(10, 25, 47, 0.06);
  --shadow-card: 0 18px 48px rgba(10, 25, 47, 0.08);
  --shadow-panel: 0 24px 64px rgba(10, 25, 47, 0.10);
  --shadow-float: 0 24px 80px rgba(5, 13, 27, 0.34); /* dark agent desk */

  /* ---- Focus ring ---- */
  --ring-w: 3px;
  --ring-color: rgba(20, 158, 143, 0.22);

  /* ---- Glow (live signal dot) ---- */
  --glow-teal: 0 0 0 4px rgba(20, 158, 143, 0.16), 0 0 22px rgba(43, 182, 168, 0.55);
}