/* SVN Web Admin - Material Design v1 Theme CSS */

/* Light theme (default) */
.light, html:not(.dark):not(.light-hc):not(.dark-hc):not(.light-mc):not(.dark-mc):not(.zk):not(.zk-dark):not(.zk-blue):not(.zk-blue-dark) {
  --md-sys-color-primary: rgb(8 103 127);
  --md-sys-color-surface-tint: rgb(8 103 127);
  --md-sys-color-on-primary: rgb(255 255 255);
  --md-sys-color-primary-container: rgb(184 234 255);
  --md-sys-color-on-primary-container: rgb(0 77 97);
  --md-sys-color-secondary: rgb(76 98 107);
  --md-sys-color-on-secondary: rgb(255 255 255);
  --md-sys-color-secondary-container: rgb(207 230 241);
  --md-sys-color-on-secondary-container: rgb(52 74 82);
  --md-sys-color-tertiary: rgb(91 91 126);
  --md-sys-color-on-tertiary: rgb(255 255 255);
  --md-sys-color-tertiary-container: rgb(225 224 255);
  --md-sys-color-on-tertiary-container: rgb(67 68 101);
  --md-sys-color-error: rgb(186 26 26);
  --md-sys-color-on-error: rgb(255 255 255);
  --md-sys-color-error-container: rgb(255 218 214);
  --md-sys-color-on-error-container: rgb(147 0 10);
  --md-sys-color-background: rgb(245 250 253);
  --md-sys-color-on-background: rgb(23 28 31);
  --md-sys-color-surface: rgb(245 250 253);
  --md-sys-color-on-surface: rgb(23 28 31);
  --md-sys-color-surface-variant: rgb(220 228 232);
  --md-sys-color-on-surface-variant: rgb(64 72 76);
  --md-sys-color-outline: rgb(112 120 124);
  --md-sys-color-outline-variant: rgb(191 200 204);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(44 49 52);
  --md-sys-color-inverse-on-surface: rgb(237 241 244);
  --md-sys-color-inverse-primary: rgb(136 209 236);
  --md-sys-color-primary-fixed: rgb(184 234 255);
  --md-sys-color-on-primary-fixed: rgb(0 31 40);
  --md-sys-color-primary-fixed-dim: rgb(136 209 236);
  --md-sys-color-on-primary-fixed-variant: rgb(0 77 97);
  --md-sys-color-secondary-fixed: rgb(207 230 241);
  --md-sys-color-on-secondary-fixed: rgb(7 30 38);
  --md-sys-color-secondary-fixed-dim: rgb(179 202 213);
  --md-sys-color-on-secondary-fixed-variant: rgb(52 74 82);
  --md-sys-color-tertiary-fixed: rgb(225 224 255);
  --md-sys-color-on-tertiary-fixed: rgb(23 24 55);
  --md-sys-color-tertiary-fixed-dim: rgb(195 195 235);
  --md-sys-color-on-tertiary-fixed-variant: rgb(67 68 101);
  --md-sys-color-surface-dim: rgb(214 219 222);
  --md-sys-color-surface-bright: rgb(245 250 253);
  --md-sys-color-surface-container-lowest: rgb(255 255 255);
  --md-sys-color-surface-container-low: rgb(240 244 247);
  --md-sys-color-surface-container: rgb(234 238 242);
  --md-sys-color-surface-container-high: rgb(228 233 236);
  --md-sys-color-surface-container-highest: rgb(222 227 230);
}

