:root {
    color-scheme: light dark;
    --fontsize: max(1em, 24px);
    --bg: light-dark(#eee,#181a1b);
    --bg2: light-dark(#ddd,#101010);
    --text: light-dark(#181a1b,#eee);
    --link1: light-dark(#BD0699,#5BCEFAEE);
    --link2: light-dark(#FA5BD9,#FA5BD9EE);
    --link3: light-dark(#7504FF,#c594ffEE);
    --italic: light-dark(#7504FF,#c594ff);
    --bold: light-dark(#2F8C00,#86ff48);
    --strike: light-dark(#181a1b99,#eeeeee99);
    --link1s: light-dark(#BD0699EE,#5BCEFA99);
    --link2s: light-dark(#FA5BD9EE,#FA5BD999);
    --link3s: light-dark(#7504FFEE,#c594ff99);
    --tab: light-dark(#07ACED,#7FD8FB);
    --tabdisabled: light-dark(#86abba, #7FD8FB99);
    --tabtext: #181a1b;
    --details: light-dark(#ccc, #26282A);
    --summary: light-dark(#ddd, #101010);
    --summarycolor: light-dark(#181a1b, #eee);
    --detailsborder: light-dark(#07ACED,#7FD8FB);
    --code: light-dark(#ddd,#101010);
}

:root:has(span.solarized) {
    color-scheme: light dark;
    --fontsize: max(1em, 24px);
    --bg: light-dark(#fdf6e3,#073642);
    --bg2: light-dark(#eee8d5,#002b36);
    --text: light-dark(#073642,#fdf6e3);
    --link1: #2aa198;
    --link2: #cb4b16;
    --link3: #268bd2;
    --italic: light-dark(#073642,#fdf6e3);
    --bold: light-dark(#073642,#fdf6e3);
    --strike: light-dark(#07364299,#fdf6e399);
    --link1s: #2aa19899;
    --link2s: #cb4b1699;
    --link3s: #268bd299;
    --tab: #268bd2;
    --tabdisabled: #268bd299;
    --tabtext: #fdf6e3;
    --details: light-dark(#eee8d5,#002b36);
    --summary: light-dark(#93a1a1, #586e75);
    --summarycolor: light-dark(#073642,#fdf6e3);
    --detailsborder: #2aa19899;
    --code: light-dark(#93a1a1, #586e75);
}