:root{
--shadow-xs:0 1px 2px oklch(0.25 0.02 70 / 0.06);
--shadow-sm:0 1px 2px oklch(0.25 0.02 70 / 0.05),0 2px 6px -1px oklch(0.25 0.02 70 / 0.06);
--shadow-md:0 1px 2px oklch(0.25 0.02 70 / 0.05),0 4px 10px -2px oklch(0.25 0.02 70 / 0.07),0 12px 24px -8px oklch(0.25 0.02 70 / 0.09);
--shadow-lg:0 2px 4px oklch(0.25 0.02 70 / 0.05),0 10px 24px -6px oklch(0.25 0.02 70 / 0.10),0 24px 48px -16px oklch(0.25 0.02 70 / 0.16);
--shadow-xl:0 4px 8px oklch(0.25 0.02 70 / 0.06),0 24px 56px -12px oklch(0.25 0.02 70 / 0.22),0 48px 96px -24px oklch(0.25 0.02 70 / 0.18);
--shadow-accent:0 8px 20px -6px oklch(0.545 0.205 262 / 0.45);
/* 2.5D elevation recipes: top highlight + hairline ring + soft drop */
--elev-sunken:inset 0 1px 2px oklch(0.25 0.02 70 / 0.08),inset 0 0 0 1px var(--border-1);
--elev-card:inset 0 1px 0 var(--hl),0 0 0 1px var(--border-1),var(--shadow-sm);
--elev-raised:inset 0 1px 0 var(--hl),0 0 0 1px var(--border-1),var(--shadow-md);
--elev-floating:inset 0 1px 0 var(--hl),0 0 0 1px var(--border-1),var(--shadow-lg);
--elev-overlay:inset 0 1px 0 var(--hl),0 0 0 1px var(--border-2),var(--shadow-xl);
/* Key-cap lips (the "solid" bottom edge of pressable things) */
--lip-neutral:0 2px 0 var(--lip);
--lip-accent:0 3px 0 var(--accent-lip);
}
[data-theme="dark"]{
--shadow-xs:0 1px 2px rgb(0 0 0 / 0.4);
--shadow-sm:0 1px 2px rgb(0 0 0 / 0.35),0 2px 6px -1px rgb(0 0 0 / 0.35);
--shadow-md:0 1px 2px rgb(0 0 0 / 0.4),0 4px 10px -2px rgb(0 0 0 / 0.4),0 12px 24px -8px rgb(0 0 0 / 0.45);
--shadow-lg:0 2px 4px rgb(0 0 0 / 0.4),0 10px 24px -6px rgb(0 0 0 / 0.5),0 24px 48px -16px rgb(0 0 0 / 0.55);
--shadow-xl:0 4px 8px rgb(0 0 0 / 0.45),0 24px 56px -12px rgb(0 0 0 / 0.6),0 48px 96px -24px rgb(0 0 0 / 0.5);
--shadow-accent:0 8px 22px -6px oklch(0.615 0.2 262 / 0.5);
--elev-sunken:inset 0 1px 3px rgb(0 0 0 / 0.5),inset 0 0 0 1px var(--border-1);
}