/* Dark theme */
.dark {
  --md-sys-color-primary: rgb(136 209 236);
  --md-sys-color-surface-tint: rgb(136 209 236);
  --md-sys-color-on-primary: rgb(0 53 68);
  --md-sys-color-primary-container: rgb(0 77 97);
  --md-sys-color-on-primary-container: rgb(184 234 255);
  --md-sys-color-secondary: rgb(179 202 213);
  --md-sys-color-on-secondary: rgb(30 51 59);
  --md-sys-color-secondary-container: rgb(52 74 82);
  --md-sys-color-on-secondary-container: rgb(207 230 241);
  --md-sys-color-tertiary: rgb(195 195 235);
  --md-sys-color-on-tertiary: rgb(44 45 77);
  --md-sys-color-tertiary-container: rgb(67 68 101);
  --md-sys-color-on-tertiary-container: rgb(225 224 255);
  --md-sys-color-error: rgb(255 180 171);
  --md-sys-color-on-error: rgb(105 0 5);
  --md-sys-color-error-container: rgb(147 0 10);
  --md-sys-color-on-error-container: rgb(255 218 214);
  --md-sys-color-background: rgb(15 20 22);
  --md-sys-color-on-background: rgb(222 227 230);
  --md-sys-color-surface: rgb(15 20 22);
  --md-sys-color-on-surface: rgb(222 227 230);
  --md-sys-color-surface-variant: rgb(64 72 76);
  --md-sys-color-on-surface-variant: rgb(191 200 204);
  --md-sys-color-outline: rgb(138 146 150);
  --md-sys-color-outline-variant: rgb(64 72 76);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(222 227 230);
  --md-sys-color-inverse-on-surface: rgb(44 49 52);
  --md-sys-color-inverse-primary: rgb(8 103 127);
  --md-sys-color-primary-fixed: rgb(184 234 255);
  --md-sys-color-on-primary-fixed: rgb(0 31 40);
  --md-sys-color-primary-fixed-dim: rgb(136 209 236);
  --md-sys-color-on-primary-fixed-variant: rgb(0 77 97);
  --md-sys-color-secondary-fixed: rgb(207 230 241);
  --md-sys-color-on-secondary-fixed: rgb(7 30 38);
  --md-sys-color-secondary-fixed-dim: rgb(179 202 213);
  --md-sys-color-on-secondary-fixed-variant: rgb(52 74 82);
  --md-sys-color-tertiary-fixed: rgb(225 224 255);
  --md-sys-color-on-tertiary-fixed: rgb(23 24 55);
  --md-sys-color-tertiary-fixed-dim: rgb(195 195 235);
  --md-sys-color-on-tertiary-fixed-variant: rgb(67 68 101);
  --md-sys-color-surface-dim: rgb(15 20 22);
  --md-sys-color-surface-bright: rgb(53 58 61);
  --md-sys-color-surface-container-lowest: rgb(10 15 17);
  --md-sys-color-surface-container-low: rgb(23 28 31);
  --md-sys-color-surface-container: rgb(27 32 35);
  --md-sys-color-surface-container-high: rgb(37 43 45);
  --md-sys-color-surface-container-highest: rgb(48 54 56);
}

