@nswds/tokens 2.7.0 → 2.9.0

package/dist/css/colors/semantic/hex.css

@@ -0,0 +1,78 @@
+:root {
+  --success-50: #eff9ed;
+  --success-100: #e0f3de;
+  --success-150: #d2eccf;
+  --success-200: #c4e5c0;
+  --success-250: #aad6a5;
+  --success-300: #8fc78a;
+  --success-350: #74b76f;
+  --success-400: #58a854;
+  --success-450: #49a146;
+  --success-500: #399936;
+  --success-550: #259224;
+  --success-600: #008a07;
+  --success-650: #007204;
+  --success-700: #005a02;
+  --success-750: #004401;
+  --success-800: #002f00;
+  --success-850: #002200;
+  --success-900: #001600;
+  --success-950: #000b00;
+  --warning-50: #fff3ed;
+  --warning-100: #ffe8de;
+  --warning-150: #ffddcf;
+  --warning-200: #fdd2c0;
+  --warning-250: #f6bda5;
+  --warning-300: #eea88a;
+  --warning-350: #e6936f;
+  --warning-400: #dd7d53;
+  --warning-450: #d87244;
+  --warning-500: #d36734;
+  --warning-550: #ce5c21;
+  --warning-600: #c95000;
+  --warning-650: #a83f03;
+  --warning-700: #882f03;
+  --warning-750: #692001;
+  --warning-800: #4b1200;
+  --warning-850: #390a00;
+  --warning-900: #270400;
+  --warning-950: #170100;
+  --danger-50: #fff0ef;
+  --danger-100: #ffe2e1;
+  --danger-150: #ffd4d4;
+  --danger-200: #fdc6c6;
+  --danger-250: #f4acad;
+  --danger-300: #ea9294;
+  --danger-350: #df787c;
+  --danger-400: #d35d65;
+  --danger-450: #cd4e59;
+  --danger-500: #c63f4e;
+  --danger-550: #bf2c42;
+  --danger-600: #b81237;
+  --danger-650: #990b2a;
+  --danger-700: #7c061f;
+  --danger-750: #5f0214;
+  --danger-800: #44000a;
+  --danger-850: #330005;
+  --danger-900: #230002;
+  --danger-950: #140001;
+  --info-50: #e9eef7;
+  --info-100: #d4ddeb;
+  --info-150: #c0cce0;
+  --info-200: #acbbd5;
+  --info-250: #96a9cc;
+  --info-300: #8098c2;
+  --info-350: #6b86b8;
+  --info-400: #5775ae;
+  --info-450: #4d6ca9;
+  --info-500: #4264a4;
+  --info-550: #385b9e;
+  --info-600: #2e5299;
+  --info-650: #23427f;
+  --info-700: #193366;
+  --info-750: #10254f;
+  --info-800: #071738;
+  --info-850: #040f2a;
+  --info-900: #02071c;
+  --info-950: #00030f;
+}

package/dist/css/colors/semantic/hsl.css

