body.theme-red {
    &.dark {
        --primary: #ffb4a9;
        --on-primary: #690002;
        --primary-container: #930005;
        --on-primary-container: #ffdad5;
        --secondary: #e7bdb7;
        --on-secondary: #442926;
        --secondary-container: #5d3f3b;
        --on-secondary-container: #ffdad5;
        --tertiary: #dfc38c;
        --on-tertiary: #3e2e04;
        --tertiary-container: #574419;
        --on-tertiary-container: #fcdfa6;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #201a19;
        --on-background: #ede0de;
        --surface: #181211;
        --on-surface: #ede0de;
        --surface-variant: #534341;
        --on-surface-variant: #d8c2be;
        --outline: #a08c89;
        --outline-variant: #534341;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #ede0de;
        --inverse-on-surface: #362f2e;
        --inverse-primary: #bb1614;
        --surface-dim: #181211;
        --surface-bright: #3f3736;
        --surface-container-lowest: #120d0c;
        --surface-container-low: #201a19;
        --surface-container: #251e1d;
        --surface-container-high: #2f2827;
        --surface-container-highest: #3b3332;
    }
    &.light {
        --primary: #bb1614;
        --on-primary: #ffffff;
        --primary-container: #ffdad5;
        --on-primary-container: #410001;
        --secondary: #775652;
        --on-secondary: #ffffff;
        --secondary-container: #ffdad5;
        --on-secondary-container: #2c1512;
        --tertiary: #705c2e;
        --on-tertiary: #ffffff;
        --tertiary-container: #fcdfa6;
        --on-tertiary-container: #261a00;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fffbff;
        --on-background: #201a19;
        --surface: #fff8f7;
        --on-surface: #201a19;
        --surface-variant: #f5ddda;
        --on-surface-variant: #534341;
        --outline: #857370;
        --outline-variant: #d8c2be;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #362f2e;
        --inverse-on-surface: #fbeeec;
        --inverse-primary: #ffb4a9;
        --surface-dim: #e4d7d5;
        --surface-bright: #fff8f7;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #fef1ef;
        --surface-container: #f8ebe9;
        --surface-container-high: #f3e5e3;
        --surface-container-highest: #ede0de;
    }
}

body.theme-pink {
    &.light {
        --primary: #bc004b;
        --on-primary: #ffffff;
        --primary-container: #ffd9de;
        --on-primary-container: #400014;
        --secondary: #75565b;
        --on-secondary: #ffffff;
        --secondary-container: #ffd9de;
        --on-secondary-container: #2c1519;
        --tertiary: #795831;
        --on-tertiary: #ffffff;
        --tertiary-container: #ffddba;
        --on-tertiary-container: #2b1700;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fffbff;
        --on-background: #201a1b;
        --surface: #fff8f7;
        --on-surface: #201a1b;
        --surface-variant: #f3dddf;
        --on-surface-variant: #524345;
        --outline: #847375;
        --outline-variant: #d6c2c3;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #362f2f;
        --inverse-on-surface: #fbeeee;
        --inverse-primary: #ffb2be;
        --surface-dim: #e3d7d8;
        --surface-bright: #fff8f7;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #fdf1f1;
        --surface-container: #f8ebeb;
        --surface-container-high: #f2e5e6;
        --surface-container-highest: #ece0e0;
    }
    &.dark {
        --primary: #ffb2be;
        --on-primary: #660025;
        --primary-container: #900038;
        --on-primary-container: #ffd9de;
        --secondary: #e5bdc2;
        --on-secondary: #43292d;
        --secondary-container: #5c3f43;
        --on-secondary-container: #ffd9de;
        --tertiary: #ebbf90;
        --on-tertiary: #452b08;
        --tertiary-container: #5f411c;
        --on-tertiary-container: #ffddba;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #201a1b;
        --on-background: #ece0e0;
        --surface: #181213;
        --on-surface: #ece0e0;
        --surface-variant: #524345;
        --on-surface-variant: #d6c2c3;
        --outline: #9f8c8e;
        --outline-variant: #524345;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #ece0e0;
        --inverse-on-surface: #362f2f;
        --inverse-primary: #bc004b;
        --surface-dim: #181213;
        --surface-bright: #3f3738;
        --surface-container-lowest: #120d0d;
        --surface-container-low: #201a1b;
        --surface-container: #241e1f;
        --surface-container-high: #2f2829;
        --surface-container-highest: #3a3334;
    }
}

