:root {
    --cover-border-radius: .8rem;
    --ul-list-style-type: disc;
}
:root {
    --bg-overlay: hsl(0 0% 90% / 77%);
    --bg-1: hsl(0 0% 90%);
    --bg-1-90: hsl(0 0% 90% / 90%);
    --bg-1-overlay: hsl(0 0% 90% / 80%);
    --bg-2: hsl(0 0% 76.83%);
    --bg-2-overlay: hsl(0 0% 76.83% / 80%);
    --bg-3: hsl(0 0% 62.06%);
    --bg-acc: hsl(0 0% 31.69%);
    --bg-acc-overlay: hsl(0 0% 31.69% / 80%);
    --bg-mg: hsl(0 0% 52%);
    --fg-1: hsl(0 0% 0%);
    --fg-1-focus: var(--fg-3);
    --fg-1-veil: hsl(0 0% 0% / var(--veil-a));
    --fg-2: hsl(0 0% 8.6%);
    --fg-3: hsl(0 0% 28.06%);
    --fg-3-focus: var(--bg-mg);
    --fg-acc: hsl(0 0% 100%);
    --fg-mg: hsl(0 0% 28%);
    --mg: hsl(0 0% 38.86%);
    --mg-acc: hsl(0 0% 31.69%);
    --mg-acc-overlay: hsl(0 0% 31.69% / 80%);
}

@supports (color: oklch(0% 0% 0)) {
    :root {
    --bg-overlay: oklch(96.2466% 3.999881% 180 / 77%);
    --bg-1: oklch(96.2466% 3.999881% 180);
    --bg-1-90: oklch(96.2466% 3.999881% 180 / 90%);
    --bg-1-overlay: oklch(96.2466% 3.999881% 180 / 80%);
    --bg-2: oklch(87.2734% 13.234523% 180);
    --bg-2-overlay: oklch(87.2734% 13.234523% 180 / 80%);
    --bg-3: oklch(77.14% 22.372217% 180);
    --bg-acc: oklch(45% 50% 23);
    --bg-acc-overlay: oklch(45% 50% 23 / 80%);
    --bg-mg: oklch(63.57% 30.956867% 180);
    --fg-1: oklch(0% 0% 180);
    --fg-1-focus: var(--fg-3);
    --fg-1-veil: oklch(0% 0% 0 / 3.51%);
    --fg-2: oklch(20% 19.9847% 180);
    --fg-3: oklch(40% 32.335922% 180);
    --fg-3-focus: var(--bg-mg);
    --fg-acc: oklch(100% 0% 0);
    --fg-mg: oklch(45% 33.581406% 180);
    --mg: oklch(50% 34% 180);
    --mg-acc: oklch(45% 50% 23);
    --mg-acc-overlay: oklch(45% 50% 23 / 80%);
}

}
body, button, input { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }body::before {
    background: linear-gradient(var(--bg-overlay), var(--bg-overlay)), url(background-JkX0fvjOqSw.jpg) center / cover;
    content: '';
    display: block;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: -1;
}