@@ -0,0 +1,78 @@
+:root {
+  --success-50: hsl(113.15, 52.52%, 95.43%);
+  --success-100: hsl(113.26, 45.54%, 91.13%);
+  --success-150: hsl(113.38, 42.97%, 86.84%);
+  --success-200: hsl(113.51, 41.57%, 82.55%);
+  --success-250: hsl(114.16, 37.16%, 74.26%);
+  --success-300: hsl(114.93, 34.81%, 66.02%);
+  --success-350: hsl(115.88, 33.38%, 57.78%);
+  --success-400: hsl(117.14, 33.33%, 49.41%);
+  --success-450: hsl(117.67, 39.56%, 45.11%);
+  --success-500: hsl(118.38, 47.88%, 40.58%);
+  --success-550: hsl(119.53, 60.48%, 35.56%);
+  --success-600: hsl(123.04, 100%, 27.06%);
+  --success-650: hsl(121.8, 99.36%, 22.38%);
+  --success-700: hsl(120.9, 99.22%, 17.81%);
+  --success-750: hsl(120.32, 99.47%, 13.4%);
+  --success-800: hsl(120, 100%, 9.22%);
+  --success-850: hsl(120.32, 100%, 6.51%);
+  --success-900: hsl(120.63, 100%, 4.07%);
+  --success-950: hsl(121.08, 100%, 1.88%);
+  --warning-50: hsl(17.53, 100%, 96.97%);
+  --warning-100: hsl(17.59, 100%, 93.77%);
+  --warning-150: hsl(17.65, 99.09%, 90.53%);
+  --warning-200: hsl(17.7, 93.85%, 87.25%);
+  --warning-250: hsl(17.77, 81.71%, 80.57%);
+  --warning-300: hsl(17.84, 74.94%, 73.78%);
+  --warning-350: hsl(17.98, 70.36%, 66.84%);
+  --warning-400: hsl(18.26, 66.99%, 59.61%);
+  --warning-450: hsl(18.61, 65.61%, 55.79%);
+  --warning-500: hsl(19.18, 64.53%, 51.69%);
+  --warning-550: hsl(20.31, 72.21%, 46.96%);
+  --warning-600: hsl(23.88, 100%, 39.41%);
+  --warning-650: hsl(21.95, 96.66%, 33.46%);
+  --warning-700: hsl(20.07, 95.99%, 27.13%);
+  --warning-750: hsl(17.86, 97.32%, 20.78%);
+  --warning-800: hsl(14.4, 100%, 14.71%);
+  --warning-850: hsl(11.43, 100%, 10.95%);
+  --warning-900: hsl(7.67, 100%, 7.5%);
+  --warning-950: hsl(4.64, 100%, 4.34%);
+  --danger-50: hsl(0.78, 100%, 97.61%);
+  --danger-100: hsl(0.56, 100%, 94.61%);
+  --danger-150: hsl(0.3, 100%, 91.55%);
+  --danger-200: hsl(0, 93.22%, 88.43%);
+  --danger-250: hsl(359.39, 76.34%, 81.59%);
+  --danger-300: hsl(358.59, 67.4%, 74.56%);
+  --danger-350: hsl(357.51, 61.52%, 67.27%);
+  --danger-400: hsl(355.93, 57.28%, 59.61%);
+  --danger-450: hsl(354.77, 55.6%, 55.49%);
+  --danger-500: hsl(353.23, 54.28%, 51.09%);
+  --danger-550: hsl(350.97, 62.34%, 46.16%);
+  --danger-600: hsl(346.63, 82.18%, 39.61%);
+  --danger-650: hsl(346.89, 86.15%, 32.28%);
+  --danger-700: hsl(347.25, 91.31%, 25.33%);
+  --danger-750: hsl(348.45, 96%, 19.02%);
+  --danger-800: hsl(351.18, 100%, 13.33%);
+  --danger-850: hsl(352.99, 100%, 9.85%);
+  --danger-900: hsl(354.47, 100%, 6.66%);
+  --danger-950: hsl(355.5, 100%, 3.76%);
+  --info-50: hsl(217.99, 45.88%, 94%);
+  --info-100: hsl(218, 37.47%, 87.77%);
+  --info-150: hsl(218.02, 34.49%, 81.6%);
+  --info-200: hsl(218.05, 32.8%, 75.49%);
+  --info-250: hsl(218.29, 34.23%, 69.31%);
+  --info-300: hsl(218.57, 34.87%, 63.2%);
+  --info-350: hsl(218.9, 35.05%, 57.15%);
+  --info-400: hsl(219.31, 34.94%, 51.18%);
+  --info-450: hsl(219.41, 37.55%, 48.13%);
+  --info-500: hsl(219.52, 42.28%, 45.1%);
+  --info-550: hsl(219.66, 47.62%, 42.06%);
+  --info-600: hsl(219.81, 53.77%, 39.02%);
+  --info-650: hsl(219.87, 56.39%, 31.92%);
+  --info-700: hsl(219.93, 60.27%, 25.07%);
+  --info-750: hsl(220.02, 66.59%, 18.51%);
+  --info-800: hsl(220.41, 77.78%, 12.35%);
+  --info-850: hsl(222.21, 84%, 8.9%);
+  --info-900: hsl(226.63, 89.54%, 5.83%);
+  --info-950: hsl(230.65, 94.13%, 3.12%);
+}

