/* On a dark surface, elevation comes from a lighter fill plus a hairline
   border. Shadows are reserved for things that genuinely float above the
   canvas: the nav, modals, and the green glow under the FAB. */
:root {
  --shadow-nav: 0 12px 32px rgba(0,0,0,0.5);
  --shadow-modal: 0 20px 40px rgba(0,0,0,0.4);
  --shadow-fab: 0 6px 16px rgba(155,227,109,0.33);
  --blur-nav: blur(20px); /* @kind other */
}