/* Light High Contrast theme */
.light-hc {
  --md-sys-color-primary: rgb(0 50 64);
  --md-sys-color-surface-tint: rgb(8 103 127);
  --md-sys-color-on-primary: rgb(255 255 255);
  --md-sys-color-primary-container: rgb(0 77 97);
  --md-sys-color-on-primary-container: rgb(255 255 255);
  --md-sys-color-secondary: rgb(28 50 57);
  --md-sys-color-on-secondary: rgb(255 255 255);
  --md-sys-color-secondary-container: rgb(52 74 82);
  --md-sys-color-on-secondary-container: rgb(255 255 255);
  --md-sys-color-tertiary: rgb(43 44 77);
  --md-sys-color-on-tertiary: rgb(255 255 255);
  --md-sys-color-tertiary-container: rgb(67 68 101);
  --md-sys-color-on-tertiary-container: rgb(255 255 255);
  --md-sys-color-error: rgb(78 0 3);
  --md-sys-color-on-error: rgb(255 255 255);
  --md-sys-color-error-container: rgb(147 0 10);
  --md-sys-color-on-error-container: rgb(255 255 255);
  --md-sys-color-background: rgb(245 250 253);
  --md-sys-color-on-background: rgb(23 28 31);
  --md-sys-color-surface: rgb(245 250 253);
  --md-sys-color-on-surface: rgb(0 0 0);
  --md-sys-color-surface-variant: rgb(220 228 232);
  --md-sys-color-on-surface-variant: rgb(38 45 49);
  --md-sys-color-outline: rgb(56 64 68);
  --md-sys-color-outline-variant: rgb(56 64 68);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(44 49 52);
  --md-sys-color-inverse-on-surface: rgb(255 255 255);
  --md-sys-color-inverse-primary: rgb(217 244 255);
  --md-sys-color-primary-fixed: rgb(0 77 97);
  --md-sys-color-on-primary-fixed: rgb(255 255 255);
  --md-sys-color-primary-fixed-dim: rgb(0 53 68);
  --md-sys-color-on-primary-fixed-variant: rgb(255 255 255);
  --md-sys-color-secondary-fixed: rgb(52 74 82);
  --md-sys-color-on-secondary-fixed: rgb(255 255 255);
  --md-sys-color-secondary-fixed-dim: rgb(30 51 59);
  --md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);
  --md-sys-color-tertiary-fixed: rgb(67 68 101);
  --md-sys-color-on-tertiary-fixed: rgb(255 255 255);
  --md-sys-color-tertiary-fixed-dim: rgb(44 45 77);
  --md-sys-color-on-tertiary-fixed-variant: rgb(255 255 255);
  --md-sys-color-surface-dim: rgb(214 219 222);
  --md-sys-color-surface-bright: rgb(245 250 253);
  --md-sys-color-surface-container-lowest: rgb(255 255 255);
  --md-sys-color-surface-container-low: rgb(240 244 247);
  --md-sys-color-surface-container: rgb(234 238 242);
  --md-sys-color-surface-container-high: rgb(228 233 236);
  --md-sys-color-surface-container-highest: rgb(222 227 230);
}

/* Dark High Contrast theme */
.dark-hc {
  --md-sys-color-primary: rgb(230 249 255);
  --md-sys-color-surface-tint: rgb(136 209 236);
  --md-sys-color-on-primary: rgb(0 0 0);
  --md-sys-color-primary-container: rgb(159 219 245);
  --md-sys-color-on-primary-container: rgb(0 0 0);
  --md-sys-color-secondary: rgb(230 249 255);
  --md-sys-color-on-secondary: rgb(0 0 0);
  --md-sys-color-secondary-container: rgb(183 206 217);
  --md-sys-color-on-secondary-container: rgb(0 0 0);
  --md-sys-color-tertiary: rgb(240 239 255);
  --md-sys-color-on-tertiary: rgb(0 0 0);
  --md-sys-color-tertiary-container: rgb(199 199 239);
  --md-sys-color-on-tertiary-container: rgb(0 0 0);
  --md-sys-color-error: rgb(255 233 230);
  --md-sys-color-on-error: rgb(0 0 0);
  --md-sys-color-error-container: rgb(255 186 177);
  --md-sys-color-on-error-container: rgb(0 0 0);
  --md-sys-color-background: rgb(15 20 22);
  --md-sys-color-on-background: rgb(222 227 230);
  --md-sys-color-surface: rgb(15 20 22);
  --md-sys-color-on-surface: rgb(255 255 255);
  --md-sys-color-surface-variant: rgb(64 72 76);
  --md-sys-color-on-surface-variant: rgb(230 239 243);
  --md-sys-color-outline: rgb(199 208 212);
  --md-sys-color-outline-variant: rgb(199 208 212);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(222 227 230);
  --md-sys-color-inverse-on-surface: rgb(0 0 0);
  --md-sys-color-inverse-primary: rgb(0 47 60);
  --md-sys-color-primary-fixed: rgb(217 244 255);
  --md-sys-color-on-primary-fixed: rgb(0 0 0);
  --md-sys-color-primary-fixed-dim: rgb(159 219 245);
  --md-sys-color-on-primary-fixed-variant: rgb(0 31 40);
  --md-sys-color-secondary-fixed: rgb(212 234 245);
  --md-sys-color-on-secondary-fixed: rgb(0 0 0);
  --md-sys-color-secondary-fixed-dim: rgb(183 206 217);
  --md-sys-color-on-secondary-fixed-variant: rgb(7 30 38);
  --md-sys-color-tertiary-fixed: rgb(230 229 255);
  --md-sys-color-on-tertiary-fixed: rgb(0 0 0);
  --md-sys-color-tertiary-fixed-dim: rgb(199 199 239);
  --md-sys-color-on-tertiary-fixed-variant: rgb(23 24 55);
  --md-sys-color-surface-dim: rgb(15 20 22);
  --md-sys-color-surface-bright: rgb(53 58 61);
  --md-sys-color-surface-container-lowest: rgb(10 15 17);
  --md-sys-color-surface-container-low: rgb(23 28 31);
  --md-sys-color-surface-container: rgb(27 32 35);
  --md-sys-color-surface-container-high: rgb(37 43 45);
  --md-sys-color-surface-container-highest: rgb(48 54 56);
}