package/dist/css/colors/semantic/oklch.css

@@ -0,0 +1,78 @@
+:root {
+  --success-50: oklch(0.9720355476100955 0.01978729853872853 142.11752406542539);
+  --success-100: oklch(0.944071095220191 0.03348619752707904 142.11752406542539);
+  --success-150: oklch(0.9161066428302864 0.04718509651542956 142.11752406542539);
+  --success-200: oklch(0.8881421904403819 0.06088399550378008 142.11752406542539);
+  --success-250: oklch(0.8312289461835737 0.0814134964867239 142.2964842668701);
+  --success-300: oklch(0.7743157019267655 0.10194299746966773 142.47544446831483);
+  --success-350: oklch(0.7174024576699572 0.12247249845261154 142.65440466975954);
+  --success-400: oklch(0.660489213413149 0.14300199943555536 142.83336487120425);
+  --success-450: oklch(0.6326270919832794 0.153487552492673 142.8252122365381);
+  --success-500: oklch(0.6047649705534097 0.16397310554979067 142.81705960187193);
+  --success-550: oklch(0.57690284912354 0.17445865860690835 142.80890696720576);
+  --success-600: oklch(0.5490407276936703 0.184944211664026 142.8007543325396);
+  --success-650: oklch(0.4778879989458421 0.16120283434453703 142.72440047135717);
+  --success-700: oklch(0.40673527019801387 0.13746145702504803 142.64804661017473);
+  --success-750: oklch(0.3355825414501856 0.11372007970555903 142.57169274899232);
+  --success-800: oklch(0.26442981270235744 0.08997870238607004 142.49533888780988);
+  --success-850: oklch(0.21815459547944488 0.07648189702815954 142.49533888780988);
+  --success-900: oklch(0.17187937825653232 0.06298509167024903 142.49533888780988);
+  --success-950: oklch(0.12560416103361977 0.04948828631233853 142.49533888780988);
+  --warning-50: oklch(0.9739777778864123 0.017695077274685146 43.9454781334139);
+  --warning-100: oklch(0.9479555557728245 0.029945515387928705 43.9454781334139);
+  --warning-150: oklch(0.9219333336592369 0.042195953501172265 43.9454781334139);
+  --warning-200: oklch(0.8959111115456492 0.05444639161441583 43.9454781334139);
+  --warning-250: oklch(0.8436567377995562 0.07383969866253859 43.88732593200177);
+  --warning-300: oklch(0.7914023640534633 0.09323300571066136 43.829173730589645);
+  --warning-350: oklch(0.7391479903073703 0.11262631275878413 43.77102152917751);
+  --warning-400: oklch(0.6868936165612773 0.13201961980690688 43.71286932776538);
+  --warning-450: oklch(0.6610028202949751 0.14144095719007027 43.78396833320002);
+  --warning-500: oklch(0.635112024028673 0.15086229457323366 43.85506733863466);
+  --warning-550: oklch(0.6092212277623706 0.16028363195639705 43.9261663440693);
+  --warning-600: oklch(0.5833304314960684 0.16970496933956045 43.99726534950394);
+  --warning-650: oklch(0.507009085738871 0.149901753081645 42.56483564766481);
+  --warning-700: oklch(0.43068773998167365 0.13009853682372957 41.13240594582567);
+  --warning-750: oklch(0.3543663942244763 0.11029532056581412 39.69997624398653);
+  --warning-800: oklch(0.2780450484672789 0.09049210430789867 38.26754654214739);
+  --warning-850: oklch(0.2293871649855051 0.07691828866171387 38.26754654214739);
+  --warning-900: oklch(0.1807292815037313 0.06334447301552906 38.26754654214739);
+  --warning-950: oklch(0.13207139802195747 0.04977065736934427 38.26754654214739);
+  --danger-50: oklch(0.9688081012787089 0.02046893571008903 18.42817489942577);
+  --danger-100: oklch(0.9376162025574177 0.034639737355535286 18.42817489942577);
+  --danger-150: oklch(0.9064243038361265 0.048810539000981534 18.42817489942577);
+  --danger-200: oklch(0.8752324051148354 0.06298134064642778 18.42817489942577);
+  --danger-250: oklch(0.8133068732197568 0.08452871651344564 18.398482771634782);
+  --danger-300: oklch(0.7513813413246784 0.1060760923804635 18.368790643843795);
+  --danger-350: oklch(0.6894558094295998 0.12762346824748136 18.339098516052807);
+  --danger-400: oklch(0.6275302775345213 0.1491708441144992 18.30940638826182);
+  --danger-450: oklch(0.5961466901234453 0.1600594003984286 18.251840020312933);
+  --danger-500: oklch(0.5647631027123693 0.17094795668235796 18.194273652364046);
+  --danger-550: oklch(0.5333795153012932 0.1818365129662873 18.13670728441516);
+  --danger-600: oklch(0.5019959278902173 0.19272506925021668 18.079140916466272);
+  --danger-650: oklch(0.43761291207168196 0.16911051005163913 18.72632727121819);
+  --danger-700: oklch(0.3732298962531466 0.1454959508530616 19.3735136259701);
+  --danger-750: oklch(0.30884688043461134 0.12188139165448407 20.020699980722014);
+  --danger-800: oklch(0.244463864616076 0.09826683245590653 20.66788633547393);
+  --danger-850: oklch(0.2016826883082627 0.08352680758752055 20.66788633547393);
+  --danger-900: oklch(0.15890151200044939 0.06878678271913458 20.66788633547393);
+  --danger-950: oklch(0.1161203356926361 0.0540467578507486 20.66788633547393);
+  --info-50: oklch(0.9472470414070251 0.01319114316017373 261.49146551846417);
+  --info-100: oklch(0.8944940828140502 0.02232347304029401 261.49146551846417);
+  --info-150: oklch(0.8417411242210754 0.03145580292041429 261.49146551846417);
+  --info-200: oklch(0.7889881656281005 0.04058813280053457 261.49146551846417);
+  --info-250: oklch(0.7327975333484203 0.05432284288357939 261.7505460408388);
+  --info-300: oklch(0.6766069010687401 0.06805755296662422 262.0096265632134);
+  --info-350: oklch(0.62041626878906 0.08179226304966905 262.268707085588);
+  --info-400: oklch(0.5642256365093798 0.09552697313271387 262.52778760796264);
+  --info-450: oklch(0.5358247299257868 0.10246599429811404 262.4837143651888);
+  --info-500: oklch(0.5074238233421937 0.10940501546351422 262.4396411224149);
+  --info-550: oklch(0.47902291675860065 0.1163440366289144 262.395567879641);
+  --info-600: oklch(0.4506220101750076 0.12328305779431457 262.3514946368672);
+  --info-650: oklch(0.3914472612047992 0.10948475002303204 262.3659717757216);
+  --info-700: oklch(0.33227251223459087 0.09568644225174952 262.3804489145761);
+  --info-750: oklch(0.2730977632643825 0.08188813448046699 262.3949260534306);
+  --info-800: oklch(0.21392301429417415 0.06808982670918445 262.409403192285);
+  --info-850: oklch(0.1764864867926937 0.057876352702806784 262.409403192285);
+  --info-900: oklch(0.13904995929121322 0.047662878696429115 262.409403192285);
+  --info-950: oklch(0.10161343178973273 0.03744940469005145 262.409403192285);
+}

