:root {
    --shadow-color: 0 0% 50%;
    --shadow-weight: 1%;
    --shadow-1: 0 2px 1px -1px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 18%)),0 1px 1px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 12%)),0 1px 3px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 10%));
    --shadow-2: 0 3px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 18%)),0 2px 2px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 12%)),0 1px 5px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 10%));
    --shadow-3: 0 2px 4px -1px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 18%)),0 4px 5px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 12%)),0 1px 10px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 10%));
    --shadow-4: 0 3px 5px -1px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 18%)),0 6px 10px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 12%)),0 1px 18px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 10%));
    --shadow-5: 0 5px 5px -3px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 18%)),0 8px 10px 1px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 12%)),0 3px 14px 2px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 10%));
    --shadow-6: 0 7px 8px -4px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 18%)),0 12px 17px 2px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 12%)),0 5px 22px 4px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 10%));
    --inset-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-weight) + 9%));
    --inset-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-weight) + 9%));
    --inset-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-weight) + 9%));
    --inset-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-weight) + 9%));
    --inset-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-weight) + 9%));
}

@media (prefers-color-scheme: dark) {
    :root {
        --shadow-color: 220 40% 2%;
        --shadow-weight: 25%;
    }
}