/* ============================================================
   LAUNDRY EXPRESS — Effects (shadow, motion)
   The brand reads FLAT: hairline borders do the structural work,
   shadows are reserved for genuinely floating UI (menus, toasts).
   Motion is brisk and clean — short, eased, no bounce.
   ============================================================ */
:root {
  /* — Elevation (use sparingly; prefer borders) — */
  --le-shadow-none: none;
  --le-shadow-xs: 0 1px 2px rgba(15,17,21,0.06);
  --le-shadow-sm: 0 2px 8px rgba(15,17,21,0.07);
  --le-shadow-md: 0 8px 24px rgba(15,17,21,0.10);
  --le-shadow-lg: 0 18px 48px rgba(15,17,21,0.14);
  --le-shadow-focus: 0 0 0 3px rgba(60,94,171,0.35);

  /* — Motion — */
  --le-ease: cubic-bezier(0.2, 0, 0.1, 1);   /* @kind other */
  --le-ease-inout: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --le-dur-fast: 120ms; /* @kind other */
  --le-dur: 180ms;      /* @kind other */
  --le-dur-slow: 320ms; /* @kind other */

  /* — Interaction conventions —
     hover  : darken accent / 4% surface tint
     press  : darken further + scale 0.98
     focus  : 3px blue ring (--le-shadow-focus) */
  --le-press-scale: 0.98; /* @kind other */
}