/* Elevation. Light theme: soft warm shadows. Dark theme: depth comes from lifting
   the surface colour (--bg-surface -> --bg-subtle); shadows are almost invisible.
   Shadow values themselves are per-theme and live in themes.css. */
:root{
  --elevation-card:var(--shadow-1);
  --elevation-raised:var(--shadow-2);
  --elevation-overlay:var(--shadow-3);
  --elevation-floating:var(--shadow-floating);
  /* v2.2 \u2014 layering. The floating tab bar renders BELOW a bottom-sheet backdrop: a sheet is modal,
     so the bar must be dimmed with the rest of the screen. Screens wrap the sheet in --z-sheet. */
  --z-tabbar:40; /* @kind other */
  --z-sheet:100; /* @kind other */
  --border-hairline:1px solid var(--border-subtle);
  --focus-ring:1.5px solid var(--border-focus);
}