/* Light Medium Contrast theme */
.light-mc {
  --md-sys-color-primary: rgb(0 73 92);
  --md-sys-color-surface-tint: rgb(8 103 127);
  --md-sys-color-on-primary: rgb(255 255 255);
  --md-sys-color-primary-container: rgb(45 121 146);
  --md-sys-color-on-primary-container: rgb(255 255 255);
  --md-sys-color-secondary: rgb(48 70 78);
  --md-sys-color-on-secondary: rgb(255 255 255);
  --md-sys-color-secondary-container: rgb(93 115 124);
  --md-sys-color-on-secondary-container: rgb(255 255 255);
  --md-sys-color-tertiary: rgb(63 64 97);
  --md-sys-color-on-tertiary: rgb(255 255 255);
  --md-sys-color-tertiary-container: rgb(108 108 143);
  --md-sys-color-on-tertiary-container: rgb(255 255 255);
  --md-sys-color-error: rgb(140 0 8);
  --md-sys-color-on-error: rgb(255 255 255);
  --md-sys-color-error-container: rgb(218 52 46);
  --md-sys-color-on-error-container: rgb(255 255 255);
  --md-sys-color-background: rgb(245 250 253);
  --md-sys-color-on-background: rgb(23 28 31);
  --md-sys-color-surface: rgb(245 250 253);
  --md-sys-color-on-surface: rgb(23 28 31);
  --md-sys-color-surface-variant: rgb(220 228 232);
  --md-sys-color-on-surface-variant: rgb(60 68 72);
  --md-sys-color-outline: rgb(84 92 96);
  --md-sys-color-outline-variant: rgb(108 116 120);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(44 49 52);
  --md-sys-color-inverse-on-surface: rgb(237 241 244);
  --md-sys-color-inverse-primary: rgb(136 209 236);
  --md-sys-color-primary-fixed: rgb(45 121 146);
  --md-sys-color-on-primary-fixed: rgb(255 255 255);
  --md-sys-color-primary-fixed-dim: rgb(0 97 120);
  --md-sys-color-on-primary-fixed-variant: rgb(255 255 255);
  --md-sys-color-secondary-fixed: rgb(93 115 124);
  --md-sys-color-on-secondary-fixed: rgb(255 255 255);
  --md-sys-color-secondary-fixed-dim: rgb(72 93 101);
  --md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);
  --md-sys-color-tertiary-fixed: rgb(108 108 143);
  --md-sys-color-on-tertiary-fixed: rgb(255 255 255);
  --md-sys-color-tertiary-fixed-dim: rgb(86 87 121);
  --md-sys-color-on-tertiary-fixed-variant: rgb(255 255 255);
  --md-sys-color-surface-dim: rgb(214 219 222);
  --md-sys-color-surface-bright: rgb(245 250 253);
  --md-sys-color-surface-container-lowest: rgb(255 255 255);
  --md-sys-color-surface-container-low: rgb(240 244 247);
  --md-sys-color-surface-container: rgb(234 238 242);
  --md-sys-color-surface-container-high: rgb(228 233 236);
  --md-sys-color-surface-container-highest: rgb(222 227 230);
}

