/* ELEVATION — hard-offset shadows only (0 blur), like a sprite dropped on a tilemap.
   Blur is reserved for glow (accent light) and for the world-blur behind modals. */
:root{
--shadow-0:none;
--shadow-1:2px 2px 0 0 var(--ink-1000);
--shadow-2:4px 4px 0 0 var(--ink-1000);
--shadow-3:6px 6px 0 0 var(--ink-1000);
--shadow-inset:inset 0 1px 0 0 color-mix(in oklab,#fff 7%,transparent),inset 0 -1px 0 0 var(--ink-1000);
--shadow-sunken:inset 2px 2px 0 0 var(--ink-1000);
--shadow-panel:6px 6px 0 0 color-mix(in oklab,var(--ink-1000) 70%,transparent);
--glow-accent:0 0 0 1px color-mix(in oklab,var(--accent) 40%,transparent),0 0 24px -4px color-mix(in oklab,var(--accent) 55%,transparent); /* @kind other */

--glow-soft:0 0 32px -8px color-mix(in oklab,var(--accent) 40%,transparent); /* @kind other */

--glow-violet:0 0 24px -4px color-mix(in oklab,var(--violet-400) 55%,transparent); /* @kind other */

--blur-modal:blur(3px) saturate(0.7); /* @kind other */

--blur-glass:saturate(1.1) blur(12px); /* @kind other */

/* scanline + grid overlays, used at low opacity on large surfaces */
--tex-scanline:repeating-linear-gradient(to bottom,color-mix(in oklab,#fff 3%,transparent) 0 1px,transparent 1px 3px); /* @kind other */

--tex-grid:linear-gradient(to right,var(--line-hairline) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(to bottom,var(--line-hairline) 1px,transparent 1px) 0 0/32px 32px; /* @kind other */

--tex-dots:radial-gradient(color-mix(in oklab,var(--fg-4) 45%,transparent) 1px,transparent 1px) 0 0/16px 16px; /* @kind other */

/* protection gradient: put text over imagery with this, never a flat scrim */
--protect-bottom:linear-gradient(to top,var(--ink-1000) 0%,color-mix(in oklab,var(--ink-1000) 82%,transparent) 38%,transparent 100%); /* @kind other */

--protect-left:linear-gradient(to right,var(--ink-1000) 0%,color-mix(in oklab,var(--ink-1000) 70%,transparent) 45%,transparent 100%); /* @kind other */

}