: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(48% 95.81056% 105);
--dark-b-acc-80: oklch(48% 95.81056% 105 / 80%);
--dark-b-m: oklch(41% 59.53821% 109);
--dark-b1: oklch(21.56% 38.856182% 109);
--dark-b1-90: oklch(21.56% 38.856182% 109 / 90%);
--dark-b1-80: oklch(21.56% 38.856182% 109 / 80%);
--dark-b2: oklch(26% 45.196053% 109);
--dark-b2-80: oklch(26% 45.196053% 109 / 80%);
--dark-b3: oklch(32% 52.34833% 109);
--dark-f-acc: oklch(100% 0% 0);
--dark-f-m: oklch(61% 58.33461% 109);
--dark-f1: oklch(100% 0% 109);
--dark-f1-focus: var(--f3);
--dark-f1-veil: oklch(100% 0% 0 / 2%);
--dark-f2: oklch(86% 26.398315% 109);
--dark-f3: oklch(72% 47.77182% 109);
--dark-f3-focus: var(--f1);
--dark-m: oklch(50% 62% 109);
--dark-m-acc: oklch(60% 91.30143% 105);
--dark-m-acc-80: oklch(60% 91.30143% 105 / 80%);

        
--light-b-acc: oklch(35% 86.427635% 109);
--light-b-acc-80: oklch(35% 86.427635% 109 / 80%);
--light-b-m: oklch(65.67% 85.481636% 109);
--light-b1: oklch(98.5446% 4.4335566% 109);
--light-b1-90: oklch(98.5446% 4.4335566% 109 / 90%);
--light-b1-80: oklch(98.5446% 4.4335566% 109 / 80%);
--light-b2: oklch(90.3754% 28.884617% 109);
--light-b2-80: oklch(90.3754% 28.884617% 109 / 80%);
--light-b3: oklch(81.34% 53.662067% 109);
--light-f-acc: oklch(100% 0% 0);
--light-f-m: oklch(45% 95.80577% 109);
--light-f1: oklch(0% 0% 109);
--light-f1-focus: var(--f3);
--light-f1-veil: oklch(0% 0% 0 / 3.81%);
--light-f2: oklch(20% 57.015167% 109);
--light-f3: oklch(40% 92.25249% 109);
--light-f3-focus: var(--b-m);
--light-m: oklch(50% 97% 109);
--light-m-acc: oklch(35% 86.427635% 109);
--light-m-acc-80: oklch(35% 86.427635% 109 / 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; }