/* ZK Theme - Light (default) */
html.zk, .zk, html:not(.dark):not(.light-hc):not(.dark-hc):not(.light-mc):not(.dark-mc):not(.light):not(.zk-dark):not(.zk-blue):not(.zk-blue-dark) {
  --md-sys-color-primary: rgb(0 150 136);
  --md-sys-color-surface-tint: rgb(0 150 136);
  --md-sys-color-on-primary: rgb(255 255 255);
  --md-sys-color-primary-container: rgb(178 240 232);
  --md-sys-color-on-primary-container: rgb(0 80 72);
  --md-sys-color-secondary: rgb(74 99 95);
  --md-sys-color-on-secondary: rgb(255 255 255);
  --md-sys-color-secondary-container: rgb(204 232 226);
  --md-sys-color-on-secondary-container: rgb(50 75 71);
  --md-sys-color-tertiary: rgb(69 97 122);
  --md-sys-color-on-tertiary: rgb(255 255 255);
  --md-sys-color-tertiary-container: rgb(205 230 255);
  --md-sys-color-on-tertiary-container: rgb(45 73 97);
  --md-sys-color-error: rgb(186 26 26);
  --md-sys-color-on-error: rgb(255 255 255);
  --md-sys-color-error-container: rgb(255 218 214);
  --md-sys-color-on-error-container: rgb(147 0 10);
  --md-sys-color-background: rgb(248 253 252);
  --md-sys-color-on-background: rgb(22 29 28);
  --md-sys-color-surface: rgb(248 253 252);
  --md-sys-color-on-surface: rgb(22 29 28);
  --md-sys-color-surface-variant: rgb(218 229 226);
  --md-sys-color-on-surface-variant: rgb(62 73 71);
  --md-sys-color-outline: rgb(110 121 119);
  --md-sys-color-outline-variant: rgb(190 201 198);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(43 50 49);
  --md-sys-color-inverse-on-surface: rgb(236 242 240);
  --md-sys-color-inverse-primary: rgb(128 212 200);
  --md-sys-color-primary-fixed: rgb(178 240 232);
  --md-sys-color-on-primary-fixed: rgb(0 32 28);
  --md-sys-color-primary-fixed-dim: rgb(128 212 200);
  --md-sys-color-on-primary-fixed-variant: rgb(0 80 72);
  --md-sys-color-secondary-fixed: rgb(204 232 226);
  --md-sys-color-on-secondary-fixed: rgb(5 32 28);
  --md-sys-color-secondary-fixed-dim: rgb(176 204 198);
  --md-sys-color-on-secondary-fixed-variant: rgb(50 75 71);
  --md-sys-color-tertiary-fixed: rgb(205 230 255);
  --md-sys-color-on-tertiary-fixed: rgb(0 29 50);
  --md-sys-color-tertiary-fixed-dim: rgb(175 202 230);
  --md-sys-color-on-tertiary-fixed-variant: rgb(45 73 97);
  --md-sys-color-surface-dim: rgb(216 221 220);
  --md-sys-color-surface-bright: rgb(248 253 252);
  --md-sys-color-surface-container-lowest: rgb(255 255 255);
  --md-sys-color-surface-container-low: rgb(242 248 246);
  --md-sys-color-surface-container: rgb(236 242 240);
  --md-sys-color-surface-container-high: rgb(230 236 234);
  --md-sys-color-surface-container-highest: rgb(224 230 228);
}

