:root {
    --cover-border-radius: 0;
    --ul-list-style-type: square;
}
body {
    --b-overlay: hsl(0 0% 90% / 67%);
--b-acc: hsl(0 0% 31.69%);
--b-acc-80: hsl(0 0% 31.69% / 80%);
--b-m: hsl(0 0% 52%);
--b1: hsl(0 0% 90%);
--b1-90: hsl(0 0% 90% / 90%);
--b1-80: hsl(0 0% 90% / 80%);
--b2: hsl(0 0% 76.83%);
--b2-80: hsl(0 0% 76.83% / 80%);
--b3: hsl(0 0% 62.06%);
--f-acc: hsl(0 0% 100%);
--f-m: hsl(0 0% 28%);
--f1: hsl(0 0% 0%);
--f1-focus: var(--fg-3);
--f1-veil: hsl(0 0% 0% / var(--veil-a));
--f2: hsl(0 0% 8.6%);
--f3: hsl(0 0% 28.06%);
--f3-focus: var(--bg-mg);
--m: hsl(0 0% 38.86%);
--m-acc: hsl(0 0% 31.69%);
--m-acc-80: hsl(0 0% 31.69% / 80%);

}
@supports (color: oklch(0% 0% 0)) {
    body {
        --b-overlay: oklch(9.9176% 7.9704037% 150 / 67%);
--b-acc: oklch(43.36% 47.93775% 95);
--b-acc-80: oklch(43.36% 47.93775% 95 / 80%);
--b-m: oklch(41% 24.967636% 150);
--b1: oklch(9.9176% 7.9704037% 150);
--b1-90: oklch(9.9176% 7.9704037% 150 / 90%);
--b1-80: oklch(9.9176% 7.9704037% 150 / 80%);
--b2: oklch(23.6024% 17.560099% 150);
--b2-80: oklch(23.6024% 17.560099% 150 / 80%);
--b3: oklch(32% 21.952526% 150);
--f-acc: oklch(100% 0% 0);
--f-m: oklch(61% 24.4629% 150);
--f1: oklch(100% 0% 150);
--f1-focus: var(--f3);
--f1-veil: oklch(100% 0% 0 / 4.16%);
--f2: oklch(86% 11.070261% 150);
--f3: oklch(72% 20.033344% 150);
--f3-focus: var(--f1);
--m: oklch(50% 26% 150);
--m-acc: oklch(56.52% 47.975666% 95);
--m-acc-80: oklch(56.52% 47.975666% 95 / 80%);

    }
}

@font-face {
    font-display: fallback;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: local('Barlow'), url('barlow-v12-latin-regular.woff2') format('woff2');
}
body, button, input { font-family: 'Barlow', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
body::before {
    --b-url: url(background_ZyU-L7TDlME.jpg);
    background: linear-gradient(var(--b-overlay), var(--b-overlay)), var(--b-url) center / cover;
    content: '';
    display: block;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: -1;
}