:root {
  --firgreen: hsl(170, 72%, 20%);
  --firgreenhl: hsl(170, 72%, 30%);
  --hollyred: hsl(356, 77%, 50%);
  --lgreen: hsl(126, 95%, 92%);
  --ltext: hsl(0, 0%, 60%);

  --shadow-color: 0deg 0% 50%;

  --elev-1: 0px 0px 2px hsl(var(--shadow-color) / 0.7);

  --elev-2: 0px 0px 2px hsl(var(--shadow-color) / 0.2),
    1px 1px 3px hsl(var(--shadow-color) / 0.2),
    2px 2px 4px hsl(var(--shadow-color) / 0.2);

  --elev-3: 0px 0px 2px hsl(var(--shadow-color) / 0.15),
    2px 2px 4px hsl(var(--shadow-color) / 0.15),
    4px 4px 8px hsl(var(--shadow-color) / 0.15),
    8px 8px 16px hsl(var(--shadow-color) / 0.15);
}