/* ZK Theme - Dark */
html.zk-dark, .zk-dark {
  --md-sys-color-primary: rgb(128 212 200);
  --md-sys-color-surface-tint: rgb(128 212 200);
  --md-sys-color-on-primary: rgb(0 55 49);
  --md-sys-color-primary-container: rgb(0 80 72);
  --md-sys-color-on-primary-container: rgb(178 240 232);
  --md-sys-color-secondary: rgb(176 204 198);
  --md-sys-color-on-secondary: rgb(27 52 48);
  --md-sys-color-secondary-container: rgb(50 75 71);
  --md-sys-color-on-secondary-container: rgb(204 232 226);
  --md-sys-color-tertiary: rgb(175 202 230);
  --md-sys-color-on-tertiary: rgb(21 50 73);
  --md-sys-color-tertiary-container: rgb(45 73 97);
  --md-sys-color-on-tertiary-container: rgb(205 230 255);
  --md-sys-color-error: rgb(255 180 171);
  --md-sys-color-on-error: rgb(105 0 5);
  --md-sys-color-error-container: rgb(147 0 10);
  --md-sys-color-on-error-container: rgb(255 218 214);
  --md-sys-color-background: rgb(14 21 20);
  --md-sys-color-on-background: rgb(224 230 228);
  --md-sys-color-surface: rgb(14 21 20);
  --md-sys-color-on-surface: rgb(224 230 228);
  --md-sys-color-surface-variant: rgb(62 73 71);
  --md-sys-color-on-surface-variant: rgb(190 201 198);
  --md-sys-color-outline: rgb(136 147 145);
  --md-sys-color-outline-variant: rgb(62 73 71);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(224 230 228);
  --md-sys-color-inverse-on-surface: rgb(43 50 49);
  --md-sys-color-inverse-primary: rgb(0 110 99);
  --md-sys-color-primary-fixed: rgb(178 240 232);
  --md-sys-color-on-primary-fixed: rgb(0 32 28);
  --md-sys-color-primary-fixed-dim: rgb(128 212 200);
  --md-sys-color-on-primary-fixed-variant: rgb(0 80 72);
  --md-sys-color-secondary-fixed: rgb(204 232 226);
  --md-sys-color-on-secondary-fixed: rgb(5 32 28);
  --md-sys-color-secondary-fixed-dim: rgb(176 204 198);
  --md-sys-color-on-secondary-fixed-variant: rgb(50 75 71);
  --md-sys-color-tertiary-fixed: rgb(205 230 255);
  --md-sys-color-on-tertiary-fixed: rgb(0 29 50);
  --md-sys-color-tertiary-fixed-dim: rgb(175 202 230);
  --md-sys-color-on-tertiary-fixed-variant: rgb(45 73 97);
  --md-sys-color-surface-dim: rgb(14 21 20);
  --md-sys-color-surface-bright: rgb(52 59 57);
  --md-sys-color-surface-container-lowest: rgb(9 16 15);
  --md-sys-color-surface-container-low: rgb(22 29 28);
  --md-sys-color-surface-container: rgb(26 33 32);
  --md-sys-color-surface-container-high: rgb(36 43 42);
  --md-sys-color-surface-container-highest: rgb(47 54 53);
}

