/* ============================================================
   xmesh DS · md3/_elevation.css — Material Design 3 elevation.

   Six levels (0 / 1 / 3 / 6 / 8 / 12 dp) translated to box-shadows
   for the web. xmesh-specific shadows that have no MD3 home (drawer
   directional, snackbar rim, focus ring) live as `--xm-*` extensions
   in _xmesh-extensions.css.
   ============================================================ */

:root {
  --md-sys-elevation-level0: none;
  --md-sys-elevation-level1: 0 1px 2px oklch(0 0 0 / 0.10);
  --md-sys-elevation-level2:
    0 1px 0 oklch(0.30 0.006 60),
    0 8px 24px oklch(0.10 0 0 / 0.35);
  --md-sys-elevation-level3: 0 10px 30px oklch(0 0 0 / 0.35);
  --md-sys-elevation-level4: -16px 0 40px oklch(0 0 0 / 0.35);
  --md-sys-elevation-level5: 0 30px 80px oklch(0 0 0 / 0.50);
}

:root[data-theme="light"] {
  --md-sys-elevation-level2:
    0 1px 0 oklch(0.92 0.005 70),
    0 8px 24px oklch(0.40 0 0 / 0.10);
  --md-sys-elevation-level3: 0 10px 30px oklch(0.30 0 0 / 0.18);
}