:root{
/* Depth comes from borders and ground steps first, shadow last. */
--shadow-0:none;
--shadow-1:0 1px 0 0 #00000040;
--shadow-2:0 2px 6px -2px #00000059,0 1px 0 0 #ffffff0a inset;
--shadow-3:0 18px 40px -20px #000000a6,0 1px 0 0 #ffffff0f inset;
--shadow-key:0 0 0 1px var(--qb-line),0 24px 64px -28px #000000cc;
/* Atmosphere. Grain is a tiled fractal-noise tile, not decoration — it sits at
   3% and only on page grounds. */
--texture-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E"); /* @kind other */
--grain-opacity:0.035; /* @kind other */
--halo-signal:radial-gradient(120% 90% at 12% -10%,var(--qb-signal-wash),transparent 62%);
--halo-note:radial-gradient(100% 80% at 90% 0%,var(--qb-note-wash),transparent 60%);
}
