:root,
[data-theme="dark"] {
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.22);
  --shadow-2: 0 6px 18px rgba(0, 0, 0, 0.26);
  --shadow-3: 0 14px 30px rgba(0, 0, 0, 0.34);
  --shadow-4: 0 22px 44px rgba(0, 0, 0, 0.42);
}

[data-theme="light"] {
  --shadow-1: 0 1px 2px rgba(15, 23, 42, 0.08);
  --shadow-2: 0 8px 20px rgba(15, 23, 42, 0.12);
  --shadow-3: 0 16px 34px rgba(15, 23, 42, 0.16);
  --shadow-4: 0 26px 48px rgba(15, 23, 42, 0.2);
}