/* ============================================================
   Liquid Edge — Effects: radii, borders, shadows, motion
   Restrained. Crisp hairline borders do most of the work;
   shadows are deep and soft, never decorative.
   ============================================================ */

:root {
  /* ---- Corner radii — tight & technical ---- */
  --radius-xs:   3px;
  --radius-sm:   5px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-pill: 999px;

  /* ---- Border widths ---- */
  --bw-hair: 1px;  /* @kind other */
  --bw-2:    2px;  /* @kind other */

  /* ---- Elevation: deep, soft, low-spread (dark UI) ---- */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.40);
  --shadow-md:  0 6px 20px -6px rgba(0,0,0,0.55);
  --shadow-lg:  0 18px 44px -12px rgba(0,0,0,0.65);
  --shadow-pop: 0 24px 64px -16px rgba(0,0,0,0.72);

  /* inset hairline for inputs / wells */
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.02), inset 0 0 0 1px rgba(0,0,0,0.20);

  /* brand glow — used sparingly on focus / live state */
  --glow-accent: 0 0 0 1px rgba(46,134,255,0.45), 0 0 24px -4px rgba(46,134,255,0.40);

  /* ---- Motion ---- */
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);      /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --ease-snap: cubic-bezier(0.34, 1.4, 0.64, 1);    /* @kind other */
  --dur-fast:  120ms;  /* @kind other */
  --dur-base:  180ms;  /* @kind other */
  --dur-slow:  280ms;  /* @kind other */
}