:root{
--shadow-sm:0 1px 2px oklch(20% 0.02 250/0.07),0 1px 1px oklch(20% 0.02 250/0.05);
--shadow-md:0 6px 16px oklch(20% 0.02 250/0.09),0 2px 6px oklch(20% 0.02 250/0.06);
--shadow-lg:0 16px 40px oklch(20% 0.03 250/0.15),0 4px 10px oklch(20% 0.02 250/0.07);
--shadow-brand-ring:0 0 0 4px oklch(84% 0.035 243/0.32);
}
[data-theme="dark"]{
--shadow-sm:0 1px 2px oklch(0% 0 0/0.3);
--shadow-md:0 8px 20px oklch(0% 0 0/0.45),0 2px 6px oklch(0% 0 0/0.3);
--shadow-lg:0 24px 48px oklch(0% 0 0/0.55),0 6px 16px oklch(0% 0 0/0.35);
--shadow-brand-ring:0 0 0 4px oklch(84% 0.035 243/0.30);
}