/* ===================================================================
 * Frontend elevation scale — plugin-side copy of the theme's shadow
 * tokens (inconsistency #105).
 *
 * Every Core frontend sheet states elevation as `--shadow-1` (a hairline
 * seat), `--shadow-2` (a raised surface: popover, tooltip, toolbar) or
 * `--shadow-3` (a floating surface: modal panel, listbox, toast), so two
 * elements on the same z-tier can't read as different heights. Raw
 * `rgba()` recipes are not to be reintroduced.
 *
 * WHY THE VALUES ARE DUPLICATED HERE. The scale's home is the theme
 * (`Theme/assets/css/main.css`, "Elevation"), but the plugin is a
 * separate release unit and must paint its own elevation on any theme —
 * the same reasoning that makes `ProgressBar.js` carry its own copy of
 * the Theme's brand-device path. So this is a deliberate guarded
 * duplicate: byte-identical values, pinned against the Theme by
 * `tests/unit/Core/ShadowScaleSyncTest.php`. Edit one, edit the other.
 *
 * Declared on `:root` and registered as the `core-tokens` handle, which
 * the three root frontend style handles (`core-material-swatch`,
 * `core-stepper`, `core-modal`) declare as a dep — every other frontend
 * sheet reaches it through one of those three, so no consumer needs its
 * own dep line.
 *
 * Elevation only. Colour, radius, type and motion tokens still come from
 * the theme; don't grow this file into a second token system.
 * =================================================================== */

:root {
    --shadow-1: 0 1px 0 rgb(0 0 0 / 0.04);
    --shadow-2: 0 1px 2px rgb(0 0 0 / 0.04), 0 2px 8px rgb(0 0 0 / 0.04);
    --shadow-3: 0 2px 4px rgb(0 0 0 / 0.06), 0 12px 32px rgb(0 0 0 / 0.08);
}