package/dist/css/colors/semantic/rgb.css

@@ -0,0 +1,78 @@
+:root {
+  --success-50: rgb(239, 249, 237);
+  --success-100: rgb(224, 243, 222);
+  --success-150: rgb(210, 236, 207);
+  --success-200: rgb(196, 229, 192);
+  --success-250: rgb(170, 214, 165);
+  --success-300: rgb(143, 199, 138);
+  --success-350: rgb(116, 183, 111);
+  --success-400: rgb(88, 168, 84);
+  --success-450: rgb(73, 161, 70);
+  --success-500: rgb(57, 153, 54);
+  --success-550: rgb(37, 146, 36);
+  --success-600: rgb(0, 138, 7);
+  --success-650: rgb(0, 114, 4);
+  --success-700: rgb(0, 90, 2);
+  --success-750: rgb(0, 68, 1);
+  --success-800: rgb(0, 47, 0);
+  --success-850: rgb(0, 34, 0);
+  --success-900: rgb(0, 22, 0);
+  --success-950: rgb(0, 11, 0);
+  --warning-50: rgb(255, 243, 237);
+  --warning-100: rgb(255, 232, 222);
+  --warning-150: rgb(255, 221, 207);
+  --warning-200: rgb(253, 210, 192);
+  --warning-250: rgb(246, 189, 165);
+  --warning-300: rgb(238, 168, 138);
+  --warning-350: rgb(230, 147, 111);
+  --warning-400: rgb(221, 125, 83);
+  --warning-450: rgb(216, 114, 68);
+  --warning-500: rgb(211, 103, 52);
+  --warning-550: rgb(206, 92, 33);
+  --warning-600: rgb(201, 80, 0);
+  --warning-650: rgb(168, 63, 3);
+  --warning-700: rgb(136, 47, 3);
+  --warning-750: rgb(105, 32, 1);
+  --warning-800: rgb(75, 18, 0);
+  --warning-850: rgb(57, 10, 0);
+  --warning-900: rgb(39, 4, 0);
+  --warning-950: rgb(23, 1, 0);
+  --danger-50: rgb(255, 240, 239);
+  --danger-100: rgb(255, 226, 225);
+  --danger-150: rgb(255, 212, 212);
+  --danger-200: rgb(253, 198, 198);
+  --danger-250: rgb(244, 172, 173);
+  --danger-300: rgb(234, 146, 148);
+  --danger-350: rgb(223, 120, 124);
+  --danger-400: rgb(211, 93, 101);
+  --danger-450: rgb(205, 78, 89);
+  --danger-500: rgb(198, 63, 78);
+  --danger-550: rgb(191, 44, 66);
+  --danger-600: rgb(184, 18, 55);
+  --danger-650: rgb(153, 11, 42);
+  --danger-700: rgb(124, 6, 31);
+  --danger-750: rgb(95, 2, 20);
+  --danger-800: rgb(68, 0, 10);
+  --danger-850: rgb(51, 0, 5);
+  --danger-900: rgb(35, 0, 2);
+  --danger-950: rgb(20, 0, 1);
+  --info-50: rgb(233, 238, 247);
+  --info-100: rgb(212, 221, 235);
+  --info-150: rgb(192, 204, 224);
+  --info-200: rgb(172, 187, 213);
+  --info-250: rgb(150, 169, 204);
+  --info-300: rgb(128, 152, 194);
+  --info-350: rgb(107, 134, 184);
+  --info-400: rgb(87, 117, 174);
+  --info-450: rgb(77, 108, 169);
+  --info-500: rgb(66, 100, 164);
+  --info-550: rgb(56, 91, 158);
+  --info-600: rgb(46, 82, 153);
+  --info-650: rgb(35, 66, 127);
+  --info-700: rgb(25, 51, 102);
+  --info-750: rgb(16, 37, 79);
+  --info-800: rgb(7, 23, 56);
+  --info-850: rgb(4, 15, 42);
+  --info-900: rgb(2, 7, 28);
+  --info-950: rgb(0, 3, 15);
+}

