:root {
  /* ─── Elevation ───────────────────────────────────────────────
     Color-block first, shadow second. Shadows are minimal across the
     system; depth comes from contrast between canvas and signature
     surfaces. These are the few real shadows the app layer needs. */
  --shadow-none: none;

  /* hairline "border-as-elevation" — the system's default separation */
  --border-hairline-1: 1px solid var(--hairline);

  /* primary CTA rest — soft drop with a faint blue-tinted glow
     (holdover from the link color, reads as a subtle accent) */
  --shadow-button: 0 1px 2px rgba(13, 18, 24, 0.16), 0 0 0 0.5px rgba(27, 97, 201, 0.08);

  /* keyboard focus ring on primary buttons */
  --shadow-focus: 0 0 0 3px rgba(69, 143, 255, 0.45);

  /* app-layer popovers / dropdowns / record panels — restrained */
  --shadow-popover: 0 4px 16px rgba(13, 18, 24, 0.12), 0 1px 3px rgba(13, 18, 24, 0.08);
  --shadow-panel: -6px 0 24px rgba(13, 18, 24, 0.10);

  /* dragged grid row */
  --shadow-drag: 0 8px 24px rgba(13, 18, 24, 0.18);
}