@digigov/theme-govgr 2.0.0-rc.21

package/dist/colors.css

@@ -0,0 +1,572 @@
+:root {
+  --color-gray-100: #fefefe;
+  --color-gray-100-rgb: 254, 254, 254;
+  --color-gray-200: #ecebec;
+  --color-gray-200-rgb: 236, 235, 236;
+  --color-gray-300: #cdccce;
+  --color-gray-300-rgb: 205, 204, 206;
+  --color-gray-400: #b3b2b5;
+  --color-gray-400-rgb: 179, 178, 181;
+  --color-gray-500: #99989c;
+  --color-gray-500-rgb: 153, 152, 156;
+  --color-gray-600: #828086;
+  --color-gray-600-rgb: 130, 128, 134;
+  --color-gray-700: #6d6a71;
+  --color-gray-700-rgb: 109, 106, 113;
+  --color-gray-800: #515058;
+  --color-gray-800-rgb: 81, 80, 88;
+  --color-gray-900: #32363d;
+  --color-gray-900-rgb: 50, 54, 61;
+  --color-gray-1000: #252830;
+  --color-gray-1000-rgb: 37, 40, 48;
+  --color-gray-1100: #14161b;
+  --color-gray-1100-rgb: 20, 22, 27;
+  --color-gray-1200: #000000;
+  --color-gray-1200-rgb: 0, 0, 0;
+  --color-red-100: #ec8f7c;
+  --color-red-100-rgb: 236, 143, 124;
+  --color-red-200: #e66f59;
+  --color-red-200-rgb: 230, 111, 89;
+  --color-red-300: #d6402b;
+  --color-red-300-rgb: 214, 64, 43;
+  --color-red-400: #c82415;
+  --color-red-400-rgb: 200, 36, 21;
+  --color-red-500: #b60202;
+  --color-red-500-rgb: 182, 2, 2;
+  --color-red-600: #880000;
+  --color-red-600-rgb: 136, 0, 0;
+  --color-red-700: #710602;
+  --color-red-700-rgb: 113, 6, 2;
+  --color-orange-100: #f39000;
+  --color-orange-100-rgb: 243, 144, 0;
+  --color-orange-200: #d47e00;
+  --color-orange-200-rgb: 212, 126, 0;
+  --color-orange-300: #a9660f;
+  --color-orange-300-rgb: 169, 102, 15;
+  --color-orange-400: #925a15;
+  --color-orange-400-rgb: 146, 90, 21;
+  --color-orange-500: #7c4f18;
+  --color-orange-500-rgb: 124, 79, 24;
+  --color-orange-600: #583b18;
+  --color-orange-600-rgb: 88, 59, 24;
+  --color-orange-700: #483117;
+  --color-orange-700-rgb: 72, 49, 23;
+  --color-green-100: #82b291;
+  --color-green-100-rgb: 130, 178, 145;
+  --color-green-200: #5da074;
+  --color-green-200-rgb: 93, 160, 116;
+  --color-green-300: #15874d;
+  --color-green-300-rgb: 21, 135, 77;
+  --color-green-400: #007738;
+  --color-green-400-rgb: 0, 119, 56;
+  --color-green-500: #006736;
+  --color-green-500-rgb: 0, 103, 54;
+  --color-green-600: #154a2b;
+  --color-green-600-rgb: 21, 74, 43;
+  --color-green-700: #173d25;
+  --color-green-700-rgb: 23, 61, 37;
+  --color-blue-100: #22b3f0;
+  --color-blue-100-rgb: 34, 179, 240;
+  --color-blue-200: #0099e9;
+  --color-blue-200-rgb: 0, 153, 233;
+  --color-blue-300: #0076d9;
+  --color-blue-300-rgb: 0, 118, 217;
+  --color-blue-400: #0064cc;
+  --color-blue-400-rgb: 0, 100, 204;
+  --color-blue-500: #0054ba;
+  --color-blue-500-rgb: 0, 84, 186;
+  --color-blue-600: #0e3d8b;
+  --color-blue-600-rgb: 14, 61, 139;
+  --color-blue-700: #12336f;
+  --color-blue-700-rgb: 18, 51, 111;
+  --color-purple-100: #b69be2;
+  --color-purple-100-rgb: 182, 155, 226;
+  --color-purple-200: #a67fe2;
+  --color-purple-200-rgb: 166, 127, 226;
+  --color-purple-300: #9057de;
+  --color-purple-300-rgb: 144, 87, 222;
+  --color-purple-400: #8045d4;
+  --color-purple-400-rgb: 128, 69, 212;
+  --color-purple-500: #6d38c2;
+  --color-purple-500-rgb: 109, 56, 194;
+  --color-purple-600: #4c2a90;
+  --color-purple-600-rgb: 76, 42, 144;
+  --color-purple-700: #3d2674;
+  --color-purple-700-rgb: 61, 38, 116;
+  --color-yellow-100: #ffdd00;
+  --color-yellow-100-rgb: 255, 221, 0;
+  --color-primary-100: #1f4884;
+  --color-primary-100-rgb: 31, 72, 132;
+  --color-primary-200: #003375;
+  --color-primary-200-rgb: 0, 51, 117;
+  --color-primary-300: #00225e;
+  --color-primary-300-rgb: 0, 34, 94;
+  --color-primary: #003375;
+  --color-primary-rgb: 0, 51, 117;
+  --color-secondary-100: #61c9ff;
+  --color-secondary-100-rgb: 97, 201, 255;
+  --color-secondary-200: #00b0f0;
+  --color-secondary-200-rgb: 0, 176, 240;
+  --color-secondary-300: #009cd8;
+  --color-secondary-300-rgb: 0, 156, 216;
+  --color-secondary: #00b0f0;
+  --color-secondary-rgb: 0, 176, 240;
+  --color-tertiary-100: #3379c1;
+  --color-tertiary-100-rgb: 51, 121, 193;
+  --color-tertiary-200: #0065b3;
+  --color-tertiary-200-rgb: 0, 101, 179;
+  --color-tertiary-300: #00559e;
+  --color-tertiary-300-rgb: 0, 85, 158;
+  --color-tertiary: #0065b3;
+  --color-tertiary-rgb: 0, 101, 179;
+  --color-base-100: #fefefe;
+  --color-base-100-rgb: 254, 254, 254;
+  --color-base-200: #ecebec;
+  --color-base-200-rgb: 236, 235, 236;
+  --color-base-300: #cdccce;
+  --color-base-300-rgb: 205, 204, 206;
+  --color-base-400: #b3b2b5;
+  --color-base-400-rgb: 179, 178, 181;
+  --color-base-500: #99989c;
+  --color-base-500-rgb: 153, 152, 156;
+  --color-base-600: #828086;
+  --color-base-600-rgb: 130, 128, 134;
+  --color-base-700: #6d6a71;
+  --color-base-700-rgb: 109, 106, 113;
+  --color-base-800: #515058;
+  --color-base-800-rgb: 81, 80, 88;
+  --color-base-900: #32363d;
+  --color-base-900-rgb: 50, 54, 61;
+  --color-base-1000: #252830;
+  --color-base-1000-rgb: 37, 40, 48;
+  --color-base-1100: #14161b;
+  --color-base-1100-rgb: 20, 22, 27;
+  --color-base-content: #252830;
+  --color-base-content-rgb: 37, 40, 48;
+  --color-base-content-secondary: #6d6a71;
+  --color-base-content-secondary-rgb: 109, 106, 113;
+  --color-base-content-invert: #fefefe;
+  --color-base-content-invert-rgb: 254, 254, 254;
+  --color-accent: #252830;
+  --color-accent-rgb: 37, 40, 48;
+  --color-accent-focus: #32363d;
+  --color-accent-focus-rgb: 50, 54, 61;
+  --color-accent-content: #fefefe;
+  --color-accent-content-rgb: 254, 254, 254;
+  --color-focus: #ffdd00;
+  --color-focus-rgb: 255, 221, 0;
+  --color-error: #b60202;
+  --color-error-rgb: 182, 2, 2;
+  --color-error-hover: #880000;
+  --color-error-hover-rgb: 136, 0, 0;
+  --color-error-text: #b60202;
+  --color-error-text-rgb: 182, 2, 2;
+  --color-success: #006736;
+  --color-success-rgb: 0, 103, 54;
+  --color-success-hover: #154a2b;
+  --color-success-hover-rgb: 21, 74, 43;
+  --color-link: #0054ba;
+  --color-link-rgb: 0, 84, 186;
+  --color-link-hover: #0e3d8b;
+  --color-link-hover-rgb: 14, 61, 139;
+  --color-link-active: #252830;
+  --color-link-active-rgb: 37, 40, 48;
+  --color-link-visited: #4c2a90;
+  --color-link-visited-rgb: 76, 42, 144;
+  --color-warning: #f39000;
+  --color-warning-rgb: 243, 144, 0;
+  --color-info: #0064cc;
+  --color-info-rgb: 0, 100, 204;
+  --color-info-hover: #0054ba;
+  --color-info-hover-rgb: 0, 84, 186;
+  --color-footer: #0054ba;
+  --color-footer-rgb: 0, 84, 186;
+  --color-footer-hover: #0e3d8b;
+  --color-footer-hover-rgb: 14, 61, 139;
+  --color-white: #fefefe;
+  --color-white-rgb: 254, 254, 254;
+  --color-black: #000000;
+  --color-black-rgb: 0, 0, 0;
+}
+
+:root.dark,
+.dark {
+  --color-gray-100: #111317;
+  --color-gray-100-rgb: 17, 19, 23;
+  --color-gray-200: #20242a;
+  --color-gray-200-rgb: 32, 36, 42;
+  --color-gray-300: #363941;
+  --color-gray-300-rgb: 54, 57, 65;
+  --color-gray-400: #4a4a52;
+  --color-gray-400-rgb: 74, 74, 82;
+  --color-gray-500: #5f5d65;
+  --color-gray-500-rgb: 95, 93, 101;
+  --color-gray-600: #747178;
+  --color-gray-600-rgb: 116, 113, 120;
+  --color-gray-700: #8a888e;
+  --color-gray-700-rgb: 138, 136, 142;
+  --color-gray-800: #aaa8ac;
+  --color-gray-800-rgb: 170, 168, 172;
+  --color-gray-900: #d1d0d2;
+  --color-gray-900-rgb: 209, 208, 210;
+  --color-gray-1000: #e5e4e5;
+  --color-gray-1000-rgb: 229, 228, 229;
+  --color-gray-1100: #fbfbfb;
+  --color-gray-1100-rgb: 251, 251, 251;
+  --color-gray-1200: #fefffe;
+  --color-gray-1200-rgb: 254, 255, 254;
+  --color-red-100: #aa0000;
+  --color-red-100-rgb: 170, 0, 0;
+  --color-red-200: #c31c0f;
+  --color-red-200-rgb: 195, 28, 15;
+  --color-red-300: #db4d37;
+  --color-red-300-rgb: 219, 77, 55;
+  --color-red-400: #e46752;
+  --color-red-400-rgb: 228, 103, 82;
+  --color-red-500: #ea816e;
+  --color-red-500-rgb: 234, 129, 110;
+  --color-red-600: #f0b0a4;
+  --color-red-600-rgb: 240, 176, 164;
+  --color-red-700: #f1c7bf;
+  --color-red-700-rgb: 241, 199, 191;
+  --color-orange-100: #734919;
+  --color-orange-100-rgb: 115, 73, 25;
+  --color-orange-200: #8c5716;
+  --color-orange-200-rgb: 140, 87, 22;
+  --color-orange-300: #b56c0a;
+  --color-orange-300-rgb: 181, 108, 10;
+  --color-orange-400: #cd7a00;
+  --color-orange-400-rgb: 205, 122, 0;
+  --color-orange-500: #e68800;
+  --color-orange-500-rgb: 230, 136, 0;
+  --color-orange-600: #ffb037;
+  --color-orange-600-rgb: 255, 176, 55;
+  --color-orange-700: #ffc76c;
+  --color-orange-700-rgb: 255, 199, 108;
+  --color-green-100: #085f33;
+  --color-green-100-rgb: 8, 95, 51;
+  --color-green-200: #007339;
+  --color-green-200-rgb: 0, 115, 57;
+  --color-green-300: #2e8e56;
+  --color-green-300-rgb: 46, 142, 86;
+  --color-green-400: #549c6d;
+  --color-green-400-rgb: 84, 156, 109;
+  --color-green-500: #73ab84;
+  --color-green-500-rgb: 115, 171, 132;
+  --color-green-600: #a9c7b1;
+  --color-green-600-rgb: 169, 199, 177;
+  --color-green-700: #c0d6c6;
+  --color-green-700-rgb: 192, 214, 198;
+  --color-blue-100: #004eaf;
+  --color-blue-100-rgb: 0, 78, 175;
+  --color-blue-200: #0060c7;
+  --color-blue-200-rgb: 0, 96, 199;
+  --color-blue-300: #007fde;
+  --color-blue-300-rgb: 0, 127, 222;
+  --color-blue-400: #0093e7;
+  --color-blue-400-rgb: 0, 147, 231;
+  --color-blue-500: #00a8ee;
+  --color-blue-500-rgb: 0, 168, 238;
+  --color-blue-600: #7fc9f0;
+  --color-blue-600-rgb: 127, 201, 240;
+  --color-blue-700: #aad7f0;
+  --color-blue-700-rgb: 170, 215, 240;
+  --color-purple-100: #6433b7;
+  --color-purple-100-rgb: 100, 51, 183;
+  --color-purple-200: #7b40d1;
+  --color-purple-200-rgb: 123, 64, 209;
+  --color-purple-300: #9662e0;
+  --color-purple-300-rgb: 150, 98, 224;
+  --color-purple-400: #a378e2;
+  --color-purple-400-rgb: 163, 120, 226;
+  --color-purple-500: #af8fe2;
+  --color-purple-500-rgb: 175, 143, 226;
+  --color-purple-600: #c8b9e4;
+  --color-purple-600-rgb: 200, 185, 228;
+  --color-purple-700: #d6cce9;
+  --color-purple-700-rgb: 214, 204, 233;
+  --color-yellow-100: #ffdd00;
+  --color-yellow-100-rgb: 255, 221, 0;
+  --color-primary-100: #1f4884;
+  --color-primary-100-rgb: 31, 72, 132;
+  --color-primary-200: #003375;
+  --color-primary-200-rgb: 0, 51, 117;
+  --color-primary-300: #00225e;
+  --color-primary-300-rgb: 0, 34, 94;
+  --color-primary: #003375;
+  --color-primary-rgb: 0, 51, 117;
+  --color-secondary-100: #61c9ff;
+  --color-secondary-100-rgb: 97, 201, 255;
+  --color-secondary-200: #00b0f0;
+  --color-secondary-200-rgb: 0, 176, 240;
+  --color-secondary-300: #009cd8;
+  --color-secondary-300-rgb: 0, 156, 216;
+  --color-secondary: #00b0f0;
+  --color-secondary-rgb: 0, 176, 240;
+  --color-tertiary-100: #3379c1;
+  --color-tertiary-100-rgb: 51, 121, 193;
+  --color-tertiary-200: #0065b3;
+  --color-tertiary-200-rgb: 0, 101, 179;
+  --color-tertiary-300: #00559e;
+  --color-tertiary-300-rgb: 0, 85, 158;
+  --color-tertiary: #0065b3;
+  --color-tertiary-rgb: 0, 101, 179;
+  --color-base-100: #111317;
+  --color-base-100-rgb: 17, 19, 23;
+  --color-base-200: #20242a;
+  --color-base-200-rgb: 32, 36, 42;
+  --color-base-300: #363941;
+  --color-base-300-rgb: 54, 57, 65;
+  --color-base-400: #4a4a52;
+  --color-base-400-rgb: 74, 74, 82;
+  --color-base-500: #5f5d65;
+  --color-base-500-rgb: 95, 93, 101;
+  --color-base-600: #747178;
+  --color-base-600-rgb: 116, 113, 120;
+  --color-base-700: #8a888e;
+  --color-base-700-rgb: 138, 136, 142;
+  --color-base-800: #aaa8ac;
+  --color-base-800-rgb: 170, 168, 172;
+  --color-base-900: #d1d0d2;
+  --color-base-900-rgb: 209, 208, 210;
+  --color-base-1000: #e5e4e5;
+  --color-base-1000-rgb: 229, 228, 229;
+  --color-base-1100: #fbfbfb;
+  --color-base-1100-rgb: 251, 251, 251;
+  --color-base-content: #e5e4e5;
+  --color-base-content-rgb: 229, 228, 229;
+  --color-base-content-secondary: #8a888e;
+  --color-base-content-secondary-rgb: 138, 136, 142;
+  --color-base-content-invert: #111317;
+  --color-base-content-invert-rgb: 17, 19, 23;
+  --color-accent: #e5e4e5;
+  --color-accent-rgb: 229, 228, 229;
+  --color-accent-focus: #d1d0d2;
+  --color-accent-focus-rgb: 209, 208, 210;
+  --color-accent-content: #111317;
+  --color-accent-content-rgb: 17, 19, 23;
+  --color-focus: #ffdd00;
+  --color-focus-rgb: 255, 221, 0;
+  --color-error: #c31c0f;
+  --color-error-rgb: 195, 28, 15;
+  --color-error-hover: #db4d37;
+  --color-error-hover-rgb: 219, 77, 55;
+  --color-error-text: #db4d37;
+  --color-error-text-rgb: 219, 77, 55;
+  --color-success: #007339;
+  --color-success-rgb: 0, 115, 57;
+  --color-success-hover: #2e8e56;
+  --color-success-hover-rgb: 46, 142, 86;
+  --color-link: #0093e7;
+  --color-link-rgb: 0, 147, 231;
+  --color-link-hover: #00a8ee;
+  --color-link-hover-rgb: 0, 168, 238;
+  --color-link-active: #004eaf;
+  --color-link-active-rgb: 0, 78, 175;
+  --color-link-visited: #9662e0;
+  --color-link-visited-rgb: 150, 98, 224;
+  --color-warning: #e68800;
+  --color-warning-rgb: 230, 136, 0;
+  --color-info: #007fde;
+  --color-info-rgb: 0, 127, 222;
+  --color-info-hover: #0093e7;
+  --color-info-hover-rgb: 0, 147, 231;
+  --color-footer: #00a8ee;
+  --color-footer-rgb: 0, 168, 238;
+  --color-footer-hover: #7fc9f0;
+  --color-footer-hover-rgb: 127, 201, 240;
+  --color-white: #fefffe;
+  --color-white-rgb: 254, 255, 254;
+  --color-black: #111317;
+  --color-black-rgb: 17, 19, 23;
+}
+
+:root.darker,
+.darker {
+  --color-gray-100: #010101;
+  --color-gray-100-rgb: 1, 1, 1;
+  --color-gray-200: #16191e;
+  --color-gray-200-rgb: 22, 25, 30;
+  --color-gray-300: #2e3139;
+  --color-gray-300-rgb: 46, 49, 57;
+  --color-gray-400: #41424a;
+  --color-gray-400-rgb: 65, 66, 74;
+  --color-gray-500: #56565d;
+  --color-gray-500-rgb: 86, 86, 93;
+  --color-gray-600: #6b6970;
+  --color-gray-600-rgb: 107, 105, 112;
+  --color-gray-700: #817f85;
+  --color-gray-700-rgb: 129, 127, 133;
+  --color-gray-800: #a09ea3;
+  --color-gray-800-rgb: 160, 158, 163;
+  --color-gray-900: #c5c4c7;
+  --color-gray-900-rgb: 197, 196, 199;
+  --color-gray-1000: #d8d8d9;
+  --color-gray-1000-rgb: 216, 216, 217;
+  --color-gray-1100: #eeedee;
+  --color-gray-1100-rgb: 238, 237, 238;
+  --color-gray-1200: #fefffe;
+  --color-gray-1200-rgb: 254, 255, 254;
+  --color-red-100: #9b0000;
+  --color-red-100-rgb: 155, 0, 0;
+  --color-red-200: #b90804;
+  --color-red-200-rgb: 185, 8, 4;
+  --color-red-300: #d53e2a;
+  --color-red-300-rgb: 213, 62, 42;
+  --color-red-400: #df5943;
+  --color-red-400-rgb: 223, 89, 67;
+  --color-red-500: #e7735e;
+  --color-red-500-rgb: 231, 115, 94;
+  --color-red-600: #eea192;
+  --color-red-600-rgb: 238, 161, 146;
+  --color-red-700: #f0b7ac;
+  --color-red-700-rgb: 240, 183, 172;
+  --color-orange-100: #674319;
+  --color-orange-100-rgb: 103, 67, 25;
+  --color-orange-200: #805117;
+  --color-orange-200-rgb: 128, 81, 23;
+  --color-orange-300: #a7660f;
+  --color-orange-300-rgb: 167, 102, 15;
+  --color-orange-400: #c07204;
+  --color-orange-400-rgb: 192, 114, 4;
+  --color-orange-500: #d88000;
+  --color-orange-500-rgb: 216, 128, 0;
+  --color-orange-600: #ff9e0f;
+  --color-orange-600-rgb: 255, 158, 15;
+  --color-orange-700: #ffb747;
+  --color-orange-700-rgb: 255, 183, 71;
+  --color-green-100: #10562f;
+  --color-green-100-rgb: 16, 86, 47;
+  --color-green-200: #006937;
+  --color-green-200-rgb: 0, 105, 55;
+  --color-green-300: #0f864b;
+  --color-green-300-rgb: 15, 134, 75;
+  --color-green-400: #409461;
+  --color-green-400-rgb: 64, 148, 97;
+  --color-green-500: #61a377;
+  --color-green-500-rgb: 97, 163, 119;
+  --color-green-600: #97bea2;
+  --color-green-600-rgb: 151, 190, 162;
+  --color-green-700: #b0cbb7;
+  --color-green-700-rgb: 176, 203, 183;
+  --color-blue-100: #0346a2;
+  --color-blue-100-rgb: 3, 70, 162;
+  --color-blue-200: #0057bd;
+  --color-blue-200-rgb: 0, 87, 189;
+  --color-blue-300: #0075d8;
+  --color-blue-300-rgb: 0, 117, 216;
+  --color-blue-400: #0088e3;
+  --color-blue-400-rgb: 0, 136, 227;
+  --color-blue-500: #009dea;
+  --color-blue-500-rgb: 0, 157, 234;
+  --color-blue-600: #5cbff0;
+  --color-blue-600-rgb: 92, 191, 240;
+  --color-blue-700: #8dcdef;
+  --color-blue-700-rgb: 141, 205, 239;
+  --color-purple-100: #592fa7;
+  --color-purple-100-rgb: 89, 47, 167;
+  --color-purple-200: #7139c6;
+  --color-purple-200-rgb: 113, 57, 198;
+  --color-purple-300: #8f56de;
+  --color-purple-300-rgb: 143, 86, 222;
+  --color-purple-400: #9c6ce2;
+  --color-purple-400-rgb: 156, 108, 226;
+  --color-purple-500: #a883e2;
+  --color-purple-500-rgb: 168, 131, 226;
+  --color-purple-600: #c0abe3;
+  --color-purple-600-rgb: 192, 171, 227;
+  --color-purple-700: #ccbee5;
+  --color-purple-700-rgb: 204, 190, 229;
+  --color-yellow-100: #ffdd00;
+  --color-yellow-100-rgb: 255, 221, 0;
+  --color-primary-100: #1f4884;
+  --color-primary-100-rgb: 31, 72, 132;
+  --color-primary-200: #003375;
+  --color-primary-200-rgb: 0, 51, 117;
+  --color-primary-300: #00225e;
+  --color-primary-300-rgb: 0, 34, 94;
+  --color-primary: #003375;
+  --color-primary-rgb: 0, 51, 117;
+  --color-secondary-100: #61c9ff;
+  --color-secondary-100-rgb: 97, 201, 255;
+  --color-secondary-200: #00b0f0;
+  --color-secondary-200-rgb: 0, 176, 240;
+  --color-secondary-300: #009cd8;
+  --color-secondary-300-rgb: 0, 156, 216;
+  --color-secondary: #00b0f0;
+  --color-secondary-rgb: 0, 176, 240;
+  --color-tertiary-100: #3379c1;
+  --color-tertiary-100-rgb: 51, 121, 193;
+  --color-tertiary-200: #0065b3;
+  --color-tertiary-200-rgb: 0, 101, 179;
+  --color-tertiary-300: #00559e;
+  --color-tertiary-300-rgb: 0, 85, 158;
+  --color-tertiary: #0065b3;
+  --color-tertiary-rgb: 0, 101, 179;
+  --color-base-100: #010101;
+  --color-base-100-rgb: 1, 1, 1;
+  --color-base-200: #16191e;
+  --color-base-200-rgb: 22, 25, 30;
+  --color-base-300: #2e3139;
+  --color-base-300-rgb: 46, 49, 57;
+  --color-base-400: #41424a;
+  --color-base-400-rgb: 65, 66, 74;
+  --color-base-500: #56565d;
+  --color-base-500-rgb: 86, 86, 93;
+  --color-base-600: #6b6970;
+  --color-base-600-rgb: 107, 105, 112;
+  --color-base-700: #817f85;
+  --color-base-700-rgb: 129, 127, 133;
+  --color-base-800: #a09ea3;
+  --color-base-800-rgb: 160, 158, 163;
+  --color-base-900: #c5c4c7;
+  --color-base-900-rgb: 197, 196, 199;
+  --color-base-1000: #d8d8d9;
+  --color-base-1000-rgb: 216, 216, 217;
+  --color-base-1100: #eeedee;
+  --color-base-1100-rgb: 238, 237, 238;
+  --color-base-content: #d8d8d9;
+  --color-base-content-rgb: 216, 216, 217;
+  --color-base-content-secondary: #817f85;
+  --color-base-content-secondary-rgb: 129, 127, 133;
+  --color-base-content-invert: #010101;
+  --color-base-content-invert-rgb: 1, 1, 1;
+  --color-accent: #d8d8d9;
+  --color-accent-rgb: 216, 216, 217;
+  --color-accent-focus: #c5c4c7;
+  --color-accent-focus-rgb: 197, 196, 199;
+  --color-accent-content: #010101;
+  --color-accent-content-rgb: 1, 1, 1;
+  --color-focus: #ffdd00;
+  --color-focus-rgb: 255, 221, 0;
+  --color-error: #d53e2a;
+  --color-error-rgb: 213, 62, 42;
+  --color-error-hover: #df5943;
+  --color-error-hover-rgb: 223, 89, 67;
+  --color-success: #0f864b;
+  --color-success-rgb: 15, 134, 75;
+  --color-success-hover: #409461;
+  --color-success-hover-rgb: 64, 148, 97;
+  --color-link: #0088e3;
+  --color-link-rgb: 0, 136, 227;
+  --color-link-hover: #009dea;
+  --color-link-hover-rgb: 0, 157, 234;
+  --color-link-active: #0346a2;
+  --color-link-active-rgb: 3, 70, 162;
+  --color-link-visited: #8f56de;
+  --color-link-visited-rgb: 143, 86, 222;
+  --color-warning: #d88000;
+  --color-warning-rgb: 216, 128, 0;
+  --color-info: #0057bd;
+  --color-info-rgb: 0, 87, 189;
+  --color-info-hover: #0075d8;
+  --color-info-hover-rgb: 0, 117, 216;
+  --color-footer: #009dea;
+  --color-footer-rgb: 0, 157, 234;
+  --color-footer-hover: #5cbff0;
+  --color-footer-hover-rgb: 92, 191, 240;
+  --color-white: #fefffe;
+  --color-white-rgb: 254, 255, 254;
+  --color-black: #010101;
+  --color-black-rgb: 1, 1, 1;
+}