@enovaui/core-tokens
Version:
Core design tokens
584 lines (556 loc) • 22.6 kB
CSS
/*
* SPDX-FileCopyrightText: Copyright 2026 LG Electronics Inc.
* SPDX-License-Identifier: Apache-2.0
*/
/* color-primitive.css */
/* ----------------------------------------
Primitive Color Tokens
------------------------------------------- */
:root {
/* Basic Colors */
--primitive-color-black: #000000;
--primitive-color-white: #ffffff;
/* Neutral Gray Colors */
--primitive-color-neutral-gray-5: #1a1a1a;
--primitive-color-neutral-gray-10: #262626;
--primitive-color-neutral-gray-15: #303030;
--primitive-color-neutral-gray-20: #3b3b3b;
--primitive-color-neutral-gray-25: #4a4946;
--primitive-color-neutral-gray-30: #4f4f4f;
--primitive-color-neutral-gray-35: #5c5c5c;
--primitive-color-neutral-gray-40: #696969;
--primitive-color-neutral-gray-45: #737373;
--primitive-color-neutral-gray-50: #7d7d7d;
--primitive-color-neutral-gray-55: #8a8a8a;
--primitive-color-neutral-gray-60: #969696;
--primitive-color-neutral-gray-65: #a6a6a6;
--primitive-color-neutral-gray-70: #b3b3b3;
--primitive-color-neutral-gray-75: #bfbfbf;
--primitive-color-neutral-gray-80: #cccccc;
--primitive-color-neutral-gray-85: #d9d9d9;
--primitive-color-neutral-gray-90: #e0e0e0;
--primitive-color-neutral-gray-95: #f2f2f2;
--primitive-color-neutral-gray-99: #fafafa;
/* Mist Gray Colors */
--primitive-color-mist-gray-5: #090909;
--primitive-color-mist-gray-10: #111111;
--primitive-color-mist-gray-15: #1f1f1f;
--primitive-color-mist-gray-20: #2d2d2d;
--primitive-color-mist-gray-25: #393939;
--primitive-color-mist-gray-30: #44484a;
--primitive-color-mist-gray-35: #4e5355;
--primitive-color-mist-gray-40: #5b6062;
--primitive-color-mist-gray-45: #697072;
--primitive-color-mist-gray-50: #767c7f;
--primitive-color-mist-gray-55: #828586;
--primitive-color-mist-gray-60: #8e9394;
--primitive-color-mist-gray-65: #999d9f;
--primitive-color-mist-gray-70: #a9adaf;
--primitive-color-mist-gray-75: #b3b7b8;
--primitive-color-mist-gray-80: #c5c8c9;
--primitive-color-mist-gray-85: #d3d4d7;
--primitive-color-mist-gray-90: #e1e2e5;
--primitive-color-mist-gray-95: #eff1f4;
--primitive-color-mist-gray-99: #f7f8fa;
/* Cool Gray Colors */
--primitive-color-cool-gray-5: #1b1c1f;
--primitive-color-cool-gray-10: #26282b;
--primitive-color-cool-gray-15: #393a40;
--primitive-color-cool-gray-20: #42444a;
--primitive-color-cool-gray-25: #4f5159;
--primitive-color-cool-gray-30: #5b5d66;
--primitive-color-cool-gray-35: #666973;
--primitive-color-cool-gray-40: #727580;
--primitive-color-cool-gray-45: #7b7e8a;
--primitive-color-cool-gray-50: #848894;
--primitive-color-cool-gray-55: #8d909e;
--primitive-color-cool-gray-60: #9b9fab;
--primitive-color-cool-gray-65: #a9adba;
--primitive-color-cool-gray-70: #b4b8c2;
--primitive-color-cool-gray-75: #c2c4cc;
--primitive-color-cool-gray-80: #cecfd6;
--primitive-color-cool-gray-85: #dadce3;
--primitive-color-cool-gray-90: #e8e9ed;
--primitive-color-cool-gray-95: #f2f3f5;
--primitive-color-cool-gray-99: #fcfcfc;
/* Blue Gray Colors */
--primitive-color-blue-gray-5: #080e15;
--primitive-color-blue-gray-10: #111c2a;
--primitive-color-blue-gray-15: #1b2735;
--primitive-color-blue-gray-20: #26313f;
--primitive-color-blue-gray-25: #313a46;
--primitive-color-blue-gray-30: #3e454d;
--primitive-color-blue-gray-35: #4a5058;
--primitive-color-blue-gray-40: #555b64;
--primitive-color-blue-gray-45: #5d646d;
--primitive-color-blue-gray-50: #676e78;
--primitive-color-blue-gray-55: #79848f;
--primitive-color-blue-gray-60: #8f98a6;
--primitive-color-blue-gray-65: #9ba2ad;
--primitive-color-blue-gray-70: #a1acbf;
--primitive-color-blue-gray-75: #b6bbd1;
--primitive-color-blue-gray-80: #cad0dd;
--primitive-color-blue-gray-85: #d8d8e5;
--primitive-color-blue-gray-90: #dfe2ec;
--primitive-color-blue-gray-95: #eef1fb;
--primitive-color-blue-gray-99: #fcfdff;
/* Warm Gray Colors */
--primitive-color-warm-gray-5: #1a1a1a;
--primitive-color-warm-gray-10: #262626;
--primitive-color-warm-gray-15: #333333;
--primitive-color-warm-gray-20: #3d3d3d;
--primitive-color-warm-gray-25: #4a4a49;
--primitive-color-warm-gray-30: #5c5b5a;
--primitive-color-warm-gray-35: #646464;
--primitive-color-warm-gray-40: #7d7c78;
--primitive-color-warm-gray-45: #878580;
--primitive-color-warm-gray-50: #94928d;
--primitive-color-warm-gray-55: #a19e99;
--primitive-color-warm-gray-60: #aba8a2;
--primitive-color-warm-gray-65: #bdbab5;
--primitive-color-warm-gray-70: #cbc8c2;
--primitive-color-warm-gray-75: #dbd7ce;
--primitive-color-warm-gray-80: #e6e1d6;
--primitive-color-warm-gray-85: #f0ece4;
--primitive-color-warm-gray-90: #f6f3eb;
--primitive-color-warm-gray-95: #faf9f5;
--primitive-color-warm-gray-99: #fcf9f6;
/* Heritage Red Colors */
--primitive-color-heritage-red-5: #20000c;
--primitive-color-heritage-red-10: #400017;
--primitive-color-heritage-red-15: #530021;
--primitive-color-heritage-red-20: #66002a;
--primitive-color-heritage-red-25: #84002c;
--primitive-color-heritage-red-30: #98002f;
--primitive-color-heritage-red-35: #a50034;
--primitive-color-heritage-red-40: #c00045;
--primitive-color-heritage-red-45: #d91757;
--primitive-color-heritage-red-50: #e82c64;
--primitive-color-heritage-red-55: #f03d72;
--primitive-color-heritage-red-60: #fe4e87;
--primitive-color-heritage-red-65: #ff6997;
--primitive-color-heritage-red-70: #ff84a6;
--primitive-color-heritage-red-75: #ffa0b5;
--primitive-color-heritage-red-80: #ffb1c3;
--primitive-color-heritage-red-85: #ffc5d2;
--primitive-color-heritage-red-90: #ffd9e1;
--primitive-color-heritage-red-95: #ffecef;
--primitive-color-heritage-red-99: #fffbfe;
/* Active Red Colors */
--primitive-color-active-red-5: #210001;
--primitive-color-active-red-10: #410002;
--primitive-color-active-red-15: #550004;
--primitive-color-active-red-20: #690005;
--primitive-color-active-red-25: #7c0007;
--primitive-color-active-red-30: #93000a;
--primitive-color-active-red-35: #a7000c;
--primitive-color-active-red-40: #c00011;
--primitive-color-active-red-45: #d40b14;
--primitive-color-active-red-50: #ea1917;
--primitive-color-active-red-55: #fd312e;
--primitive-color-active-red-60: #ff5449;
--primitive-color-active-red-65: #ff6b63;
--primitive-color-active-red-70: #ff897d;
--primitive-color-active-red-75: #ff9f94;
--primitive-color-active-red-80: #ffb2ab;
--primitive-color-active-red-85: #ffc3bf;
--primitive-color-active-red-90: #ffdad6;
--primitive-color-active-red-95: #ffedea;
--primitive-color-active-red-99: #fef5f5;
/* Red Orange Colors */
--primitive-color-red-orange-5: #200200;
--primitive-color-red-orange-10: #3f0400;
--primitive-color-red-orange-15: #520700;
--primitive-color-red-orange-20: #650b00;
--primitive-color-red-orange-25: #850d00;
--primitive-color-red-orange-30: #a51600;
--primitive-color-red-orange-35: #bb1700;
--primitive-color-red-orange-40: #d11800;
--primitive-color-red-orange-45: #e92600;
--primitive-color-red-orange-50: #f93600;
--primitive-color-red-orange-55: #ff432b;
--primitive-color-red-orange-60: #ff5330;
--primitive-color-red-orange-65: #ff6b4d;
--primitive-color-red-orange-70: #ff8a6e;
--primitive-color-red-orange-75: #ffa58b;
--primitive-color-red-orange-80: #ffb9a2;
--primitive-color-red-orange-85: #ffc9b7;
--primitive-color-red-orange-90: #ffddd2;
--primitive-color-red-orange-95: #ffefea;
--primitive-color-red-orange-99: #fffcfb;
/* Deep Orange Colors */
--primitive-color-deep-orange-5: #1a0b06;
--primitive-color-deep-orange-10: #33160d;
--primitive-color-deep-orange-15: #4a2114;
--primitive-color-deep-orange-20: #76270f;
--primitive-color-deep-orange-25: #a4310e;
--primitive-color-deep-orange-30: #dc4509;
--primitive-color-deep-orange-35: #f0570a;
--primitive-color-deep-orange-40: #ff6205;
--primitive-color-deep-orange-45: #ff6224;
--primitive-color-deep-orange-50: #ff6e42;
--primitive-color-deep-orange-55: #ff844f;
--primitive-color-deep-orange-60: #ff8c57;
--primitive-color-deep-orange-65: #ff976b;
--primitive-color-deep-orange-70: #ffad8d;
--primitive-color-deep-orange-75: #ffb8a0;
--primitive-color-deep-orange-80: #ffc5b3;
--primitive-color-deep-orange-85: #ffd3c6;
--primitive-color-deep-orange-90: #ffe2d9;
--primitive-color-deep-orange-95: #fff0ec;
--primitive-color-deep-orange-99: #fffaf9;
/* Orange Colors */
--primitive-color-orange-5: #180a00;
--primitive-color-orange-10: #301300;
--primitive-color-orange-15: #401900;
--primitive-color-orange-20: #502500;
--primitive-color-orange-25: #602c00;
--primitive-color-orange-30: #703700;
--primitive-color-orange-35: #823f00;
--primitive-color-orange-40: #934b01;
--primitive-color-orange-45: #a55401;
--primitive-color-orange-50: #b95f01;
--primitive-color-orange-55: #d66c00;
--primitive-color-orange-60: #eb7900;
--primitive-color-orange-65: #ff7f05;
--primitive-color-orange-70: #ff8d1f;
--primitive-color-orange-75: #ff9d4c;
--primitive-color-orange-80: #ffb77f;
--primitive-color-orange-85: #ffcba3;
--primitive-color-orange-90: #ffdcc3;
--primitive-color-orange-95: #ffede0;
--primitive-color-orange-99: #fffdfb;
/* Yellow Colors */
--primitive-color-yellow-5: #110d03;
--primitive-color-yellow-10: #221b06;
--primitive-color-yellow-15: #301f04;
--primitive-color-yellow-20: #3f2e00;
--primitive-color-yellow-25: #4a3900;
--primitive-color-yellow-30: #5a4400;
--primitive-color-yellow-35: #685000;
--primitive-color-yellow-40: #765a00;
--primitive-color-yellow-45: #866500;
--primitive-color-yellow-50: #967101;
--primitive-color-yellow-55: #a87f00;
--primitive-color-yellow-60: #be9004;
--primitive-color-yellow-65: #d8a304;
--primitive-color-yellow-70: #eeb404;
--primitive-color-yellow-75: #ffc20f;
--primitive-color-yellow-80: #ffca28;
--primitive-color-yellow-85: #ffdc59;
--primitive-color-yellow-90: #ffe999;
--primitive-color-yellow-95: #fff4cc;
--primitive-color-yellow-99: #fffbeb;
--primitive-color-yellow-green-5: #090f06;
--primitive-color-yellow-green-10: #121f0c;
--primitive-color-yellow-green-15: #1b2f11;
--primitive-color-yellow-green-20: #263e17;
--primitive-color-yellow-green-25: #2d4f1d;
--primitive-color-yellow-green-30: #375d23;
--primitive-color-yellow-green-35: #316d15;
--primitive-color-yellow-green-40: #287d00;
--primitive-color-yellow-green-45: #529233;
--primitive-color-yellow-green-50: #4a9726;
--primitive-color-yellow-green-55: #5ca834;
--primitive-color-yellow-green-60: #6fb946;
--primitive-color-yellow-green-65: #7cc155;
--primitive-color-yellow-green-70: #86c465;
--primitive-color-yellow-green-75: #94d075;
--primitive-color-yellow-green-80: #a3da86;
--primitive-color-yellow-green-85: #b3e39b;
--primitive-color-yellow-green-90: #c4efad;
--primitive-color-yellow-green-95: #ddf6cf;
--primitive-color-yellow-green-99: #fbfff2;
/* Green Colors */
--primitive-color-green-5: #03130b;
--primitive-color-green-10: #041e13;
--primitive-color-green-15: #002e19;
--primitive-color-green-20: #013920;
--primitive-color-green-25: #014225;
--primitive-color-green-30: #005231;
--primitive-color-green-35: #00663a;
--primitive-color-green-40: #016d42;
--primitive-color-green-45: #017e4a;
--primitive-color-green-50: #008955;
--primitive-color-green-55: #159d61;
--primitive-color-green-60: #22a56c;
--primitive-color-green-65: #34b178;
--primitive-color-green-70: #46bf85;
--primitive-color-green-75: #51c894;
--primitive-color-green-80: #5cd59b;
--primitive-color-green-85: #8cdeb1;
--primitive-color-green-90: #bcf0d3;
--primitive-color-green-95: #d9f6e6;
--primitive-color-green-99: #f3fcf7;
/* Mint Green Colors */
--primitive-color-mint-green-5: #06130e;
--primitive-color-mint-green-10: #0c261d;
--primitive-color-mint-green-15: #0b4233;
--primitive-color-mint-green-20: #184c3b;
--primitive-color-mint-green-25: #185d48;
--primitive-color-mint-green-30: #216e58;
--primitive-color-mint-green-35: #2c846d;
--primitive-color-mint-green-40: #309876;
--primitive-color-mint-green-45: #37ac85;
--primitive-color-mint-green-50: #3dbf94;
--primitive-color-mint-green-55: #50c5a1;
--primitive-color-mint-green-60: #63cba9;
--primitive-color-mint-green-65: #76d1b3;
--primitive-color-mint-green-70: #8ad8be;
--primitive-color-mint-green-75: #a0decc;
--primitive-color-mint-green-80: #b1e5d4;
--primitive-color-mint-green-85: #c4ece0;
--primitive-color-mint-green-90: #d8f2e9;
--primitive-color-mint-green-95: #ebf8f3;
--primitive-color-mint-green-99: #f5fcfa;
/* Teal Green Colors */
--primitive-color-teal-green-5: #00100e;
--primitive-color-teal-green-10: #00201d;
--primitive-color-teal-green-15: #012d28;
--primitive-color-teal-green-20: #013733;
--primitive-color-teal-green-25: #024244;
--primitive-color-teal-green-30: #00504a;
--primitive-color-teal-green-35: #005c56;
--primitive-color-teal-green-40: #006a63;
--primitive-color-teal-green-45: #007671;
--primitive-color-teal-green-50: #00867e;
--primitive-color-teal-green-55: #01918c;
--primitive-color-teal-green-60: #01a298;
--primitive-color-teal-green-65: #01aba3;
--primitive-color-teal-green-70: #02b3a9;
--primitive-color-teal-green-75: #29c5b9;
--primitive-color-teal-green-80: #50dbcf;
--primitive-color-teal-green-85: #83e8dd;
--primitive-color-teal-green-90: #b6efe7;
--primitive-color-teal-green-95: #d9f6f2;
--primitive-color-teal-green-99: #f2fffe;
/* Blue Green Colors */
--primitive-color-blue-green-5: #000f14;
--primitive-color-blue-green-10: #001f28;
--primitive-color-blue-green-15: #022c36;
--primitive-color-blue-green-20: #003543;
--primitive-color-blue-green-25: #0a444f;
--primitive-color-blue-green-30: #155364;
--primitive-color-blue-green-35: #0c6e81;
--primitive-color-blue-green-40: #00829e;
--primitive-color-blue-green-45: #158da8;
--primitive-color-blue-green-50: #1496b3;
--primitive-color-blue-green-55: #13a3c3;
--primitive-color-blue-green-60: #10add1;
--primitive-color-blue-green-65: #21badd;
--primitive-color-blue-green-70: #5acde6;
--primitive-color-blue-green-75: #78d9ef;
--primitive-color-blue-green-80: #93e6f8;
--primitive-color-blue-green-85: #baeef9;
--primitive-color-blue-green-90: #daf5fd;
--primitive-color-blue-green-95: #eafaff;
--primitive-color-blue-green-99: #f9fdff;
/* Sky Blue Colors */
--primitive-color-sky-blue-5: #000e1a;
--primitive-color-sky-blue-10: #001d34;
--primitive-color-sky-blue-15: #01253f;
--primitive-color-sky-blue-20: #013355;
--primitive-color-sky-blue-25: #02406b;
--primitive-color-sky-blue-30: #004a77;
--primitive-color-sky-blue-35: #00538b;
--primitive-color-sky-blue-40: #005d95;
--primitive-color-sky-blue-45: #006dab;
--primitive-color-sky-blue-50: #007cc3;
--primitive-color-sky-blue-55: #018bd6;
--primitive-color-sky-blue-60: #0397e9;
--primitive-color-sky-blue-65: #26a5f2;
--primitive-color-sky-blue-70: #25b6ff;
--primitive-color-sky-blue-75: #5cc0ff;
--primitive-color-sky-blue-80: #80d0ff;
--primitive-color-sky-blue-85: #b2dfff;
--primitive-color-sky-blue-90: #cdeafe;
--primitive-color-sky-blue-95: #e0f3ff;
--primitive-color-sky-blue-99: #f0f9ff;
/* Cobalt Blue Colors */
--primitive-color-cobalt-blue-5: #11142c;
--primitive-color-cobalt-blue-10: #232959;
--primitive-color-cobalt-blue-15: #282c66;
--primitive-color-cobalt-blue-20: #353485;
--primitive-color-cobalt-blue-25: #3f489f;
--primitive-color-cobalt-blue-30: #4a57bf;
--primitive-color-cobalt-blue-35: #4e61d8;
--primitive-color-cobalt-blue-40: #5266f8;
--primitive-color-cobalt-blue-45: #5d70ff;
--primitive-color-cobalt-blue-50: #6679ff;
--primitive-color-cobalt-blue-55: #768aff;
--primitive-color-cobalt-blue-60: #8593ff;
--primitive-color-cobalt-blue-65: #9eaaff;
--primitive-color-cobalt-blue-70: #bac2ff;
--primitive-color-cobalt-blue-75: #c8cfff;
--primitive-color-cobalt-blue-80: #d5dbff;
--primitive-color-cobalt-blue-85: #dce0ff;
--primitive-color-cobalt-blue-90: #e0e4ff;
--primitive-color-cobalt-blue-95: #eaedff;
--primitive-color-cobalt-blue-99: #f7f8ff;
/* Navy Colors */
--primitive-color-navy-5: #000d1b;
--primitive-color-navy-10: #001a34;
--primitive-color-navy-15: #001e3d;
--primitive-color-navy-20: #102947;
--primitive-color-navy-25: #18324f;
--primitive-color-navy-30: #223b5b;
--primitive-color-navy-35: #2e4668;
--primitive-color-navy-40: #375075;
--primitive-color-navy-45: #455e85;
--primitive-color-navy-50: #506c94;
--primitive-color-navy-55: #5f7da7;
--primitive-color-navy-60: #6d8ab7;
--primitive-color-navy-65: #7b99c6;
--primitive-color-navy-70: #8aaad6;
--primitive-color-navy-75: #99b8e5;
--primitive-color-navy-80: #aac8f2;
--primitive-color-navy-85: #c6daf6;
--primitive-color-navy-90: #d4e3f7;
--primitive-color-navy-95: #e4eefc;
--primitive-color-navy-99: #f5f9ff;
/* Violet Colors */
--primitive-color-violet-5: #0e0031;
--primitive-color-violet-10: #300054;
--primitive-color-violet-15: #3d0072;
--primitive-color-violet-20: #48008a;
--primitive-color-violet-25: #51009b;
--primitive-color-violet-30: #5e20a7;
--primitive-color-violet-35: #7c09e1;
--primitive-color-violet-40: #8b00f5;
--primitive-color-violet-45: #8227ff;
--primitive-color-violet-50: #9a00ff;
--primitive-color-violet-55: #964aff;
--primitive-color-violet-60: #7a5eed;
--primitive-color-violet-65: #957aff;
--primitive-color-violet-70: #a89afe;
--primitive-color-violet-75: #c4b8ff;
--primitive-color-violet-80: #ccc2ff;
--primitive-color-violet-85: #d7ccff;
--primitive-color-violet-90: #dfd6ff;
--primitive-color-violet-95: #ece5ff;
--primitive-color-violet-99: #f7f5ff;
/* Purple Colors */
--primitive-color-purple-5: #1b0021;
--primitive-color-purple-10: #350042;
--primitive-color-purple-15: #4d005f;
--primitive-color-purple-20: #63017a;
--primitive-color-purple-25: #6f0186;
--primitive-color-purple-30: #8003a0;
--primitive-color-purple-35: #9417b0;
--primitive-color-purple-40: #aa27ca;
--primitive-color-purple-45: #b132db;
--primitive-color-purple-50: #b432f5;
--primitive-color-purple-55: #c146f1;
--primitive-color-purple-60: #cd55f1;
--primitive-color-purple-65: #e370fb;
--primitive-color-purple-70: #ec7eff;
--primitive-color-purple-75: #f194ff;
--primitive-color-purple-80: #f8aaff;
--primitive-color-purple-85: #fac7ff;
--primitive-color-purple-90: #f5e3ff;
--primitive-color-purple-95: #f9edff;
--primitive-color-purple-99: #fdf8ff;
/* Red Brown Colors */
--primitive-color-red-brown-5: #200001;
--primitive-color-red-brown-10: #410102;
--primitive-color-red-brown-15: #500d0b;
--primitive-color-red-brown-20: #5f1511;
--primitive-color-red-brown-25: #6f201a;
--primitive-color-red-brown-30: #7d2b25;
--primitive-color-red-brown-35: #8e372f;
--primitive-color-red-brown-40: #9b423a;
--primitive-color-red-brown-45: #ab4e45;
--primitive-color-red-brown-50: #bb5a50;
--primitive-color-red-brown-55: #cb685a;
--primitive-color-red-brown-60: #d97167;
--primitive-color-red-brown-65: #eb7a70;
--primitive-color-red-brown-70: #fa8b80;
--primitive-color-red-brown-75: #ff9d92;
--primitive-color-red-brown-80: #ffb4a9;
--primitive-color-red-brown-85: #ffc4bc;
--primitive-color-red-brown-90: #ffd9d4;
--primitive-color-red-brown-95: #ffede9;
--primitive-color-red-brown-99: #fffbfb;
/* Brown Colors */
--primitive-color-brown-5: #150b07;
--primitive-color-brown-10: #2b160f;
--primitive-color-brown-15: #361f18;
--primitive-color-brown-20: #422b22;
--primitive-color-brown-25: #4d362a;
--primitive-color-brown-30: #5b4137;
--primitive-color-brown-35: #684c41;
--primitive-color-brown-40: #75584e;
--primitive-color-brown-45: #826358;
--primitive-color-brown-50: #8f7065;
--primitive-color-brown-55: #9d7d71;
--primitive-color-brown-60: #ab8a7e;
--primitive-color-brown-65: #b89589;
--primitive-color-brown-70: #c7a297;
--primitive-color-brown-75: #d6afa4;
--primitive-color-brown-80: #e4beb1;
--primitive-color-brown-85: #f1cabc;
--primitive-color-brown-90: #ffdbcd;
--primitive-color-brown-95: #ffede6;
--primitive-color-brown-99: #fffbfa;
/* Other Colors */
--primitive-color-sand-gray-5: #1b1b1b;
--primitive-color-sand-gray-10: #212121;
--primitive-color-sand-gray-15: #202020;
--primitive-color-sand-gray-20: #232323;
--primitive-color-sand-gray-25: #282828;
--primitive-color-sand-gray-30: #3c3c3c;
--primitive-color-sand-gray-35: #3e3d3c;
--primitive-color-sand-gray-40: #575757;
--primitive-color-sand-gray-45: #5b5a58;
--primitive-color-sand-gray-50: #706e6b;
--primitive-color-sand-gray-55: #858585;
--primitive-color-sand-gray-60: #949393;
--primitive-color-sand-gray-65: #a7a7a7;
--primitive-color-sand-gray-70: #a8a6a2;
--primitive-color-sand-gray-75: #c0bdb7;
--primitive-color-sand-gray-80: #d5d2cd;
--primitive-color-sand-gray-85: #e9e6e1;
--primitive-color-sand-gray-90: #e8e6e2;
--primitive-color-sand-gray-95: #f3f1ee;
--primitive-color-sand-gray-99: #fbfbfb;
--primitive-color-mid-blue-5: #030a1c;
--primitive-color-mid-blue-10: #071536;
--primitive-color-mid-blue-15: #0b1f4c;
--primitive-color-mid-blue-20: #102960;
--primitive-color-mid-blue-25: #153575;
--primitive-color-mid-blue-30: #1a3f89;
--primitive-color-mid-blue-35: #1f4b9e;
--primitive-color-mid-blue-40: #1e54b8;
--primitive-color-mid-blue-45: #1a5fd5;
--primitive-color-mid-blue-50: #1d69ed;
--primitive-color-mid-blue-55: #317af6;
--primitive-color-mid-blue-60: #4a8bfb;
--primitive-color-mid-blue-65: #629dff;
--primitive-color-mid-blue-70: #84b5ff;
--primitive-color-mid-blue-75: #99c3ff;
--primitive-color-mid-blue-80: #adcfff;
--primitive-color-mid-blue-85: #c2dbff;
--primitive-color-mid-blue-90: #d4e7ff;
--primitive-color-mid-blue-95: #e4effd;
--primitive-color-mid-blue-99: #f7fafd;
--primitive-color-magenta-pink-5: #220425;
--primitive-color-magenta-pink-10: #3d0542;
--primitive-color-magenta-pink-15: #59075f;
--primitive-color-magenta-pink-20: #74097b;
--primitive-color-magenta-pink-25: #8e0b98;
--primitive-color-magenta-pink-30: #ac0eb4;
--primitive-color-magenta-pink-35: #cc10d5;
--primitive-color-magenta-pink-40: #e51dee;
--primitive-color-magenta-pink-45: #f914eb;
--primitive-color-magenta-pink-50: #ff21d3;
--primitive-color-magenta-pink-55: #ff3dd8;
--primitive-color-magenta-pink-60: #fc59dc;
--primitive-color-magenta-pink-65: #fb74e0;
--primitive-color-magenta-pink-70: #f98ae3;
--primitive-color-magenta-pink-75: #f99fe7;
--primitive-color-magenta-pink-80: #f9b4eb;
--primitive-color-magenta-pink-85: #f9c7ef;
--primitive-color-magenta-pink-90: #fbdbf4;
--primitive-color-magenta-pink-95: #fce9f8;
--primitive-color-magenta-pink-99: #fdf4fb;
}