/* ============================================================
   MEF · Elevation, radius, border, motion
   Restrained, institutional. Small radii, quiet shadows,
   no flashy motion.
   ============================================================ */
:root {
  /* Corner radius — editorial = tight */
  --radius-xs:   2px;
  --radius-sm:   3px;
  --radius-md:   5px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-pill: 999px;

  /* Border widths */
  --bw:        1px;
  --bw-strong: 2px;
  --bw-accent: 3px;   /* crimson kicker rule / left marker */

  /* Shadows — cool navy-tinted, low spread */
  --shadow-xs:   0 1px 1px rgba(10, 28, 54, 0.05);
  --shadow-sm:   0 1px 2px rgba(10, 28, 54, 0.08), 0 1px 1px rgba(10, 28, 54, 0.04);
  --shadow-card: 0 1px 3px rgba(10, 28, 54, 0.08), 0 8px 18px -8px rgba(10, 28, 54, 0.12);
  --shadow-pop:  0 14px 36px -10px rgba(10, 28, 54, 0.24);
  --shadow-focus: 0 0 0 3px rgba(53, 90, 137, 0.35);

  /* Motion */
  --ease:       cubic-bezier(0.2, 0.6, 0.2, 1);  /* @kind other */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);   /* @kind other */
  --dur-fast:   120ms;  /* @kind other */
  --dur:        200ms;  /* @kind other */
  --dur-slow:   340ms;  /* @kind other */

  /* Z-index ladder */
  --z-base:   1;     /* @kind other */
  --z-sticky: 100;   /* @kind other */
  --z-header: 200;   /* @kind other */
  --z-pop:    900;   /* @kind other */
  --z-modal:  1000;  /* @kind other */
}