/* ── Elevation, shadow, motion ─────────────────────────────────
   CFA digital surfaces use soft, low-contrast shadows and gentle,
   quick easing. No harsh drop shadows; nothing bouncy or flashy. */
:root{
  --shadow-xs:0 1px 2px rgba(26,26,26,.06);
  --shadow-sm:0 1px 3px rgba(26,26,26,.08),0 1px 2px rgba(26,26,26,.05);
  --shadow-md:0 4px 12px rgba(26,26,26,.08);
  --shadow-lg:0 10px 28px rgba(26,26,26,.10);
  --shadow-xl:0 20px 48px rgba(26,26,26,.12);
  --shadow-brand:0 8px 20px rgba(221,0,51,.24);

  /* Motion */
  --ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
  --ease-in:cubic-bezier(.4,0,1,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */

  /* Focus */
  --focus-width:3px; /* @kind other */
  --focus-offset:2px; /* @kind other */
}