/* Elevation — cool slate-tinted (rgb 16,24,40) shadows; buttons use a single natural 1px border + soft drop. */
:root{
--shadow-xs:0 1px 2px 0 rgba(16,24,40,.05);
--shadow-input:0 1px 2px #1018280d;
--shadow-tab-active:0 1px 3px 0 rgba(16,24,40,.1),0 1px 2px 0 rgba(16,24,40,.06);
--shadow-sm:0 .25rem .375rem -.125rem #10182808,0 .75rem 1rem -.25rem #10182814;
--shadow-lg:0 .75rem 1rem -.25rem #10182814,0 .25rem .375rem -.125rem #10182808;
--shadow-menu:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);
--shadow-media:0 .5rem .5rem -.25rem #10182808,0 1.25rem 1.5rem -.25rem #10182814;
--shadow-soft:0 .5rem 1rem #3440540d;
--shadow-float:0 2rem 4.25rem #00000014;
--shadow-figure-tilt:0 1.5rem 3.375rem 0 rgba(52,64,84,.05);
--shadow-screen:0 -.5rem 5rem #266df00d,0 2px 2px #1441961a,0 .25rem .25rem #383e4708,0 .4375rem .4375rem #383e470a,0 1.125rem .875rem #383e470d,0 1.5rem 1.5rem #383e4705,0 2.375rem 2.375rem #383e470a,0 3.875rem 3.875rem #383e4708;
--shadow-glow-blue:0 0 2rem #53b1fd80;
--shadow-hairline:0 2px 2px #bdbdbd29;
--shadow-icon-gloss:inset -1px 1px #ffffff1f;
--focus-outline:2px solid var(--blue-200); /* @kind other */
--focus-offset:2px; /* @kind spacing */
--backdrop-blur:blur(.5rem); /* @kind other */
}