/* ZK Blue Theme - Light */
html.zk-blue, .zk-blue {
  --md-sys-color-primary: #0D6BE2;
  --md-sys-color-surface-tint: #0D6BE2;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #D6E8FF;
  --md-sys-color-on-primary-container: #003B80;
  --md-sys-color-secondary: #4A635F;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #CCE8E2;
  --md-sys-color-on-secondary-container: #324B47;
  --md-sys-color-tertiary: #45617A;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #CDE6FF;
  --md-sys-color-on-tertiary-container: #2D4961;
  --md-sys-color-error: #BA1A1A;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-error-container: #FFDAD6;
  --md-sys-color-on-error-container: #93000A;
  --md-sys-color-background: #FFFFFF;
  --md-sys-color-on-background: #161D1C;
  --md-sys-color-surface: #FFFFFF;
  --md-sys-color-on-surface: #161D1C;
  --md-sys-color-surface-variant: #DAE5E2;
  --md-sys-color-on-surface-variant: #3E4947;
  --md-sys-color-outline: #6E7977;
  --md-sys-color-outline-variant: #BEC9C6;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #2B3231;
  --md-sys-color-inverse-on-surface: #ECE2F0;
  --md-sys-color-inverse-primary: #80D4C8;
  --md-sys-color-primary-fixed: #D6E8FF;
  --md-sys-color-on-primary-fixed: #00201C;
  --md-sys-color-primary-fixed-dim: #80D4C8;
  --md-sys-color-on-primary-fixed-variant: #005048;
  --md-sys-color-secondary-fixed: #CCE8E2;
  --md-sys-color-on-secondary-fixed: #05201C;
  --md-sys-color-secondary-fixed-dim: #B0CCC6;
  --md-sys-color-on-secondary-fixed-variant: #324B47;
  --md-sys-color-tertiary-fixed: #CDE6FF;
  --md-sys-color-on-tertiary-fixed: #001D32;
  --md-sys-color-tertiary-fixed-dim: #AFCAE6;
  --md-sys-color-on-tertiary-fixed-variant: #2D4961;
  --md-sys-color-surface-dim: #D8DDDC;
  --md-sys-color-surface-bright: #FFFFFF;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #F2F8F6;
  --md-sys-color-surface-container: #ECE2F0;
  --md-sys-color-surface-container-high: #E6ECEA;
  --md-sys-color-surface-container-highest: #E0E6E4;
}

/* ZK Blue Theme - Dark */
html.zk-blue-dark, .zk-blue-dark {
  --md-sys-color-primary: #80D4C8;
  --md-sys-color-surface-tint: #80D4C8;
  --md-sys-color-on-primary: #003731;
  --md-sys-color-primary-container: #005048;
  --md-sys-color-on-primary-container: #D6E8FF;
  --md-sys-color-secondary: #B0CCC6;
  --md-sys-color-on-secondary: #1B3430;
  --md-sys-color-secondary-container: #324B47;
  --md-sys-color-on-secondary-container: #CCE8E2;
  --md-sys-color-tertiary: #AFCAE6;
  --md-sys-color-on-tertiary: #153249;
  --md-sys-color-tertiary-container: #2D4961;
  --md-sys-color-on-tertiary-container: #CDE6FF;
  --md-sys-color-error: #FFB4AB;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000A;
  --md-sys-color-on-error-container: #FFDAD6;
  --md-sys-color-background: #0E1514;
  --md-sys-color-on-background: #E0E6E4;
  --md-sys-color-surface: #0E1514;
  --md-sys-color-on-surface: #E0E6E4;
  --md-sys-color-surface-variant: #3E4947;
  --md-sys-color-on-surface-variant: #BEC9C6;
  --md-sys-color-outline: #889391;
  --md-sys-color-outline-variant: #3E4947;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #E0E6E4;
  --md-sys-color-inverse-on-surface: #2B3231;
  --md-sys-color-inverse-primary: #006E63;
  --md-sys-color-primary-fixed: #D6E8FF;
  --md-sys-color-on-primary-fixed: #00201C;
  --md-sys-color-primary-fixed-dim: #80D4C8;
  --md-sys-color-on-primary-fixed-variant: #005048;
  --md-sys-color-secondary-fixed: #CCE8E2;
  --md-sys-color-on-secondary-fixed: #05201C;
  --md-sys-color-secondary-fixed-dim: #B0CCC6;
  --md-sys-color-on-secondary-fixed-variant: #324B47;
  --md-sys-color-tertiary-fixed: #CDE6FF;
  --md-sys-color-on-tertiary-fixed: #001D32;
  --md-sys-color-tertiary-fixed-dim: #AFCAE6;
  --md-sys-color-on-tertiary-fixed-variant: #2D4961;
  --md-sys-color-surface-dim: #0E1514;
  --md-sys-color-surface-bright: #343B39;
  --md-sys-color-surface-container-lowest: #09100F;
  --md-sys-color-surface-container-low: #161D1C;
  --md-sys-color-surface-container: #1A2120;
  --md-sys-color-surface-container-high: #242B2A;
  --md-sys-color-surface-container-highest: #2F3635;
}

