:root{
  --shadow-color:hsl(0,0%,0%);
  --shadow-offset-x:0px;
  --shadow-offset-y:4px;
  --shadow-blur:12px;
  --shadow-spread:0px;
  --shadow-opacity:0.1;

  --shadow-xs:0 1px 2px 0 hsl(0 0% 0% / 0.06);
  --shadow-sm:0 2px 6px 0 hsl(0 0% 0% / 0.08);
  --shadow-md:0 4px 12px 0 hsl(0 0% 0% / 0.10);
  --shadow-lg:0 12px 32px -8px hsl(0 0% 0% / 0.18);
  --shadow-glow:0 8px 24px -6px hsl(20 100% 50% / 0.45);
  --ring-width:3px;
  --ring-shadow:0 0 0 3px hsl(20 100% 50% / 0.28);
}
.dark{
  --shadow-offset-y:8px;
  --shadow-blur:20px;
  --shadow-spread:2px;
  --shadow-opacity:0.6;

  --shadow-xs:0 1px 2px 0 hsl(0 0% 0% / 0.4);
  --shadow-sm:0 4px 10px 0 hsl(0 0% 0% / 0.45);
  --shadow-md:0 8px 20px 2px hsl(0 0% 0% / 0.6);
  --shadow-lg:0 20px 48px -12px hsl(0 0% 0% / 0.7);
}