/* Placebo elevation, z-index and focus. Shadow base color is on-surface-900 (#0F172A).
   Never tint shadows with brand color. Source: design/Foundations/Elevation.md */
:root{
--shadow-0:none;
--shadow-1:1px 1px 5px rgba(15,23,42,.10);
--shadow-2:0px 6px 15px rgba(15,23,42,.05);
--shadow-3:0px 8px 25px rgba(15,23,42,.15);
--shadow-4:0px 10px 30px rgba(15,23,42,.25);
/* Button shadow — two layers, Primary & Secondary only */
--shadow-button:0px 1px 1px rgba(15,23,42,.04),0px 4px 4px rgba(15,23,42,.02);
/* Pressed / inset (proposed in the source doc) */
--shadow-inner:inset 0px 1px 4px rgba(15,23,42,.14),inset 0px 2px 8px rgba(15,23,42,.08);
--focus-ring-width:2px;--focus-ring-offset:2px;
--z-base:0; /* @kind other */
--z-raised:10; /* @kind other */
--z-dropdown:100; /* @kind other */
--z-sticky:200; /* @kind other */
--z-drawer:300; /* @kind other */
--z-backdrop:400; /* @kind other */
--z-modal:500; /* @kind other */
--z-toast:600; /* @kind other */
--z-tooltip:700; /* @kind other */
--z-command:800 /* @kind other */;}