/* ============================================================
   TERIAC — Elevation tokens
   Two shadow languages:
     • on LIGHT product surfaces — soft navy-tinted lift
     • on DARK brand surfaces    — deep ambient drop + inner sheen
   Plus a cerulean focus ring used across interactive controls.
   ============================================================ */
:root {
  /* Light product surfaces */
  --shadow-xs:  0 1px 2px rgba(6, 26, 46, 0.06);
  --shadow-sm:  0 2px 8px rgba(6, 26, 46, 0.07);
  --shadow-md:  0 12px 26px rgba(6, 26, 46, 0.08);   /* default card */
  --shadow-lg:  0 20px 44px rgba(6, 26, 46, 0.12);
  --shadow-xl:  0 28px 64px rgba(6, 26, 46, 0.16);

  /* Dark brand surfaces */
  --shadow-panel: 0 24px 70px rgba(0, 0, 0, 0.30);
  --shadow-inset-sheen: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --glow-cerulean: 0 0 0 1px rgba(143, 215, 255, 0.10), 0 18px 50px rgba(77, 183, 232, 0.25);

  /* Focus ring (both contexts) */
  --focus-ring: 0 0 0 3px rgba(77, 183, 232, 0.35);
  --focus-ring-tight: 0 0 0 2px rgba(77, 183, 232, 0.45);
}