:root{
--shadow-none:none;
--shadow-card:0 1px 0 rgba(255,253,246,.06) inset,0 8px 24px rgba(8,12,8,.38);
--shadow-raised:0 18px 44px rgba(8,12,8,.5);
--shadow-paper:0 2px 0 var(--cream-400),0 10px 26px rgba(18,21,15,.22);
--shadow-press:0 1px 0 rgba(8,12,8,.4);
--ring-focus:0 0 0 3px rgba(217,164,65,.45);
--texture-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='.5'/></svg>");
--overlay-protect:linear-gradient(to top,rgba(8,33,26,.95) 0%,rgba(8,33,26,.72) 38%,rgba(8,33,26,0) 78%);
}