/* ---------- The ink pop ----------
   2px ink border plus a hard offset shadow in the same ink, zero blur,
   always down-right at 45°. The element translates 3px into its own
   shadow on hover. Shadows NEVER stack: if a popped card holds a popped
   button, the card drops to pop-2 and only the button keeps pop-3.
   No gradients, no blurred shadows, no glassmorphism.
--------------------------------------------------------------------- */
:root{
  --nm-stroke:       2px solid var(--nm-ink);
  --nm-stroke-thick: 3px solid var(--nm-ink);
  --nm-stroke-hair:  1.8px solid var(--nm-ink);   /* pills, tiles, inputs */
  --nm-stroke-quote: 2.5px solid var(--nm-ink);   /* quote card only */

  --nm-pop-1: 2px 2px 0 var(--nm-ink);   /* inputs, pills, city links */
  --nm-pop-2: 3px 3px 0 var(--nm-ink);   /* cards, tiles */
  --nm-pop-3: 5px 5px 0 var(--nm-ink);   /* buttons, quote card */
  --nm-pop-hover-shift: 3px;             /* translate on hover, then drop to pop-1 */

  --nm-ease: cubic-bezier(.2,.9,.25,1); /* @kind other */
  --nm-dur:  .16s; /* @kind other */
}