:root{
--shadow-0:none;
--shadow-1:0 1px 2px rgba(22,24,30,.05),0 1px 1px rgba(22,24,30,.03);
--shadow-2:0 2px 6px rgba(22,24,30,.05),0 8px 24px rgba(22,24,30,.07);
--shadow-3:0 6px 16px rgba(22,24,30,.08),0 20px 48px rgba(22,24,30,.12);
--shadow-thumb:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);
--shadow-fab:0 6px 18px rgba(59,91,219,.36),0 2px 4px rgba(59,91,219,.24);
--ring-focus:0 0 0 4px rgba(59,91,219,.28);
--glass-fill:rgba(255,255,255,.56);
--glass-lens:rgba(118,124,140,.16);
--glass-edge:inset 0 1px 0.5px rgba(255,255,255,.9),inset 0 -0.5px 0.5px rgba(255,255,255,.4),inset 0 0 0 0.5px rgba(0,0,0,.06); /* @kind shadow */
--glass-shadow:0 10px 30px rgba(22,24,30,.14),0 2px 6px rgba(22,24,30,.08);
--blur-glass:blur(12px) saturate(200%) brightness(1.04); /* @kind other */
--blur-bar:saturate(180%) blur(20px); /* @kind other */
--blur-thick:saturate(180%) blur(30px); /* @kind other */
--shadow-card:var(--shadow-1);
--shadow-popover:var(--shadow-3);
}
[data-theme="dark"]{
--shadow-1:0 0 0 1px rgba(255,255,255,.05);
--shadow-2:0 0 0 1px rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.4);
--shadow-3:0 0 0 1px rgba(255,255,255,.07),0 20px 48px rgba(0,0,0,.55);
--shadow-fab:0 6px 18px rgba(0,0,0,.5);
--ring-focus:0 0 0 4px rgba(107,134,255,.35);
--glass-fill:rgba(44,46,56,.55);
--glass-lens:rgba(255,255,255,.12);
--glass-edge:inset 0 1px 0.5px rgba(255,255,255,.22),inset 0 0 0 0.5px rgba(255,255,255,.08); /* @kind shadow */
--glass-shadow:0 10px 30px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3);
}