:root{
--shadow-xs:0 1px 2px rgba(0,0,0,.06);
--shadow-sm:0 2px 6px rgba(0,0,0,.08);
--shadow-card:0 6px 18px rgba(0,0,0,.10);
--shadow-card-hover:0 12px 28px rgba(0,0,0,.14);
--shadow-lift:0 18px 40px rgba(0,0,0,.18);
--shadow-brand:0 8px 24px rgba(45,156,219,.28);
--shadow-inset-hairline:inset 0 0 0 1px rgba(0,0,0,.06);
--overlay-scrim: linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.72) 100%); /* @kind color */
--overlay-dark-texture:radial-gradient(120% 90% at 78% 12%,#2b2b2b 0%,#141414 55%,#0c0c0c 100%); /* @kind color */
}