/* Dark Medium Contrast theme */
.dark-mc {
  --md-sys-color-primary: rgb(140 213 240);
  --md-sys-color-surface-tint: rgb(136 209 236);
  --md-sys-color-on-primary: rgb(0 45 58);
  --md-sys-color-primary-container: rgb(77 166 191);
  --md-sys-color-on-primary-container: rgb(0 0 0);
  --md-sys-color-secondary: rgb(183 206 217);
  --md-sys-color-on-secondary: rgb(11 34 42);
  --md-sys-color-secondary-container: rgb(126 149 159);
  --md-sys-color-on-secondary-container: rgb(0 0 0);
  --md-sys-color-tertiary: rgb(199 199 239);
  --md-sys-color-on-tertiary: rgb(27 28 60);
  --md-sys-color-tertiary-container: rgb(141 141 178);
  --md-sys-color-on-tertiary-container: rgb(0 0 0);
  --md-sys-color-error: rgb(255 186 177);
  --md-sys-color-on-error: rgb(55 0 1);
  --md-sys-color-error-container: rgb(255 84 73);
  --md-sys-color-on-error-container: rgb(0 0 0);
  --md-sys-color-background: rgb(15 20 22);
  --md-sys-color-on-background: rgb(222 227 230);
  --md-sys-color-surface: rgb(15 20 22);
  --md-sys-color-on-surface: rgb(247 251 254);
  --md-sys-color-surface-variant: rgb(64 72 76);
  --md-sys-color-on-surface-variant: rgb(195 204 208);
  --md-sys-color-outline: rgb(163 172 176);
  --md-sys-color-outline-variant: rgb(134 142 146);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(222 227 230);
  --md-sys-color-inverse-on-surface: rgb(37 43 45);
  --md-sys-color-inverse-primary: rgb(0 79 99);
  --md-sys-color-primary-fixed: rgb(188 238 255);
  --md-sys-color-on-primary-fixed: rgb(0 22 29);
  --md-sys-color-primary-fixed-dim: rgb(140 213 240);
  --md-sys-color-on-primary-fixed-variant: rgb(0 61 77);
  --md-sys-color-secondary-fixed: rgb(212 234 245);
  --md-sys-color-on-secondary-fixed: rgb(2 21 28);
  --md-sys-color-secondary-fixed-dim: rgb(183 206 217);
  --md-sys-color-on-secondary-fixed-variant: rgb(40 62 70);
  --md-sys-color-tertiary-fixed: rgb(230 229 255);
  --md-sys-color-on-tertiary-fixed: rgb(13 14 45);
  --md-sys-color-tertiary-fixed-dim: rgb(199 199 239);
  --md-sys-color-on-tertiary-fixed-variant: rgb(55 56 89);
  --md-sys-color-surface-dim: rgb(15 20 22);
  --md-sys-color-surface-bright: rgb(53 58 61);
  --md-sys-color-surface-container-lowest: rgb(10 15 17);
  --md-sys-color-surface-container-low: rgb(23 28 31);
  --md-sys-color-surface-container: rgb(27 32 35);
  --md-sys-color-surface-container-high: rgb(37 43 45);
  --md-sys-color-surface-container-highest: rgb(48 54 56);
}