/* ============================================================
   Confirm — elevation, motion & effect tokens
   ============================================================ */
:root {
  /* ---- shadows (cool navy-tinted, layered) ---- */
  --shadow-sm: 0 1px 2px rgba(10,16,58,.06), 0 2px 8px rgba(10,16,58,.05);
  --shadow:    0 4px 14px rgba(10,16,58,.08), 0 18px 50px rgba(10,16,58,.10);
  --shadow-lg: 0 12px 40px rgba(10,16,58,.16), 0 40px 90px rgba(10,16,58,.18);

  /* button glow — brand navy */
  --shadow-btn:       0 1px 1px rgba(7,14,54,.22), 0 8px 22px rgba(11,29,111,.24);
  --shadow-btn-hover: 0 2px 4px rgba(7,14,54,.24), 0 14px 32px rgba(11,29,111,.34);

  /* ---- motion ---- */
  --ease: cubic-bezier(.22,.61,.36,1);   /* @kind other */  /* signature ease-out */
  --dur-fast: .18s;  /* @kind other */
  --dur:      .25s;  /* @kind other */
  --dur-slow: .7s;   /* @kind other */

  /* ---- focus ring (brand green) ---- */
  --ring: 0 0 0 4px rgba(37,213,95,.16);
}