package/dist/css/colors/themes/masterbrand/hex.css

@@ -1,58 +1,59 @@
 :root {
-  --primary-lightest: #0c5ad4;
-  --primary-lighter: #0548ad;
-  --primary-light: #023688;
-  --primary: #002664;
-  --primary-dark: #001a4d;
-  --primary-darker: #001037;
-  --primary-darkest: #000622;
-  --secondary-lightest: #f0fbff;
-  --secondary-lighter: #e4f6ff;
-  --secondary-light: #d7f2fe;
-  --secondary: #cbedfd;
-  --secondary-dark: #bceafe;
-  --secondary-darker: #ade7ff;
-  --secondary-darkest: #9de3ff;
-  --tertiary-lightest: #5ac9ff;
-  --tertiary-lighter: #26aeff;
-  --tertiary-light: #008fff;
-  --tertiary: #146cfd;
-  --tertiary-dark: #0c5ad4;
-  --tertiary-darker: #0548ad;
-  --tertiary-darkest: #023688;
-  --accent-lightest: #f897a2;
-  --accent-lighter: #ef7581;
-  --accent-light: #e44f5f;
-  --accent: #d7153a;
-  --accent-dark: #b90e32;
-  --accent-darker: #9b072a;
-  --accent-darkest: #7e0322;
-  --success-lightest: #c4e5c0;
-  --success-lighter: #8fc78b;
-  --success-light: #58a854;
-  --success: #008a07;
-  --success-dark: #006a00;
-  --success-darker: #004c00;
-  --success-darkest: #002f00;
-  --warning-lightest: #fdd2c0;
-  --warning-lighter: #eea88a;
-  --warning-light: #dd7d53;
-  --warning: #c95000;
-  --warning-dark: #9d3a00;
-  --warning-darker: #722600;
-  --warning-darkest: #4b1200;
-  --error-lightest: #fdc6c6;
-  --error-lighter: #ea9295;
-  --error-light: #d35d65;
-  --error: #b81237;
-  --error-dark: #8f0327;
-  --error-darker: #690018;
-  --error-darkest: #44000a;
-  --info-lightest: #acbbd5;
-  --info-lighter: #8198c2;
-  --info-light: #5775ae;
-  --info: #2e5299;
-  --info-dark: #203d77;
-  --info-darker: #132956;
-  --info-darkest: #071738;
+  --primary-50: #f0fbff;
+  --primary-100: #e4f6ff;
+  --primary-150: #d7f2fe;
+  --primary-200: #cbedfd;
+  --primary-250: #bceafe;
+  --primary-300: #ade7ff;
+  --primary-350: #9de3ff;
+  --primary-400: #8ce0ff;
+  --primary-450: #5ac9ff;
+  --primary-500: #26aeff;
+  --primary-550: #008fff;
+  --primary-600: #146cfd;
+  --primary-650: #0c5ad4;
+  --primary-700: #0548ad;
+  --primary-750: #023688;
+  --primary-800: #002664;
+  --primary-850: #001a4d;
+  --primary-900: #001037;
+  --primary-950: #000622;
+  --accent-50: #fff8f9;
+  --accent-100: #fff2f4;
+  --accent-150: #ffecef;
+  --accent-200: #ffe6ea;
+  --accent-250: #ffdbe0;
+  --accent-300: #ffcfd6;
+  --accent-350: #ffc4cc;
+  --accent-400: #ffb8c1;
+  --accent-450: #f897a2;
+  --accent-500: #ef7581;
+  --accent-550: #e44f5f;
+  --accent-600: #d7153a;
+  --accent-650: #b90e32;
+  --accent-700: #9b072a;
+  --accent-750: #7e0322;
+  --accent-800: #630019;
+  --accent-850: #4c0010;
+  --accent-900: #360008;
+  --accent-950: #210003;
+  --grey-50: #fafafa;
+  --grey-100: #f5f5f5;
+  --grey-150: #f0f0f0;
+  --grey-200: #ebebeb;
+  --grey-250: #e3e5e6;
+  --grey-300: #dcdfe0;
+  --grey-350: #d4d9db;
+  --grey-400: #cdd3d6;
+  --grey-450: #aab0b4;
+  --grey-500: #888f92;
+  --grey-550: #686f72;
+  --grey-600: #495054;
+  --grey-650: #3f4549;
+  --grey-700: #353b3f;
+  --grey-750: #2b3135;
+  --grey-800: #22272b;
+  --grey-850: #181c1f;
+  --grey-900: #0e1113;
+  --grey-950: #050709;
 }

