/* ============================================================
   Elevation — Material 3 tonal + shadow levels (0–5)
   ------------------------------------------------------------
   M3 elevation is expressed as a two-layer box-shadow (key light +
   ambient) at each level, using the scheme shadow color. Authored
   from the M3 elevation spec; the shadow color pulls from the
   materialized --schemes-shadow token.
   ============================================================ */

:root {
  --md-sys-color-shadow: var(--schemes-shadow, rgb(0,0,0));

  --md-sys-elevation-level0: none;
  --md-sys-elevation-level1:
    0px 1px 2px 0px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent),
    0px 1px 3px 1px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
  --md-sys-elevation-level2:
    0px 1px 2px 0px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent),
    0px 2px 6px 2px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
  --md-sys-elevation-level3:
    0px 1px 3px 0px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent),
    0px 4px 8px 3px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
  --md-sys-elevation-level4:
    0px 2px 3px 0px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent),
    0px 6px 10px 4px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
  --md-sys-elevation-level5:
    0px 4px 4px 0px color-mix(in srgb, var(--md-sys-color-shadow) 30%, transparent),
    0px 8px 12px 6px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent);
}