:root {
    --cover-border-radius: 0;
    --ul-list-style-type: square;
}
body { color-scheme: light dark; }
@media (prefers-color-scheme: dark) {
    body:not([data-pinned-theme]) {
        --dark: initial;
        --light:  ;
    }
}
@media (prefers-color-scheme: light) {
    body:not([data-pinned-theme]) {
        --dark:  ;
        --light: initial;
    }
}
body[data-pinned-theme="dark"] {
    color-scheme: dark;
    --dark: initial;
    --light:  ;
}
body[data-pinned-theme="light"] {
    color-scheme: light;
    --dark:  ;
    --light: initial;
}
body {
    
--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(--f3);
--f1-veil: hsl(0 0% 0% / var(--veil-a));
--f2: hsl(0 0% 8.6%);
--f3: hsl(0 0% 28.06%);
--f3-focus: var(--bm);
--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 {
        
--dark-b-acc: oklch(40.8% 71.88914% 275);
--dark-b-acc-80: oklch(40.8% 71.88914% 275 / 80%);
--dark-b-m: oklch(41% 32.649986% 255);
--dark-b1: oklch(16.8168% 17.138689% 255);
--dark-b1-90: oklch(16.8168% 17.138689% 255 / 90%);
--dark-b1-80: oklch(16.8168% 17.138689% 255 / 80%);
--dark-b2: oklch(25.0232% 24.059145% 255);
--dark-b2-80: oklch(25.0232% 24.059145% 255 / 80%);
--dark-b3: oklch(32% 28.70715% 255);
--dark-f-acc: oklch(100% 0% 0);
--dark-f-m: oklch(61% 31.989946% 255);
--dark-f1: oklch(100% 0% 255);
--dark-f1-focus: var(--f3);
--dark-f1-veil: oklch(100% 0% 0 / 2.88%);
--dark-f2: oklch(86% 14.476496% 255);
--dark-f3: oklch(72% 26.19745% 255);
--dark-f3-focus: var(--f1);
--dark-m: oklch(50% 34% 255);
--dark-m-acc: oklch(54.6% 74.21821% 275);
--dark-m-acc-80: oklch(54.6% 74.21821% 275 / 80%);

        
--light-b-acc: oklch(35% 53.460392% 275);
--light-b-acc-80: oklch(35% 53.460392% 275 / 80%);
--light-b-m: oklch(60.35% 34.113647% 255);
--light-b1: oklch(92.723% 8.158591% 255);
--light-b1-90: oklch(92.723% 8.158591% 255 / 90%);
--light-b1-80: oklch(92.723% 8.158591% 255 / 80%);
--light-b2: oklch(82.517% 18.793554% 255);
--light-b2-80: oklch(82.517% 18.793554% 255 / 80%);
--light-b3: oklch(70.7% 28.652273% 255);
--light-f-acc: oklch(100% 0% 0);
--light-f-m: oklch(45% 35.55678% 255);
--light-f1: oklch(0% 0% 255);
--light-f1-focus: var(--f3);
--light-f1-veil: oklch(0% 0% 0 / 3.05%);
--light-f2: oklch(20% 21.160269% 255);
--light-f3: oklch(40% 34.238037% 255);
--light-f3-focus: var(--b-m);
--light-m: oklch(50% 36% 255);
--light-m-acc: oklch(35% 53.460392% 275);
--light-m-acc-80: oklch(35% 53.460392% 275 / 80%);

        
        --b-acc: var(--dark, var(--dark-b-acc)) var(--light, var(--light-b-acc));
        --b-acc-80: var(--dark, var(--dark-b-acc-80)) var(--light, var(--light-b-acc-80));
        --b-m: var(--dark, var(--dark-b-m)) var(--light, var(--light-b-m));
        --b1: var(--dark, var(--dark-b1)) var(--light, var(--light-b1));
        --b1-90: var(--dark, var(--dark-b1-90)) var(--light, var(--light-b1-90));
        --b1-80: var(--dark, var(--dark-b1-80)) var(--light, var(--light-b1-80));
        --b2: var(--dark, var(--dark-b2)) var(--light, var(--light-b2));
        --b2-80: var(--dark, var(--dark-b2-80)) var(--light, var(--light-b2-80));
        --b3: var(--dark, var(--dark-b3)) var(--light, var(--light-b3));
        --f-acc: var(--dark, var(--dark-f-acc)) var(--light, var(--light-f-acc));
        --f-m: var(--dark, var(--dark-f-m)) var(--light, var(--light-f-m));
        --f1: var(--dark, var(--dark-f1)) var(--light, var(--light-f1));
        --f1-focus: var(--dark, var(--dark-f1-focus)) var(--light, var(--light-f1-focus));
        --f1-veil: var(--dark, var(--dark-f1-veil)) var(--light, var(--light-f1-veil));
        --f2: var(--dark, var(--dark-f2)) var(--light, var(--light-f2));
        --f3: var(--dark, var(--dark-f3)) var(--light, var(--light-f3));
        --f3-focus: var(--dark, var(--dark-f3-focus)) var(--light, var(--light-f3-focus));
        --m: var(--dark, var(--dark-m)) var(--light, var(--light-m));
        --m-acc: var(--dark, var(--dark-m-acc)) var(--light, var(--light-m-acc));
        --m-acc-80: var(--dark, var(--dark-m-acc-80)) var(--light, var(--light-m-acc-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; }