body.theme-purple {
    &.light {
        --primary: #9a25ae;
        --on-primary: #ffffff;
        --primary-container: #ffd6fe;
        --on-primary-container: #35003f;
        --secondary: #6b586b;
        --on-secondary: #ffffff;
        --secondary-container: #f4dbf1;
        --on-secondary-container: #251626;
        --tertiary: #82524a;
        --on-tertiary: #ffffff;
        --tertiary-container: #ffdad4;
        --on-tertiary-container: #33110c;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fffbff;
        --on-background: #1e1a1d;
        --surface: #fff7fa;
        --on-surface: #1e1a1d;
        --surface-variant: #ecdfe8;
        --on-surface-variant: #4d444c;
        --outline: #7f747d;
        --outline-variant: #d0c3cc;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #332f32;
        --inverse-on-surface: #f7eef3;
        --inverse-primary: #f9abff;
        --surface-dim: #e0d8dc;
        --surface-bright: #fff7fa;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #faf1f5;
        --surface-container: #f4ecf0;
        --surface-container-high: #eee6ea;
        --surface-container-highest: #e9e0e4;
    }
    &.dark {
        --primary: #f9abff;
        --on-primary: #570066;
        --primary-container: #7b008f;
        --on-primary-container: #ffd6fe;
        --secondary: #d7bfd5;
        --on-secondary: #3b2b3c;
        --secondary-container: #534153;
        --on-secondary-container: #f4dbf1;
        --tertiary: #f6b8ad;
        --on-tertiary: #4c251f;
        --tertiary-container: #673b34;
        --on-tertiary-container: #ffdad4;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #1e1a1d;
        --on-background: #e9e0e4;
        --surface: #161215;
        --on-surface: #e9e0e4;
        --surface-variant: #4d444c;
        --on-surface-variant: #d0c3cc;
        --outline: #998d96;
        --outline-variant: #4d444c;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e9e0e4;
        --inverse-on-surface: #332f32;
        --inverse-primary: #9a25ae;
        --surface-dim: #161215;
        --surface-bright: #3c383b;
        --surface-container-lowest: #100d10;
        --surface-container-low: #1e1a1d;
        --surface-container: #221e22;
        --surface-container-high: #2d292c;
        --surface-container-highest: #383337;
    }
}
body.theme-deep-purple {
    &.light {
        --primary: #6f43c0;
        --on-primary: #ffffff;
        --primary-container: #ebddff;
        --on-primary-container: #250059;
        --secondary: #635b70;
        --on-secondary: #ffffff;
        --secondary-container: #e9def8;
        --on-secondary-container: #1f182b;
        --tertiary: #7e525d;
        --on-tertiary: #ffffff;
        --tertiary-container: #ffd9e1;
        --on-tertiary-container: #31101b;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fffbff;
        --on-background: #1d1b1e;
        --surface: #fef8fd;
        --on-surface: #1d1b1e;
        --surface-variant: #e7e0eb;
        --on-surface-variant: #49454e;
        --outline: #7a757f;
        --outline-variant: #cbc4cf;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #323033;
        --inverse-on-surface: #f5eff4;
        --inverse-primary: #d3bbff;
        --surface-dim: #ded8dd;
        --surface-bright: #fef8fd;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f8f2f7;
        --surface-container: #f2ecf1;
        --surface-container-high: #ece6eb;
        --surface-container-highest: #e6e1e6;
    }
    &.dark {
        --primary: #d3bbff;
        --on-primary: #3f008d;
        --primary-container: #5727a6;
        --on-primary-container: #ebddff;
        --secondary: #cdc2db;
        --on-secondary: #342d40;
        --secondary-container: #4b4358;
        --on-secondary-container: #e9def8;
        --tertiary: #f0b7c5;
        --on-tertiary: #4a2530;
        --tertiary-container: #643b46;
        --on-tertiary-container: #ffd9e1;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #1d1b1e;
        --on-background: #e6e1e6;
        --surface: #141316;
        --on-surface: #e6e1e6;
        --surface-variant: #49454e;
        --on-surface-variant: #cbc4cf;
        --outline: #948f99;
        --outline-variant: #49454e;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e6e1e6;
        --inverse-on-surface: #323033;
        --inverse-primary: #6f43c0;
        --surface-dim: #141316;
        --surface-bright: #3b383c;
        --surface-container-lowest: #0f0e11;
        --surface-container-low: #1d1b1e;
        --surface-container: #211f22;
        --surface-container-high: #2b292d;
        --surface-container-highest: #363438;
    }
}
body.theme-indigo {
    &.light {
        --primary: #4355b9;
        --on-primary: #ffffff;
        --primary-container: #dee0ff;
        --on-primary-container: #00105c;
        --secondary: #5b5d72;
        --on-secondary: #ffffff;
        --secondary-container: #e0e1f9;
        --on-secondary-container: #181a2c;
        --tertiary: #77536d;
        --on-tertiary: #ffffff;
        --tertiary-container: #ffd7f1;
        --on-tertiary-container: #2d1228;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fefbff;
        --on-background: #1b1b1f;
        --surface: #fbf8fd;
        --on-surface: #1b1b1f;
        --surface-variant: #e3e1ec;
        --on-surface-variant: #46464f;
        --outline: #767680;
        --outline-variant: #c7c5d0;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #303034;
        --inverse-on-surface: #f3f0f4;
        --inverse-primary: #bac3ff;
        --surface-dim: #dcd9de;
        --surface-bright: #fbf8fd;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f6f2f7;
        --surface-container: #f0edf1;
        --surface-container-high: #eae7ec;
        --surface-container-highest: #e4e1e6;
    }
    &.dark {
        --primary: #bac3ff;
        --on-primary: #08218a;
        --primary-container: #293ca0;
        --on-primary-container: #dee0ff;
        --secondary: #c3c5dd;
        --on-secondary: #2d2f42;
        --secondary-container: #434659;
        --on-secondary-container: #e0e1f9;
        --tertiary: #e6bad7;
        --on-tertiary: #44263d;
        --tertiary-container: #5d3c55;
        --on-tertiary-container: #ffd7f1;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #1b1b1f;
        --on-background: #e4e1e6;
        --surface: #131316;
        --on-surface: #e4e1e6;
        --surface-variant: #46464f;
        --on-surface-variant: #c7c5d0;
        --outline: #90909a;
        --outline-variant: #46464f;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e4e1e6;
        --inverse-on-surface: #303034;
        --inverse-primary: #4355b9;
        --surface-dim: #131316;
        --surface-bright: #39393c;
        --surface-container-lowest: #0e0e11;
        --surface-container-low: #1b1b1f;
        --surface-container: #1f1f23;
        --surface-container-high: #2a2a2d;
        --surface-container-highest: #353438;
    }
}
body.theme-blue {
    &.light {
        --primary: #0061a4;
        --on-primary: #ffffff;
        --primary-container: #d1e4ff;
        --on-primary-container: #001d36;
        --secondary: #535f70;
        --on-secondary: #ffffff;
        --secondary-container: #d7e3f7;
        --on-secondary-container: #101c2b;
        --tertiary: #6b5778;
        --on-tertiary: #ffffff;
        --tertiary-container: #f2daff;
        --on-tertiary-container: #251431;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fdfcff;
        --on-background: #1a1c1e;
        --surface: #faf9fc;
        --on-surface: #1a1c1e;
        --surface-variant: #dfe2eb;
        --on-surface-variant: #43474e;
        --outline: #73777f;
        --outline-variant: #c3c7cf;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #2f3033;
        --inverse-on-surface: #f1f0f4;
        --inverse-primary: #9ecaff;
        --surface-dim: #dadadd;
        --surface-bright: #faf9fc;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f4f3f7;
        --surface-container: #eeedf1;
        --surface-container-high: #e8e8eb;
        --surface-container-highest: #e2e2e6;
    }
    &.dark {
        --primary: #9ecaff;
        --on-primary: #003258;
        --primary-container: #00497d;
        --on-primary-container: #d1e4ff;
        --secondary: #bbc7db;
        --on-secondary: #253140;
        --secondary-container: #3b4858;
        --on-secondary-container: #d7e3f7;
        --tertiary: #d6bee4;
        --on-tertiary: #3b2948;
        --tertiary-container: #523f5f;
        --on-tertiary-container: #f2daff;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #1a1c1e;
        --on-background: #e2e2e6;
        --surface: #121316;
        --on-surface: #e2e2e6;
        --surface-variant: #43474e;
        --on-surface-variant: #c3c7cf;
        --outline: #8d9199;
        --outline-variant: #43474e;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e2e2e6;
        --inverse-on-surface: #2f3033;
        --inverse-primary: #0061a4;
        --surface-dim: #121316;
        --surface-bright: #38393c;
        --surface-container-lowest: #0d0e11;
        --surface-container-low: #1a1c1e;
        --surface-container: #1e2022;
        --surface-container-high: #282a2d;
        --surface-container-highest: #333538;
    }
}
body.theme-light-blue {
    &.light {
        --primary: #006493;
        --on-primary: #ffffff;
        --primary-container: #cae6ff;
        --on-primary-container: #001e30;
        --secondary: #50606e;
        --on-secondary: #ffffff;
        --secondary-container: #d3e5f5;
        --on-secondary-container: #0c1d29;
        --tertiary: #65587b;
        --on-tertiary: #ffffff;
        --tertiary-container: #ebddff;
        --on-tertiary-container: #201634;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fcfcff;
        --on-background: #1a1c1e;
        --surface: #f9f9fc;
        --on-surface: #1a1c1e;
        --surface-variant: #dde3ea;
        --on-surface-variant: #41474d;
        --outline: #72787e;
        --outline-variant: #c1c7ce;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #2e3133;
        --inverse-on-surface: #f0f0f3;
        --inverse-primary: #8dcdff;
        --surface-dim: #d9dadd;
        --surface-bright: #f9f9fc;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f3f3f6;
        --surface-container: #edeef1;
        --surface-container-high: #e8e8eb;
        --surface-container-highest: #e2e2e5;
    }
    &.dark {
        --primary: #8dcdff;
        --on-primary: #00344f;
        --primary-container: #004b70;
        --on-primary-container: #cae6ff;
        --secondary: #b7c9d9;
        --on-secondary: #22323f;
        --secondary-container: #384956;
        --on-secondary-container: #d3e5f5;
        --tertiary: #cfc0e8;
        --on-tertiary: #362b4b;
        --tertiary-container: #4d4162;
        --on-tertiary-container: #ebddff;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #1a1c1e;
        --on-background: #e2e2e5;
        --surface: #111416;
        --on-surface: #e2e2e5;
        --surface-variant: #41474d;
        --on-surface-variant: #c1c7ce;
        --outline: #8b9198;
        --outline-variant: #41474d;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e2e2e5;
        --inverse-on-surface: #2e3133;
        --inverse-primary: #006493;
        --surface-dim: #111416;
        --surface-bright: #37393c;
        --surface-container-lowest: #0c0e11;
        --surface-container-low: #1a1c1e;
        --surface-container: #1e2022;
        --surface-container-high: #282a2d;
        --surface-container-highest: #333537;
    }
}
body.theme-cyan {
    &.light {
        --primary: #006876;
        --on-primary: #ffffff;
        --primary-container: #a1efff;
        --on-primary-container: #001f25;
        --secondary: #4a6268;
        --on-secondary: #ffffff;
        --secondary-container: #cde7ed;
        --on-secondary-container: #051f23;
        --tertiary: #545d7e;
        --on-tertiary: #ffffff;
        --tertiary-container: #dbe1ff;
        --on-tertiary-container: #101a37;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fbfcfd;
        --on-background: #191c1d;
        --surface: #f8fafa;
        --on-surface: #191c1d;
        --surface-variant: #dbe4e6;
        --on-surface-variant: #3f484a;
        --outline: #6f797b;
        --outline-variant: #bfc8ca;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #2e3132;
        --inverse-on-surface: #eff1f2;
        --inverse-primary: #44d8f1;
        --surface-dim: #d8dadb;
        --surface-bright: #f8fafa;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f2f4f4;
        --surface-container: #eceeef;
        --surface-container-high: #e6e8e9;
        --surface-container-highest: #e1e3e3;
    }
    &.dark {
        --primary: #44d8f1;
        --on-primary: #00363e;
        --primary-container: #004e59;
        --on-primary-container: #a1efff;
        --secondary: #b1cbd1;
        --on-secondary: #1c3439;
        --secondary-container: #334a50;
        --on-secondary-container: #cde7ed;
        --tertiary: #bcc5eb;
        --on-tertiary: #262f4d;
        --tertiary-container: #3c4665;
        --on-tertiary-container: #dbe1ff;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #191c1d;
        --on-background: #e1e3e3;
        --surface: #111415;
        --on-surface: #e1e3e3;
        --surface-variant: #3f484a;
        --on-surface-variant: #bfc8ca;
        --outline: #899295;
        --outline-variant: #3f484a;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e1e3e3;
        --inverse-on-surface: #2e3132;
        --inverse-primary: #006876;
        --surface-dim: #111415;
        --surface-bright: #363a3b;
        --surface-container-lowest: #0b0f10;
        --surface-container-low: #191c1d;
        --surface-container: #1d2021;
        --surface-container-high: #272b2b;
        --surface-container-highest: #323536;
    }
}
body.theme-teal {
    &.light {
        --primary: #006a60;
        --on-primary: #ffffff;
        --primary-container: #74f8e5;
        --on-primary-container: #00201c;
        --secondary: #4a635f;
        --on-secondary: #ffffff;
        --secondary-container: #cce8e2;
        --on-secondary-container: #05201c;
        --tertiary: #456179;
        --on-tertiary: #ffffff;
        --tertiary-container: #cce5ff;
        --on-tertiary-container: #001e31;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fafdfb;
        --on-background: #191c1b;
        --surface: #f7faf8;
        --on-surface: #191c1b;
        --surface-variant: #dae5e1;
        --on-surface-variant: #3f4947;
        --outline: #6f7977;
        --outline-variant: #bec9c6;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #2d3130;
        --inverse-on-surface: #eff1ef;
        --inverse-primary: #53dbc9;
        --surface-dim: #d8dbd9;
        --surface-bright: #f7faf8;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f2f4f2;
        --surface-container: #eceeec;
        --surface-container-high: #e6e9e7;
        --surface-container-highest: #e0e3e1;
    }
    &.dark {
        --primary: #53dbc9;
        --on-primary: #003731;
        --primary-container: #005048;
        --on-primary-container: #74f8e5;
        --secondary: #b1ccc6;
        --on-secondary: #1c3531;
        --secondary-container: #334b47;
        --on-secondary-container: #cce8e2;
        --tertiary: #adcae6;
        --on-tertiary: #153349;
        --tertiary-container: #2d4961;
        --on-tertiary-container: #cce5ff;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #191c1b;
        --on-background: #e0e3e1;
        --surface: #101413;
        --on-surface: #e0e3e1;
        --surface-variant: #3f4947;
        --on-surface-variant: #bec9c6;
        --outline: #899390;
        --outline-variant: #3f4947;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e0e3e1;
        --inverse-on-surface: #2d3130;
        --inverse-primary: #006a60;
        --surface-dim: #101413;
        --surface-bright: #363a39;
        --surface-container-lowest: #0b0f0e;
        --surface-container-low: #191c1b;
        --surface-container: #1d201f;
        --surface-container-high: #272b2a;
        --surface-container-highest: #323534;
    }
}
body.theme-green {
    &.light {
        --primary: #006e1c;
        --on-primary: #ffffff;
        --primary-container: #94f990;
        --on-primary-container: #002204;
        --secondary: #52634f;
        --on-secondary: #ffffff;
        --secondary-container: #d5e8cf;
        --on-secondary-container: #111f0f;
        --tertiary: #38656a;
        --on-tertiary: #ffffff;
        --tertiary-container: #bcebf0;
        --on-tertiary-container: #002023;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fcfdf6;
        --on-background: #1a1c19;
        --surface: #f9faf4;
        --on-surface: #1a1c19;
        --surface-variant: #dee5d8;
        --on-surface-variant: #424940;
        --outline: #72796f;
        --outline-variant: #c2c9bd;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #2f312d;
        --inverse-on-surface: #f0f1eb;
        --inverse-primary: #78dc77;
        --surface-dim: #dadad4;
        --surface-bright: #f9faf4;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f3f4ee;
        --surface-container: #eeeee8;
        --surface-container-high: #e8e9e2;
        --surface-container-highest: #e2e3dd;
    }
    &.dark {
        --primary: #78dc77;
        --on-primary: #00390a;
        --primary-container: #005313;
        --on-primary-container: #94f990;
        --secondary: #baccb3;
        --on-secondary: #253423;
        --secondary-container: #3b4b38;
        --on-secondary-container: #d5e8cf;
        --tertiary: #a0cfd4;
        --on-tertiary: #00363b;
        --tertiary-container: #1f4d52;
        --on-tertiary-container: #bcebf0;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #1a1c19;
        --on-background: #e2e3dd;
        --surface: #121411;
        --on-surface: #e2e3dd;
        --surface-variant: #424940;
        --on-surface-variant: #c2c9bd;
        --outline: #8c9388;
        --outline-variant: #424940;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e2e3dd;
        --inverse-on-surface: #2f312d;
        --inverse-primary: #006e1c;
        --surface-dim: #121411;
        --surface-bright: #383a36;
        --surface-container-lowest: #0c0f0c;
        --surface-container-low: #1a1c19;
        --surface-container: #1e201d;
        --surface-container-high: #282b27;
        --surface-container-highest: #333531;
    }
}
body.theme-light-green {
    &.light {
        --primary: #3e6a00;
        --on-primary: #ffffff;
        --primary-container: #b9f474;
        --on-primary-container: #0f2000;
        --secondary: #576249;
        --on-secondary: #ffffff;
        --secondary-container: #dbe7c8;
        --on-secondary-container: #151e0b;
        --tertiary: #386663;
        --on-tertiary: #ffffff;
        --tertiary-container: #bbece8;
        --on-tertiary-container: #00201e;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fdfcf5;
        --on-background: #1b1c18;
        --surface: #fafaf2;
        --on-surface: #1b1c18;
        --surface-variant: #e1e4d5;
        --on-surface-variant: #44483d;
        --outline: #75796c;
        --outline-variant: #c5c8ba;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #30312c;
        --inverse-on-surface: #f2f1e9;
        --inverse-primary: #9ed75b;
        --surface-dim: #dbdad3;
        --surface-bright: #fafaf2;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f5f4ec;
        --surface-container: #efeee7;
        --surface-container-high: #e9e8e1;
        --surface-container-highest: #e3e3db;
    }
    &.dark {
        --primary: #9ed75b;
        --on-primary: #1e3700;
        --primary-container: #2e4f00;
        --on-primary-container: #b9f474;
        --secondary: #bfcbad;
        --on-secondary: #2a331e;
        --secondary-container: #404a33;
        --on-secondary-container: #dbe7c8;
        --tertiary: #a0d0cc;
        --on-tertiary: #003735;
        --tertiary-container: #1f4e4b;
        --on-tertiary-container: #bbece8;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #1b1c18;
        --on-background: #e3e3db;
        --surface: #121410;
        --on-surface: #e3e3db;
        --surface-variant: #44483d;
        --on-surface-variant: #c5c8ba;
        --outline: #8e9285;
        --outline-variant: #44483d;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e3e3db;
        --inverse-on-surface: #30312c;
        --inverse-primary: #3e6a00;
        --surface-dim: #121410;
        --surface-bright: #383a35;
        --surface-container-lowest: #0d0f0b;
        --surface-container-low: #1b1c18;
        --surface-container: #1f201c;
        --surface-container-high: #292a26;
        --surface-container-highest: #343530;
    }
}
body.theme-lime {
    &.light {
        --primary: #5b6300;
        --on-primary: #ffffff;
        --primary-container: #dded49;
        --on-primary-container: #1a1d00;
        --secondary: #5e6044;
        --on-secondary: #ffffff;
        --secondary-container: #e4e5c1;
        --on-secondary-container: #1b1d07;
        --tertiary: #3c665a;
        --on-tertiary: #ffffff;
        --tertiary-container: #beecdc;
        --on-tertiary-container: #002019;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #feffd8;
        --on-background: #1c1c17;
        --surface: #fcf9f0;
        --on-surface: #1c1c17;
        --surface-variant: #e5e3d2;
        --on-surface-variant: #47483b;
        --outline: #787869;
        --outline-variant: #c8c7b7;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #31312b;
        --inverse-on-surface: #f3f1e8;
        --inverse-primary: #c1d02c;
        --surface-dim: #dcdad2;
        --surface-bright: #fcf9f0;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f6f3eb;
        --surface-container: #f1eee5;
        --surface-container-high: #ebe8df;
        --surface-container-highest: #e5e2da;
    }
    &.dark {
        --primary: #c1d02c;
        --on-primary: #2f3300;
        --primary-container: #444b00;
        --on-primary-container: #dded49;
        --secondary: #c7c9a6;
        --on-secondary: #30321a;
        --secondary-container: #46492e;
        --on-secondary-container: #e4e5c1;
        --tertiary: #a2d0c1;
        --on-tertiary: #07372d;
        --tertiary-container: #234e43;
        --on-tertiary-container: #beecdc;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #1c1c17;
        --on-background: #e5e2da;
        --surface: #13140f;
        --on-surface: #e5e2da;
        --surface-variant: #47483b;
        --on-surface-variant: #c8c7b7;
        --outline: #929282;
        --outline-variant: #47483b;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e5e2da;
        --inverse-on-surface: #31312b;
        --inverse-primary: #5b6300;
        --surface-dim: #13140f;
        --surface-bright: #3a3934;
        --surface-container-lowest: #0e0e0a;
        --surface-container-low: #1c1c17;
        --surface-container: #20201b;
        --surface-container-high: #2a2a25;
        --surface-container-highest: #35352f;
    }
}
body.theme-yellow {
    &.light {
        --primary: #695f00;
        --on-primary: #ffffff;
        --primary-container: #f9e534;
        --on-primary-container: #201c00;
        --secondary: #645f41;
        --on-secondary: #ffffff;
        --secondary-container: #ebe3bd;
        --on-secondary-container: #1f1c05;
        --tertiary: #406652;
        --on-tertiary: #ffffff;
        --tertiary-container: #c2ecd3;
        --on-tertiary-container: #002113;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fffbff;
        --on-background: #1d1c16;
        --surface: #fef9f0;
        --on-surface: #1d1c16;
        --surface-variant: #e8e2d0;
        --on-surface-variant: #4a473a;
        --outline: #7b7768;
        --outline-variant: #cbc6b5;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #32302a;
        --inverse-on-surface: #f5f0e7;
        --inverse-primary: #dbc90a;
        --surface-dim: #dedad1;
        --surface-bright: #fef9f0;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f8f3ea;
        --surface-container: #f2ede4;
        --surface-container-high: #ece8df;
        --surface-container-highest: #e7e2d9;
    }
    &.dark {
        --primary: #dbc90a;
        --on-primary: #363100;
        --primary-container: #4f4800;
        --on-primary-container: #f9e534;
        --secondary: #cec7a3;
        --on-secondary: #343117;
        --secondary-container: #4b472b;
        --on-secondary-container: #ebe3bd;
        --tertiary: #a7d0b7;
        --on-tertiary: #103726;
        --tertiary-container: #294e3b;
        --on-tertiary-container: #c2ecd3;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #1d1c16;
        --on-background: #e7e2d9;
        --surface: #14130e;
        --on-surface: #e7e2d9;
        --surface-variant: #4a473a;
        --on-surface-variant: #cbc6b5;
        --outline: #959181;
        --outline-variant: #4a473a;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e7e2d9;
        --inverse-on-surface: #32302a;
        --inverse-primary: #695f00;
        --surface-dim: #14130e;
        --surface-bright: #3b3933;
        --surface-container-lowest: #0f0e09;
        --surface-container-low: #1d1c16;
        --surface-container: #21201a;
        --surface-container-high: #2b2a24;
        --surface-container-highest: #36352f;
    }
}
body.theme-amber {
    &.light {
        --primary: #785900;
        --on-primary: #ffffff;
        --primary-container: #ffdf9e;
        --on-primary-container: #261a00;
        --secondary: #6b5d3f;
        --on-secondary: #ffffff;
        --secondary-container: #f5e0bb;
        --on-secondary-container: #241a04;
        --tertiary: #4a6547;
        --on-tertiary: #ffffff;
        --tertiary-container: #ccebc4;
        --on-tertiary-container: #072109;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fffbff;
        --on-background: #1e1b16;
        --surface: #fff8f2;
        --on-surface: #1e1b16;
        --surface-variant: #ede1cf;
        --on-surface-variant: #4d4639;
        --outline: #7f7667;
        --outline-variant: #d0c5b4;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #33302a;
        --inverse-on-surface: #f7efe7;
        --inverse-primary: #fabd00;
        --surface-dim: #e0d9d0;
        --surface-bright: #fff8f2;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #faf2e9;
        --surface-container: #f5ede4;
        --surface-container-high: #efe7de;
        --surface-container-highest: #e9e1d8;
    }
    &.dark {
        --primary: #fabd00;
        --on-primary: #3f2e00;
        --primary-container: #5b4300;
        --on-primary-container: #ffdf9e;
        --secondary: #d8c4a0;
        --on-secondary: #3a2f15;
        --secondary-container: #52452a;
        --on-secondary-container: #f5e0bb;
        --tertiary: #b0cfaa;
        --on-tertiary: #1d361c;
        --tertiary-container: #334d31;
        --on-tertiary-container: #ccebc4;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #1e1b16;
        --on-background: #e9e1d8;
        --surface: #16130e;
        --on-surface: #e9e1d8;
        --surface-variant: #4d4639;
        --on-surface-variant: #d0c5b4;
        --outline: #998f80;
        --outline-variant: #4d4639;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e9e1d8;
        --inverse-on-surface: #33302a;
        --inverse-primary: #785900;
        --surface-dim: #16130e;
        --surface-bright: #3c3933;
        --surface-container-lowest: #100e09;
        --surface-container-low: #1e1b16;
        --surface-container: #221f1a;
        --surface-container-high: #2d2924;
        --surface-container-highest: #38342e;
    }
}
body.theme-orange {
    &.light {
        --primary: #8b5000;
        --on-primary: #ffffff;
        --primary-container: #ffdcbe;
        --on-primary-container: #2c1600;
        --secondary: #725a42;
        --on-secondary: #ffffff;
        --secondary-container: #ffdcbe;
        --on-secondary-container: #291806;
        --tertiary: #58633a;
        --on-tertiary: #ffffff;
        --tertiary-container: #dce8b4;
        --on-tertiary-container: #161e01;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fffbff;
        --on-background: #201b16;
        --surface: #fff8f5;
        --on-surface: #201b16;
        --surface-variant: #f2dfd1;
        --on-surface-variant: #51453a;
        --outline: #837468;
        --outline-variant: #d5c3b5;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #352f2b;
        --inverse-on-surface: #faefe7;
        --inverse-primary: #ffb870;
        --surface-dim: #e3d8d1;
        --surface-bright: #fff8f5;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #fdf2ea;
        --surface-container: #f7ece4;
        --surface-container-high: #f1e6df;
        --surface-container-highest: #ebe0d9;
    }
    &.dark {
        --primary: #ffb870;
        --on-primary: #4a2800;
        --primary-container: #693c00;
        --on-primary-container: #ffdcbe;
        --secondary: #e1c1a4;
        --on-secondary: #402c18;
        --secondary-container: #59422c;
        --on-secondary-container: #ffdcbe;
        --tertiary: #c0cc9a;
        --on-tertiary: #2b3410;
        --tertiary-container: #414b24;
        --on-tertiary-container: #dce8b4;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #201b16;
        --on-background: #ebe0d9;
        --surface: #17120e;
        --on-surface: #ebe0d9;
        --surface-variant: #51453a;
        --on-surface-variant: #d5c3b5;
        --outline: #9d8e81;
        --outline-variant: #51453a;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #ebe0d9;
        --inverse-on-surface: #352f2b;
        --inverse-primary: #8b5000;
        --surface-dim: #17120e;
        --surface-bright: #3e3833;
        --surface-container-lowest: #120d0a;
        --surface-container-low: #201b16;
        --surface-container: #241f1a;
        --surface-container-high: #2e2924;
        --surface-container-highest: #3a342f;
    }
}
body.theme-deep-orange {
    &.light {
        --primary: #b02f00;
        --on-primary: #ffffff;
        --primary-container: #ffdbd1;
        --on-primary-container: #3b0900;
        --secondary: #77574e;
        --on-secondary: #ffffff;
        --secondary-container: #ffdbd1;
        --on-secondary-container: #2c150f;
        --tertiary: #6c5d2f;
        --on-tertiary: #ffffff;
        --tertiary-container: #f5e1a7;
        --on-tertiary-container: #231b00;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fffbff;
        --on-background: #201a18;
        --surface: #fff8f6;
        --on-surface: #201a18;
        --surface-variant: #f5ded8;
        --on-surface-variant: #53433f;
        --outline: #85736e;
        --outline-variant: #d8c2bc;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #362f2d;
        --inverse-on-surface: #fbeeeb;
        --inverse-primary: #ffb5a0;
        --surface-dim: #e4d7d4;
        --surface-bright: #fff8f6;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #fef1ed;
        --surface-container: #f8ebe8;
        --surface-container-high: #f3e5e2;
        --surface-container-highest: #ede0dc;
    }
    &.dark {
        --primary: #ffb5a0;
        --on-primary: #5f1500;
        --primary-container: #862200;
        --on-primary-container: #ffdbd1;
        --secondary: #e7bdb2;
        --on-secondary: #442a22;
        --secondary-container: #5d4037;
        --on-secondary-container: #ffdbd1;
        --tertiary: #d8c58d;
        --on-tertiary: #3b2f05;
        --tertiary-container: #534619;
        --on-tertiary-container: #f5e1a7;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #201a18;
        --on-background: #ede0dc;
        --surface: #181210;
        --on-surface: #ede0dc;
        --surface-variant: #53433f;
        --on-surface-variant: #d8c2bc;
        --outline: #a08c87;
        --outline-variant: #53433f;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #ede0dc;
        --inverse-on-surface: #362f2d;
        --inverse-primary: #b02f00;
        --surface-dim: #181210;
        --surface-bright: #3f3735;
        --surface-container-lowest: #120d0b;
        --surface-container-low: #201a18;
        --surface-container: #251e1c;
        --surface-container-high: #2f2827;
        --surface-container-highest: #3b3331;
    }
}
body.theme-brown {
    &.light {
        --primary: #9a4522;
        --on-primary: #ffffff;
        --primary-container: #ffdbcf;
        --on-primary-container: #380d00;
        --secondary: #77574c;
        --on-secondary: #ffffff;
        --secondary-container: #ffdbcf;
        --on-secondary-container: #2c160d;
        --tertiary: #695e2f;
        --on-tertiary: #ffffff;
        --tertiary-container: #f2e2a8;
        --on-tertiary-container: #211b00;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fffbff;
        --on-background: #201a18;
        --surface: #fff8f6;
        --on-surface: #201a18;
        --surface-variant: #f5ded6;
        --on-surface-variant: #53433e;
        --outline: #85736d;
        --outline-variant: #d8c2bb;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #362f2c;
        --inverse-on-surface: #fbeeea;
        --inverse-primary: #ffb59a;
        --surface-dim: #e4d7d4;
        --surface-bright: #fff8f6;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #fef1ed;
        --surface-container: #f8ebe7;
        --surface-container-high: #f3e5e2;
        --surface-container-highest: #ede0dc;
    }
    &.dark {
        --primary: #ffb59a;
        --on-primary: #5b1b00;
        --primary-container: #7b2e0d;
        --on-primary-container: #ffdbcf;
        --secondary: #e7beaf;
        --on-secondary: #442a20;
        --secondary-container: #5d4035;
        --on-secondary-container: #ffdbcf;
        --tertiary: #d5c68e;
        --on-tertiary: #393005;
        --tertiary-container: #50471a;
        --on-tertiary-container: #f2e2a8;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #201a18;
        --on-background: #ede0dc;
        --surface: #181210;
        --on-surface: #ede0dc;
        --surface-variant: #53433e;
        --on-surface-variant: #d8c2bb;
        --outline: #a08d86;
        --outline-variant: #53433e;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #ede0dc;
        --inverse-on-surface: #362f2c;
        --inverse-primary: #9a4522;
        --surface-dim: #181210;
        --surface-bright: #3f3835;
        --surface-container-lowest: #120d0b;
        --surface-container-low: #201a18;
        --surface-container: #251e1c;
        --surface-container-high: #2f2826;
        --surface-container-highest: #3b3331;
    }
}
body.theme-grey {
    &.light {
        --primary: #006874;
        --on-primary: #ffffff;
        --primary-container: #97f0ff;
        --on-primary-container: #001f24;
        --secondary: #4a6267;
        --on-secondary: #ffffff;
        --secondary-container: #cde7ec;
        --on-secondary-container: #051f23;
        --tertiary: #525e7d;
        --on-tertiary: #ffffff;
        --tertiary-container: #dae2ff;
        --on-tertiary-container: #0e1b37;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fafdfd;
        --on-background: #191c1d;
        --surface: #f8fafa;
        --on-surface: #191c1d;
        --surface-variant: #dbe4e6;
        --on-surface-variant: #3f484a;
        --outline: #6f797a;
        --outline-variant: #bfc8ca;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #2e3132;
        --inverse-on-surface: #eff1f1;
        --inverse-primary: #4fd8eb;
        --surface-dim: #d8dadb;
        --surface-bright: #f8fafa;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f2f4f4;
        --surface-container: #eceeef;
        --surface-container-high: #e6e8e9;
        --surface-container-highest: #e1e3e3;
    }
    &.dark {
        --primary: #4fd8eb;
        --on-primary: #00363d;
        --primary-container: #004f58;
        --on-primary-container: #97f0ff;
        --secondary: #b1cbd0;
        --on-secondary: #1c3438;
        --secondary-container: #334b4f;
        --on-secondary-container: #cde7ec;
        --tertiary: #bac6ea;
        --on-tertiary: #24304d;
        --tertiary-container: #3b4664;
        --on-tertiary-container: #dae2ff;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #191c1d;
        --on-background: #e1e3e3;
        --surface: #101415;
        --on-surface: #e1e3e3;
        --surface-variant: #3f484a;
        --on-surface-variant: #bfc8ca;
        --outline: #899294;
        --outline-variant: #3f484a;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e1e3e3;
        --inverse-on-surface: #2e3132;
        --inverse-primary: #006874;
        --surface-dim: #101415;
        --surface-bright: #363a3a;
        --surface-container-lowest: #0b0f0f;
        --surface-container-low: #191c1d;
        --surface-container: #1d2021;
        --surface-container-high: #272b2b;
        --surface-container-highest: #323536;
    }
}
body.theme-blue-grey {
    &.light {
        --primary: #006783;
        --on-primary: #ffffff;
        --primary-container: #bde9ff;
        --on-primary-container: #001f2a;
        --secondary: #4d616c;
        --on-secondary: #ffffff;
        --secondary-container: #d0e6f2;
        --on-secondary-container: #081e27;
        --tertiary: #5d5b7d;
        --on-tertiary: #ffffff;
        --tertiary-container: #e3dfff;
        --on-tertiary-container: #191836;
        --error: #ba1a1a;
        --on-error: #ffffff;
        --error-container: #ffdad6;
        --on-error-container: #410002;
        --background: #fbfcfe;
        --on-background: #191c1e;
        --surface: #f8f9fb;
        --on-surface: #191c1e;
        --surface-variant: #dce4e9;
        --on-surface-variant: #40484c;
        --outline: #70787d;
        --outline-variant: #c0c8cd;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #2e3132;
        --inverse-on-surface: #eff1f3;
        --inverse-primary: #65d3ff;
        --surface-dim: #d9dadc;
        --surface-bright: #f8f9fb;
        --surface-container-lowest: #ffffff;
        --surface-container-low: #f2f4f6;
        --surface-container: #edeef0;
        --surface-container-high: #e7e8ea;
        --surface-container-highest: #e1e2e4;
    }
    &.dark {
        --primary: #65d3ff;
        --on-primary: #003546;
        --primary-container: #004d64;
        --on-primary-container: #bde9ff;
        --secondary: #b4cad6;
        --on-secondary: #1f333c;
        --secondary-container: #354a53;
        --on-secondary-container: #d0e6f2;
        --tertiary: #c6c2ea;
        --on-tertiary: #2e2d4d;
        --tertiary-container: #454364;
        --on-tertiary-container: #e3dfff;
        --error: #ffb4ab;
        --on-error: #690005;
        --error-container: #93000a;
        --on-error-container: #ffb4ab;
        --background: #191c1e;
        --on-background: #e1e2e4;
        --surface: #111415;
        --on-surface: #e1e2e4;
        --surface-variant: #40484c;
        --on-surface-variant: #c0c8cd;
        --outline: #8a9297;
        --outline-variant: #40484c;
        --shadow: #000000;
        --scrim: #000000;
        --inverse-surface: #e1e2e4;
        --inverse-on-surface: #2e3132;
        --inverse-primary: #006783;
        --surface-dim: #111415;
        --surface-bright: #373a3b;
        --surface-container-lowest: #0c0f10;
        --surface-container-low: #191c1e;
        --surface-container: #1d2022;
        --surface-container-high: #272a2c;
        --surface-container-highest: #323537;
    }
}