package/dist/css/colors/themes/masterbrand/hsl.css

@@ -1,58 +1,59 @@
 :root {
-  --primary-lightest: hsl(216.77, 89.43%, 43.98%);
-  --primary-lighter: hsl(216.29, 94.14%, 35%);
-  --primary-light: hsl(216.37, 97.67%, 26.93%);
-  --primary: hsl(217.2, 100%, 19.61%);
-  --primary-dark: hsl(218.95, 100%, 14.93%);
-  --primary-darker: hsl(222.31, 100%, 10.59%);
-  --primary-darkest: hsl(228.65, 100%, 6.6%);
-  --secondary-lightest: hsl(199.45, 100%, 97.34%);
-  --secondary-lighter: hsl(199.38, 100%, 94.73%);
-  --secondary-light: hsl(199.3, 95.85%, 92.09%);
-  --secondary: hsl(199.2, 92.59%, 89.41%);
-  --secondary-dark: hsl(198.5, 96.87%, 86.75%);
-  --secondary-darker: hsl(197.76, 98.99%, 83.89%);
-  --secondary-darkest: hsl(197, 99.87%, 80.82%);
-  --tertiary-lightest: hsl(199.74, 99.83%, 67.57%);
-  --tertiary-lighter: hsl(202.52, 100%, 57.55%);
-  --tertiary-light: hsl(204.76, 100%, 46.97%);
-  --tertiary: hsl(217.34, 98.31%, 53.53%);
-  --tertiary-dark: hsl(216.77, 89.43%, 43.98%);
-  --tertiary-darker: hsl(216.29, 94.14%, 35%);
-  --tertiary-darkest: hsl(216.37, 97.67%, 26.93%);
-  --accent-lightest: hsl(353.39, 86.96%, 78.18%);
-  --accent-lighter: hsl(353.95, 78.84%, 69.69%);
-  --accent-light: hsl(353.52, 73.17%, 60.13%);
-  --accent: hsl(348.56, 82.2%, 46.27%);
-  --accent-dark: hsl(347.26, 85.91%, 38.92%);
-  --accent-darker: hsl(345.89, 91%, 31.81%);
-  --accent-darkest: hsl(345, 95.87%, 25.31%);
-  --success-lightest: hsl(114.97, 40.74%, 82.58%);
-  --success-lighter: hsl(115.71, 34.7%, 66.15%);
-  --success-light: hsl(117.04, 33.37%, 49.53%);
-  --success: hsl(123.04, 100%, 27.06%);
-  --success-dark: hsl(122.96, 100%, 19.1%);
-  --success-darker: hsl(122.88, 100%, 12.74%);
-  --success-darkest: hsl(122.85, 100%, 7.59%);
-  --warning-lightest: hsl(17.74, 94.96%, 87.24%);
-  --warning-lighter: hsl(17.94, 75.09%, 73.77%);
-  --warning-light: hsl(18.45, 66.88%, 59.6%);
-  --warning: hsl(23.88, 100%, 39.41%);
-  --warning-dark: hsl(24.01, 100%, 29.25%);
-  --warning-darker: hsl(22.64, 100%, 20.66%);
-  --warning-darkest: hsl(18.45, 100%, 13.3%);
-  --error-lightest: hsl(359.69, 92.79%, 88.44%);
-  --error-lighter: hsl(358.32, 67.18%, 74.5%);
-  --error-light: hsl(355.68, 57.14%, 59.46%);
-  --error: hsl(346.63, 82.18%, 39.61%);
-  --error-dark: hsl(344.75, 95.33%, 28.77%);
-  --error-darker: hsl(344.52, 100%, 19.69%);
-  --error-darkest: hsl(347.44, 100%, 12.27%);
-  --info-lightest: hsl(218.63, 32.11%, 75.49%);
-  --info-lighter: hsl(218.81, 34.57%, 63.16%);
-  --info-light: hsl(219.17, 34.9%, 51.02%);
-  --info: hsl(219.81, 53.77%, 39.02%);
-  --info-dark: hsl(219.87, 57.48%, 29.6%);
-  --info-darker: hsl(219.94, 64.01%, 20.66%);
-  --info-darkest: hsl(220.32, 77.61%, 12.34%);
+  --primary-50: hsl(199.45, 100%, 97.34%);
+  --primary-100: hsl(199.38, 100%, 94.73%);
+  --primary-150: hsl(199.3, 95.85%, 92.09%);
+  --primary-200: hsl(199.2, 92.59%, 89.41%);
+  --primary-250: hsl(198.5, 96.87%, 86.75%);
+  --primary-300: hsl(197.76, 98.99%, 83.89%);
+  --primary-350: hsl(197, 99.87%, 80.82%);
+  --primary-400: hsl(196.17, 100%, 77.45%);
+  --primary-450: hsl(199.74, 99.83%, 67.57%);
+  --primary-500: hsl(202.52, 100%, 57.55%);
+  --primary-550: hsl(204.76, 100%, 46.97%);
+  --primary-600: hsl(217.34, 98.31%, 53.53%);
+  --primary-650: hsl(216.77, 89.43%, 43.98%);
+  --primary-700: hsl(216.29, 94.14%, 35%);
+  --primary-750: hsl(216.37, 97.67%, 26.93%);
+  --primary-800: hsl(217.2, 100%, 19.61%);
+  --primary-850: hsl(218.95, 100%, 14.93%);
+  --primary-900: hsl(222.31, 100%, 10.59%);
+  --primary-950: hsl(228.65, 100%, 6.6%);
+  --accent-50: hsl(350.85, 100%, 98.97%);
+  --accent-100: hsl(350.7, 100%, 97.7%);
+  --accent-150: hsl(350.55, 100%, 96.41%);
+  --accent-200: hsl(350.4, 100%, 95.1%);
+  --accent-250: hsl(350.92, 100%, 92.94%);
+  --accent-300: hsl(351.43, 100%, 90.72%);
+  --accent-350: hsl(351.92, 100%, 88.44%);
+  --accent-400: hsl(352.39, 100%, 86.08%);
+  --accent-450: hsl(353.39, 86.96%, 78.18%);
+  --accent-500: hsl(353.95, 78.84%, 69.69%);
+  --accent-550: hsl(353.52, 73.17%, 60.13%);
+  --accent-600: hsl(348.56, 82.2%, 46.27%);
+  --accent-650: hsl(347.26, 85.91%, 38.92%);
+  --accent-700: hsl(345.89, 91%, 31.81%);
+  --accent-750: hsl(345, 95.87%, 25.31%);
+  --accent-800: hsl(344.85, 100%, 19.41%);
+  --accent-850: hsl(346.11, 100%, 14.46%);
+  --accent-900: hsl(349.15, 100%, 10.03%);
+  --accent-950: hsl(352.16, 100%, 6.06%);
+  --grey-50: hsl(223.81, 0%, 98.03%);
+  --grey-100: hsl(223.81, 0%, 96.06%);
+  --grey-150: hsl(223.81, 0%, 94.11%);
+  --grey-200: hsl(223.81, 0%, 92.16%);
+  --grey-250: hsl(200.05, 4.31%, 89.64%);
+  --grey-300: hsl(200.03, 6.92%, 87.13%);
+  --grey-350: hsl(200.02, 8.65%, 84.64%);
+  --grey-400: hsl(200, 9.89%, 82.16%);
+  --grey-450: hsl(200.47, 6.03%, 68.52%);
+  --grey-500: hsl(200.94, 4.51%, 55.36%);
+  --grey-550: hsl(201.39, 4.91%, 42.76%);
+  --grey-600: hsl(201.82, 7.01%, 30.78%);
+  --grey-650: hsl(203.03, 7.74%, 26.71%);
+  --grey-700: hsl(204.24, 8.68%, 22.73%);
+  --grey-750: hsl(205.45, 9.93%, 18.85%);
+  --grey-800: hsl(206.67, 11.69%, 15.1%);
+  --grey-850: hsl(206.66, 13.37%, 10.7%);
+  --grey-900: hsl(206.64, 17.01%, 6.52%);
+  --grey-950: hsl(208.68, 23.47%, 2.8%);
 }