/* Generated from Patina's skins/ by the site build. */
:root {
    color-scheme: light;
    --desktop: color-mix(in srgb, #F8F8F8, #000 12%);
    --bg: #F8F8F8;
    --surface: #FFFFFF;
    --surface-alt: #EFEFEF;
    --border: #BEBEBE;
    --text: #3C3C3C;
    --text-strong: #000000;
    --text-weak: #8C8C8C;
    --accent: #90D1FF;
    --accent-text: #00537D;
    --link: #009BFF;
    --warning: #FF6400;
    --error: #FF0000;
    --ctl-bg: #E6E6E6;
    --ctl-hover: #DCDCDC;
    --ctl-pressed: #A5A5A5;
    --ctl-text: #3C3C3C;
    --ctl-text-hover: #000000;
    --title-bar: #F8F8F8;
    --title-text: #3C3C3C;
    --bar-text: #3C3C3C;
    --bar-hover: #DCDCDC;
    --win-border: #BEBEBE;
    --radius: 3px;
    --win-radius: 15px;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    --menu-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
@media (prefers-color-scheme: dark) {
:root:not([data-skin]) {
    color-scheme: dark;
    --desktop: color-mix(in srgb, #1B1B1B, #000 45%);
    --bg: #1B1B1B;
    --surface: #0A0A0A;
    --surface-alt: #222222;
    --border: #3C3C3C;
    --text: #B4B4B4;
    --text-strong: #FFFFFF;
    --text-weak: #808080;
    --accent: #005C80;
    --accent-text: #C0DEFF;
    --link: #5AAAFF;
    --warning: #FF8F00;
    --error: #FF0000;
    --ctl-bg: #3C3C3C;
    --ctl-hover: #464646;
    --ctl-pressed: #373737;
    --ctl-text: #B4B4B4;
    --ctl-text-hover: #FFFFFF;
    --title-bar: #1B1B1B;
    --title-text: #B4B4B4;
    --bar-text: #B4B4B4;
    --bar-hover: #464646;
    --win-border: #3C3C3C;
    --radius: 3px;
    --win-radius: 15px;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    --menu-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
}
:root[data-skin="calendar"] {
    color-scheme: light;
    --desktop: color-mix(in srgb, #F7F5F0, #000 12%);
    --bg: #F7F5F0;
    --surface: #FFFFFF;
    --surface-alt: #EFECE5;
    --border: #DDD8CE;
    --text: #2E2C29;
    --text-strong: #161513;
    --text-weak: #8F8B84;
    --accent: #AB2B28;
    --accent-text: #FFFFFF;
    --link: #9A2522;
    --warning: #C46A00;
    --error: #C01C28;
    --ctl-bg: #EFECE5;
    --ctl-hover: #E6E2D9;
    --ctl-pressed: #DDD8CE;
    --ctl-text: #2E2C29;
    --ctl-text-hover: #161513;
    --title-bar: #AB2B28;
    --title-text: #FFFFFF;
    --bar-text: #FFFFFF;
    --bar-hover: #BE3B37;
    --win-border: #8A2220;
    --radius: 6px;
    --win-radius: 15px;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    --menu-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
:root[data-skin="dark-orange"] {
    color-scheme: dark;
    --desktop: color-mix(in srgb, #303030, #000 45%);
    --bg: #303030;
    --surface: #242424;
    --surface-alt: #3A3A3A;
    --border: #474747;
    --text: #EEEEEE;
    --text-strong: #FFFFFF;
    --text-weak: #949494;
    --accent: #E95420;
    --accent-text: #242424;
    --link: #E95420;
    --warning: #E66A00;
    --error: #C01C28;
    --ctl-bg: #3D3D3D;
    --ctl-hover: #474747;
    --ctl-pressed: #2A2A2A;
    --ctl-text: #EEEEEE;
    --ctl-text-hover: #FFFFFF;
    --title-bar: #303030;
    --title-text: #EEEEEE;
    --bar-text: #EEEEEE;
    --bar-hover: #474747;
    --win-border: #474747;
    --radius: 6px;
    --win-radius: 15px;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    --menu-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
:root[data-skin="notebook"] {
    color-scheme: light;
    --desktop: color-mix(in srgb, #F6F1E6, #000 12%);
    --bg: #F6F1E6;
    --surface: #FCFAF4;
    --surface-alt: #EEE7D8;
    --border: #DED4C1;
    --text: #3A2F25;
    --text-strong: #1F1812;
    --text-weak: #8F8274;
    --accent: #6E4A2E;
    --accent-text: #FFFFFF;
    --link: #8A5A2B;
    --warning: #C46A00;
    --error: #C01C28;
    --ctl-bg: #EEE7D8;
    --ctl-hover: #E6DDCB;
    --ctl-pressed: #DED4C1;
    --ctl-text: #3A2F25;
    --ctl-text-hover: #1F1812;
    --title-bar: #6E4A2E;
    --title-text: #FFFFFF;
    --bar-text: #FFFFFF;
    --bar-hover: #82593A;
    --win-border: #563820;
    --radius: 6px;
    --win-radius: 15px;
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    --menu-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
:root[data-skin="steam-classic"] {
    color-scheme: dark;
    --desktop: color-mix(in srgb, #4C5844, #000 45%);
    --bg: #4C5844;
    --surface: #3E4637;
    --surface-alt: #465040;
    --border: #889180;
    --text: #D8DED3;
    --text-strong: #FFFFFF;
    --text-weak: #A0AA95;
    --accent: #958831;
    --accent-text: #FFFFFF;
    --link: #C4B550;
    --warning: #D9B44C;
    --error: #E06C4C;
    --ctl-bg: #4C5844;
    --ctl-hover: #5A6A50;
    --ctl-pressed: #3E4637;
    --ctl-text: #D8DED3;
    --ctl-text-hover: #FFFFFF;
    --title-bar: #3E4637;
    --title-text: #D8DED3;
    --bar-text: #D8DED3;
    --bar-hover: #5A6A50;
    --win-border: #889180;
    --radius: 0px;
    --win-radius: 0px;
    --shadow: none;
    --menu-shadow: none;
}