/* Materials: translucent fills + backdrop blur. Used for bars and floating chrome, never for content cards. */
:root{
--blur-ultrathin:12px;--blur-thin:20px;--blur-regular:30px;--blur-thick:40px;--material-saturate:180%;/* @kind other */
--material-ultrathin:rgba(255,255,255,.42);--material-thin:rgba(255,255,255,.62);--material-regular:rgba(250,249,247,.78);--material-thick:rgba(247,246,244,.90);
--material-bar:rgba(250,249,247,.80);--material-chrome-dark:rgba(20,19,17,.55);
--shadow-0:none;
--shadow-1:0 1px 2px rgba(11,10,9,.06),0 1px 1px rgba(11,10,9,.04);
--shadow-2:0 4px 14px rgba(11,10,9,.08),0 1px 3px rgba(11,10,9,.06);
--shadow-3:0 12px 40px rgba(11,10,9,.14),0 2px 8px rgba(11,10,9,.06);
--shadow-sheet:0 -1px 0 rgba(11,10,9,.04),0 -10px 40px rgba(11,10,9,.12);
--shadow-thumb:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06);
--focus-ring:0 0 0 3px var(--tint-soft),0 0 0 1px var(--tint);
--ease-standard:cubic-bezier(.25,.1,.25,1);/* @kind other */--ease-out:cubic-bezier(.22,1,.36,1);/* @kind other */--ease-spring:cubic-bezier(.32,.72,0,1);/* @kind other */--ease-in:cubic-bezier(.42,0,1,1);/* @kind other */
--dur-instant:100ms;/* @kind other */--dur-fast:180ms;/* @kind other */--dur-base:280ms;/* @kind other */--dur-slow:420ms;/* @kind other */--dur-sheet:500ms;/* @kind other */
--press-scale:.97;/* @kind other */--press-opacity:.6;/* @kind other */--hover-overlay:rgba(122,117,110,.08);
}
[data-theme="dark"]{
--material-ultrathin:rgba(28,26,24,.40);--material-thin:rgba(28,26,24,.60);--material-regular:rgba(28,26,24,.76);--material-thick:rgba(20,19,17,.88);
--material-bar:rgba(20,19,17,.78);
--shadow-1:0 0 0 .5px rgba(255,255,255,.06);--shadow-2:0 0 0 .5px rgba(255,255,255,.08),0 6px 18px rgba(0,0,0,.5);--shadow-3:0 0 0 .5px rgba(255,255,255,.1),0 16px 48px rgba(0,0,0,.6);
--shadow-sheet:0 0 0 .5px rgba(255,255,255,.08);
--hover-overlay:rgba(247,246,244,.06);
}