/* ══════════════════════════════════════════════════════
   MD3 Elevation Utility Classes
   Apply via class="m3-elevation-{level}" (0–5)
   ══════════════════════════════════════════════════════ */

.m3-elevation-0 {
    box-shadow: var(--m3-sys-elevation-0);
}

.m3-elevation-1 {
    box-shadow: var(--m3-sys-elevation-1);
}

.m3-elevation-2 {
    box-shadow: var(--m3-sys-elevation-2);
}

.m3-elevation-3 {
    box-shadow: var(--m3-sys-elevation-3);
}

.m3-elevation-4 {
    box-shadow: var(--m3-sys-elevation-4);
}

.m3-elevation-5 {
    box-shadow: var(--m3-sys-elevation-5);
}

/* Transition helper for smooth elevation changes */
.m3-elevation-transition {
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}