@nswds/tokens 2.32.2 → 2.33.0

package/dist/css/colors/themes/fuchsia-blue/hsl.css

@@ -0,0 +1,59 @@
+:root {
+  --primary-50: hsl(313.333333, 100%, 98.235294%);
+  --primary-100: hsl(321.176471, 100%, 96.666667%);
+  --primary-150: hsl(320, 92.307692%, 94.901961%);
+  --primary-200: hsl(321.290323, 88.571429%, 93.137255%);
+  --primary-250: hsl(318.461538, 82.978723%, 90.784314%);
+  --primary-300: hsl(317.5, 80%, 88.235294%);
+  --primary-350: hsl(315, 77.777778%, 85.882353%);
+  --primary-400: hsl(313.333333, 74.117647%, 83.333333%);
+  --primary-450: hsl(314.157303, 73.553719%, 76.27451%);
+  --primary-500: hsl(315, 72.5%, 68.627451%);
+  --primary-550: hsl(314.482759, 70.731707%, 59.803922%);
+  --primary-600: hsl(312.964824, 84.680851%, 46.078431%);
+  --primary-650: hsl(313.371429, 87.939698%, 39.019608%);
+  --primary-700: hsl(313.509934, 92.638037%, 31.960784%);
+  --primary-750: hsl(313.700787, 96.946565%, 25.686275%);
+  --primary-800: hsl(314.257426, 100%, 19.803922%);
+  --primary-850: hsl(314.805195, 100%, 15.098039%);
+  --primary-900: hsl(316.363636, 100%, 10.784314%);
+  --primary-950: hsl(319.411765, 100%, 6.666667%);
+  --accent-50: hsl(196, 100%, 97.058824%);
+  --accent-100: hsl(200, 100%, 94.705882%);
+  --accent-150: hsl(198.461538, 95.121951%, 91.960784%);
+  --accent-200: hsl(199.2, 92.592593%, 89.411765%);
+  --accent-250: hsl(198.181818, 97.058824%, 86.666667%);
+  --accent-300: hsl(197.560976, 100%, 83.921569%);
+  --accent-350: hsl(197.142857, 100%, 80.784314%);
+  --accent-400: hsl(196.173913, 100%, 77.45098%);
+  --accent-450: hsl(199.636364, 100%, 67.647059%);
+  --accent-500: hsl(202.396313, 100%, 57.45098%);
+  --accent-550: hsl(206.352941, 100%, 50%);
+  --accent-600: hsl(217.339056, 98.312236%, 53.529412%);
+  --accent-650: hsl(216.6, 89.285714%, 43.921569%);
+  --accent-700: hsl(216.071429, 94.382022%, 34.901961%);
+  --accent-750: hsl(216.716418, 97.101449%, 27.058824%);
+  --accent-800: hsl(217.2, 100%, 19.607843%);
+  --accent-850: hsl(219.74026, 100%, 15.098039%);
+  --accent-900: hsl(222.545455, 100%, 10.784314%);
+  --accent-950: hsl(229.411765, 100%, 6.666667%);
+  --grey-50: hsl(0, 0%, 98.039216%);
+  --grey-100: hsl(0, 0%, 96.078431%);
+  --grey-150: hsl(0, 0%, 94.117647%);
+  --grey-200: hsl(0, 0%, 92.156863%);
+  --grey-250: hsl(200, 5.660377%, 89.607843%);
+  --grey-300: hsl(195, 6.060606%, 87.058824%);
+  --grey-350: hsl(197.142857, 8.860759%, 84.509804%);
+  --grey-400: hsl(200, 9.89011%, 82.156863%);
+  --grey-450: hsl(204, 6.25%, 68.627451%);
+  --grey-500: hsl(198, 4.385965%, 55.294118%);
+  --grey-550: hsl(198, 4.587156%, 42.745098%);
+  --grey-600: hsl(201.818182, 7.006369%, 30.784314%);
+  --grey-650: hsl(204, 7.352941%, 26.666667%);
+  --grey-700: hsl(204, 8.62069%, 22.745098%);
+  --grey-750: hsl(204, 10.416667%, 18.823529%);
+  --grey-800: hsl(206.666667, 11.688312%, 15.098039%);
+  --grey-850: hsl(205.714286, 12.727273%, 10.784314%);
+  --grey-900: hsl(204, 15.151515%, 6.470588%);
+  --grey-950: hsl(210, 28.571429%, 2.745098%);
+}

package/dist/css/colors/themes/fuchsia-blue/oklch.css

@@ -0,0 +1,59 @@
+:root {
+  --primary-50: oklch(0.982084 0.013244 333.034319);
+  --primary-100: oklch(0.965669 0.023247 338.610142);
+  --primary-150: oklch(0.948854 0.03339 337.959274);
+  --primary-200: oklch(0.93185 0.042831 339.134147);
+  --primary-250: oklch(0.910705 0.055741 337.314857);
+  --primary-300: oklch(0.887629 0.069703 336.916306);
+  --primary-350: oklch(0.86725 0.08373 335.420133);
+  --primary-400: oklch(0.84582 0.096185 334.510766);
+  --primary-450: oklch(0.784752 0.136018 335.952916);
+  --primary-500: oklch(0.723334 0.175513 337.649945);
+  --primary-550: oklch(0.661983 0.214363 338.632544);
+  --primary-600: oklch(0.601253 0.254233 340.252307);
+  --primary-650: oklch(0.536642 0.227232 340.78992);
+  --primary-700: oklch(0.470462 0.200119 341.098388);
+  --primary-750: oklch(0.406687 0.174181 341.335872);
+  --primary-800: oklch(0.340576 0.146851 341.706145);
+  --primary-850: oklch(0.282424 0.121774 341.71207);
+  --primary-900: oklch(0.22599 0.097183 342.322886);
+  --primary-950: oklch(0.168705 0.072287 343.166627);
+  --accent-50: oklch(0.981046 0.012805 221.42319);
+  --accent-100: oklch(0.962528 0.022535 229.073806);
+  --accent-150: oklch(0.945178 0.032646 226.304274);
+  --accent-200: oklch(0.926674 0.041663 227.890787);
+  --accent-250: oklch(0.911263 0.054737 226.223779);
+  --accent-300: oklch(0.896395 0.067447 225.364647);
+  --accent-350: oklch(0.87908 0.079726 224.961348);
+  --accent-400: oklch(0.864091 0.092143 223.595164);
+  --accent-450: oklch(0.793049 0.126377 232.671182);
+  --accent-500: oklch(0.719588 0.160232 241.934243);
+  --accent-550: oklch(0.647121 0.194114 252.085254);
+  --accent-600: oklch(0.575113 0.229834 260.756335);
+  --accent-650: oklch(0.504429 0.200565 260.409998);
+  --accent-700: oklch(0.433012 0.172764 260.164397);
+  --accent-750: oklch(0.360675 0.146274 260.290439);
+  --accent-800: oklch(0.289999 0.117296 259.841938);
+  --accent-850: oklch(0.238584 0.100105 260.505764);
+  --accent-900: oklch(0.190403 0.080719 260.682766);
+  --accent-950: oklch(0.138623 0.062732 261.699127);
+  --grey-50: oklch(0.985104 0 0);
+  --grey-100: oklch(0.970151 0 0);
+  --grey-150: oklch(0.95514 0 0);
+  --grey-200: oklch(0.94007 0 0);
+  --grey-250: oklch(0.920652 0.002558 228.786818);
+  --grey-300: oklch(0.901624 0.003538 219.535738);
+  --grey-350: oklch(0.882025 0.006111 223.464254);
+  --grey-400: oklch(0.863097 0.007776 228.868893);
+  --grey-450: oklch(0.753634 0.008885 236.605307);
+  --grey-500: oklch(0.645222 0.009348 225.150438);
+  --grey-550: oklch(0.536704 0.009767 225.197358);
+  --grey-600: oklch(0.426427 0.011202 232.617199);
+  --grey-650: oklch(0.386365 0.01045 236.835687);
+  --grey-700: oklch(0.348204 0.010712 236.894097);
+  --grey-750: oklch(0.308978 0.011017 236.97265);
+  --grey-800: oklch(0.269413 0.01036 242.083865);
+  --grey-850: oklch(0.223572 0.008405 240.274391);
+  --grey-900: oklch(0.175228 0.006346 236.981786);
+  --grey-950: oklch(0.126543 0.006953 243.792325);
+}

package/dist/css/colors/themes/fuchsia-blue/rgb.css

@@ -0,0 +1,59 @@
+:root {
+  --primary-50: rgb(255, 246, 253);
+  --primary-100: rgb(255, 238, 249);
+  --primary-150: rgb(254, 230, 246);
+  --primary-200: rgb(253, 222, 242);
+  --primary-250: rgb(251, 212, 239);
+  --primary-300: rgb(249, 201, 235);
+  --primary-350: rgb(247, 191, 233);
+  --primary-400: rgb(244, 181, 230);
+  --primary-450: rgb(239, 150, 218);
+  --primary-500: rgb(233, 117, 204);
+  --primary-550: rgb(225, 80, 190);
+  --primary-600: rgb(217, 18, 174);
+  --primary-650: rgb(187, 12, 148);
+  --primary-700: rgb(157, 6, 123);
+  --primary-750: rgb(129, 2, 100);
+  --primary-800: rgb(101, 0, 77);
+  --primary-850: rgb(77, 0, 58);
+  --primary-900: rgb(55, 0, 40);
+  --primary-950: rgb(34, 0, 23);
+  --accent-50: rgb(240, 251, 255);
+  --accent-100: rgb(228, 246, 255);
+  --accent-150: rgb(215, 242, 254);
+  --accent-200: rgb(203, 237, 253);
+  --accent-250: rgb(188, 234, 254);
+  --accent-300: rgb(173, 231, 255);
+  --accent-350: rgb(157, 227, 255);
+  --accent-400: rgb(140, 224, 255);
+  --accent-450: rgb(90, 201, 255);
+  --accent-500: rgb(38, 174, 255);
+  --accent-550: rgb(0, 143, 255);
+  --accent-600: rgb(20, 108, 253);
+  --accent-650: rgb(12, 90, 212);
+  --accent-700: rgb(5, 72, 173);
+  --accent-750: rgb(2, 54, 136);
+  --accent-800: rgb(0, 38, 100);
+  --accent-850: rgb(0, 26, 77);
+  --accent-900: rgb(0, 16, 55);
+  --accent-950: rgb(0, 6, 34);
+  --grey-50: rgb(250, 250, 250);
+  --grey-100: rgb(245, 245, 245);
+  --grey-150: rgb(240, 240, 240);
+  --grey-200: rgb(235, 235, 235);
+  --grey-250: rgb(227, 229, 230);
+  --grey-300: rgb(220, 223, 224);
+  --grey-350: rgb(212, 217, 219);
+  --grey-400: rgb(205, 211, 214);
+  --grey-450: rgb(170, 176, 180);
+  --grey-500: rgb(136, 143, 146);
+  --grey-550: rgb(104, 111, 114);
+  --grey-600: rgb(73, 80, 84);
+  --grey-650: rgb(63, 69, 73);
+  --grey-700: rgb(53, 59, 63);
+  --grey-750: rgb(43, 49, 53);
+  --grey-800: rgb(34, 39, 43);
+  --grey-850: rgb(24, 28, 31);
+  --grey-900: rgb(14, 17, 19);
+  --grey-950: rgb(5, 7, 9);
+}

package/dist/css/colors/themes/fuchsia-orange/hex.css

@@ -0,0 +1,59 @@
+:root {
+  --primary-50: #fff6fd;
+  --primary-100: #ffeef9;
+  --primary-150: #fee6f6;
+  --primary-200: #fddef2;
+  --primary-250: #fbd4ef;
+  --primary-300: #f9c9eb;
+  --primary-350: #f7bfe9;
+  --primary-400: #f4b5e6;
+  --primary-450: #ef96da;
+  --primary-500: #e975cc;
+  --primary-550: #e150be;
+  --primary-600: #d912ae;
+  --primary-650: #bb0c94;
+  --primary-700: #9d067b;
+  --primary-750: #810264;
+  --primary-800: #65004d;
+  --primary-850: #4d003a;
+  --primary-900: #370028;
+  --primary-950: #220017;
+  --accent-50: #fffaf6;
+  --accent-100: #fff6ee;
+  --accent-150: #fef1e7;
+  --accent-200: #fdeddf;
+  --accent-250: #fee5ce;
+  --accent-300: #ffddbd;
+  --accent-350: #ffd6ab;
+  --accent-400: #ffce99;
+  --accent-450: #fdb678;
+  --accent-500: #fb9d58;
+  --accent-550: #f78139;
+  --accent-600: #f3631b;
+  --accent-650: #db5115;
+  --accent-700: #c33f0e;
+  --accent-750: #ab2e06;
+  --accent-800: #941b00;
+  --accent-850: #730f00;
+  --accent-900: #530400;
+  --accent-950: #350000;
+  --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/fuchsia-orange/hsl.css

@@ -0,0 +1,59 @@
+:root {
+  --primary-50: hsl(313.333333, 100%, 98.235294%);
+  --primary-100: hsl(321.176471, 100%, 96.666667%);
+  --primary-150: hsl(320, 92.307692%, 94.901961%);
+  --primary-200: hsl(321.290323, 88.571429%, 93.137255%);
+  --primary-250: hsl(318.461538, 82.978723%, 90.784314%);
+  --primary-300: hsl(317.5, 80%, 88.235294%);
+  --primary-350: hsl(315, 77.777778%, 85.882353%);
+  --primary-400: hsl(313.333333, 74.117647%, 83.333333%);
+  --primary-450: hsl(314.157303, 73.553719%, 76.27451%);
+  --primary-500: hsl(315, 72.5%, 68.627451%);
+  --primary-550: hsl(314.482759, 70.731707%, 59.803922%);
+  --primary-600: hsl(312.964824, 84.680851%, 46.078431%);
+  --primary-650: hsl(313.371429, 87.939698%, 39.019608%);
+  --primary-700: hsl(313.509934, 92.638037%, 31.960784%);
+  --primary-750: hsl(313.700787, 96.946565%, 25.686275%);
+  --primary-800: hsl(314.257426, 100%, 19.803922%);
+  --primary-850: hsl(314.805195, 100%, 15.098039%);
+  --primary-900: hsl(316.363636, 100%, 10.784314%);
+  --primary-950: hsl(319.411765, 100%, 6.666667%);
+  --accent-50: hsl(26.666667, 100%, 98.235294%);
+  --accent-100: hsl(28.235294, 100%, 96.666667%);
+  --accent-150: hsl(26.086957, 92%, 95.098039%);
+  --accent-200: hsl(28, 88.235294%, 93.333333%);
+  --accent-250: hsl(28.75, 96%, 90.196078%);
+  --accent-300: hsl(29.090909, 100%, 87.058824%);
+  --accent-350: hsl(30.714286, 100%, 83.529412%);
+  --accent-400: hsl(31.176471, 100%, 80%);
+  --accent-450: hsl(27.969925, 97.080292%, 73.137255%);
+  --accent-500: hsl(25.398773, 95.321637%, 66.470588%);
+  --accent-550: hsl(22.736842, 92.23301%, 59.607843%);
+  --accent-600: hsl(20, 90%, 52.941176%);
+  --accent-650: hsl(18.181818, 82.5%, 47.058824%);
+  --accent-700: hsl(16.243094, 86.602871%, 40.980392%);
+  --accent-750: hsl(14.545455, 93.220339%, 34.705882%);
+  --accent-800: hsl(10.945946, 100%, 29.019608%);
+  --accent-850: hsl(7.826087, 100%, 22.54902%);
+  --accent-900: hsl(2.891566, 100%, 16.27451%);
+  --accent-950: hsl(0, 100%, 10.392157%);
+  --grey-50: hsl(0, 0%, 98.039216%);
+  --grey-100: hsl(0, 0%, 96.078431%);
+  --grey-150: hsl(0, 0%, 94.117647%);
+  --grey-200: hsl(0, 0%, 92.156863%);
+  --grey-250: hsl(200, 5.660377%, 89.607843%);
+  --grey-300: hsl(195, 6.060606%, 87.058824%);
+  --grey-350: hsl(197.142857, 8.860759%, 84.509804%);
+  --grey-400: hsl(200, 9.89011%, 82.156863%);
+  --grey-450: hsl(204, 6.25%, 68.627451%);
+  --grey-500: hsl(198, 4.385965%, 55.294118%);
+  --grey-550: hsl(198, 4.587156%, 42.745098%);
+  --grey-600: hsl(201.818182, 7.006369%, 30.784314%);
+  --grey-650: hsl(204, 7.352941%, 26.666667%);
+  --grey-700: hsl(204, 8.62069%, 22.745098%);
+  --grey-750: hsl(204, 10.416667%, 18.823529%);
+  --grey-800: hsl(206.666667, 11.688312%, 15.098039%);
+  --grey-850: hsl(205.714286, 12.727273%, 10.784314%);
+  --grey-900: hsl(204, 15.151515%, 6.470588%);
+  --grey-950: hsl(210, 28.571429%, 2.745098%);
+}

package/dist/css/colors/themes/fuchsia-orange/oklch.css

@@ -0,0 +1,59 @@
+:root {
+  --primary-50: oklch(0.982084 0.013244 333.034319);
+  --primary-100: oklch(0.965669 0.023247 338.610142);
+  --primary-150: oklch(0.948854 0.03339 337.959274);
+  --primary-200: oklch(0.93185 0.042831 339.134147);
+  --primary-250: oklch(0.910705 0.055741 337.314857);
+  --primary-300: oklch(0.887629 0.069703 336.916306);
+  --primary-350: oklch(0.86725 0.08373 335.420133);
+  --primary-400: oklch(0.84582 0.096185 334.510766);
+  --primary-450: oklch(0.784752 0.136018 335.952916);
+  --primary-500: oklch(0.723334 0.175513 337.649945);
+  --primary-550: oklch(0.661983 0.214363 338.632544);
+  --primary-600: oklch(0.601253 0.254233 340.252307);
+  --primary-650: oklch(0.536642 0.227232 340.78992);
+  --primary-700: oklch(0.470462 0.200119 341.098388);
+  --primary-750: oklch(0.406687 0.174181 341.335872);
+  --primary-800: oklch(0.340576 0.146851 341.706145);
+  --primary-850: oklch(0.282424 0.121774 341.71207);
+  --primary-900: oklch(0.22599 0.097183 342.322886);
+  --primary-950: oklch(0.168705 0.072287 343.166627);
+  --accent-50: oklch(0.987839 0.007543 61.45578);
+  --accent-100: oklch(0.977951 0.014375 64.347922);
+  --accent-150: oklch(0.965645 0.019381 60.174704);
+  --accent-200: oklch(0.955039 0.025491 63.743337);
+  --accent-250: oklch(0.936249 0.041053 64.929124);
+  --accent-300: oklch(0.917859 0.056636 65.300646);
+  --accent-350: oklch(0.900675 0.072472 68.034989);
+  --accent-400: oklch(0.882019 0.087884 68.490482);
+  --accent-450: oklch(0.829842 0.113933 61.388359);
+  --accent-500: oklch(0.778954 0.140471 55.166517);
+  --accent-550: oklch(0.72492 0.166374 48.688783);
+  --accent-600: oklch(0.674414 0.192429 42.148083);
+  --accent-650: oklch(0.613962 0.184358 39.794614);
+  --accent-700: oklch(0.55289 0.176309 37.423321);
+  --accent-750: oklch(0.492464 0.16713 35.422254);
+  --accent-800: oklch(0.432199 0.159379 33.02244);
+  --accent-850: oklch(0.357475 0.135212 32.07107);
+  --accent-900: oklch(0.281222 0.110671 30.651366);
+  --accent-950: oklch(0.206578 0.08477 29.23388);
+  --grey-50: oklch(0.985104 0 0);
+  --grey-100: oklch(0.970151 0 0);
+  --grey-150: oklch(0.95514 0 0);
+  --grey-200: oklch(0.94007 0 0);
+  --grey-250: oklch(0.920652 0.002558 228.786818);
+  --grey-300: oklch(0.901624 0.003538 219.535738);
+  --grey-350: oklch(0.882025 0.006111 223.464254);
+  --grey-400: oklch(0.863097 0.007776 228.868893);
+  --grey-450: oklch(0.753634 0.008885 236.605307);
+  --grey-500: oklch(0.645222 0.009348 225.150438);
+  --grey-550: oklch(0.536704 0.009767 225.197358);
+  --grey-600: oklch(0.426427 0.011202 232.617199);
+  --grey-650: oklch(0.386365 0.01045 236.835687);
+  --grey-700: oklch(0.348204 0.010712 236.894097);
+  --grey-750: oklch(0.308978 0.011017 236.97265);
+  --grey-800: oklch(0.269413 0.01036 242.083865);
+  --grey-850: oklch(0.223572 0.008405 240.274391);
+  --grey-900: oklch(0.175228 0.006346 236.981786);
+  --grey-950: oklch(0.126543 0.006953 243.792325);
+}

package/dist/css/colors/themes/fuchsia-orange/rgb.css

@@ -0,0 +1,59 @@
+:root {
+  --primary-50: rgb(255, 246, 253);
+  --primary-100: rgb(255, 238, 249);
+  --primary-150: rgb(254, 230, 246);
+  --primary-200: rgb(253, 222, 242);
+  --primary-250: rgb(251, 212, 239);
+  --primary-300: rgb(249, 201, 235);
+  --primary-350: rgb(247, 191, 233);
+  --primary-400: rgb(244, 181, 230);
+  --primary-450: rgb(239, 150, 218);
+  --primary-500: rgb(233, 117, 204);
+  --primary-550: rgb(225, 80, 190);
+  --primary-600: rgb(217, 18, 174);
+  --primary-650: rgb(187, 12, 148);
+  --primary-700: rgb(157, 6, 123);
+  --primary-750: rgb(129, 2, 100);
+  --primary-800: rgb(101, 0, 77);
+  --primary-850: rgb(77, 0, 58);
+  --primary-900: rgb(55, 0, 40);
+  --primary-950: rgb(34, 0, 23);
+  --accent-50: rgb(255, 250, 246);
+  --accent-100: rgb(255, 246, 238);
+  --accent-150: rgb(254, 241, 231);
+  --accent-200: rgb(253, 237, 223);
+  --accent-250: rgb(254, 229, 206);
+  --accent-300: rgb(255, 221, 189);
+  --accent-350: rgb(255, 214, 171);
+  --accent-400: rgb(255, 206, 153);
+  --accent-450: rgb(253, 182, 120);
+  --accent-500: rgb(251, 157, 88);
+  --accent-550: rgb(247, 129, 57);
+  --accent-600: rgb(243, 99, 27);
+  --accent-650: rgb(219, 81, 21);
+  --accent-700: rgb(195, 63, 14);
+  --accent-750: rgb(171, 46, 6);
+  --accent-800: rgb(148, 27, 0);
+  --accent-850: rgb(115, 15, 0);
+  --accent-900: rgb(83, 4, 0);
+  --accent-950: rgb(53, 0, 0);
+  --grey-50: rgb(250, 250, 250);
+  --grey-100: rgb(245, 245, 245);
+  --grey-150: rgb(240, 240, 240);
+  --grey-200: rgb(235, 235, 235);
+  --grey-250: rgb(227, 229, 230);
+  --grey-300: rgb(220, 223, 224);
+  --grey-350: rgb(212, 217, 219);
+  --grey-400: rgb(205, 211, 214);
+  --grey-450: rgb(170, 176, 180);
+  --grey-500: rgb(136, 143, 146);
+  --grey-550: rgb(104, 111, 114);
+  --grey-600: rgb(73, 80, 84);
+  --grey-650: rgb(63, 69, 73);
+  --grey-700: rgb(53, 59, 63);
+  --grey-750: rgb(43, 49, 53);
+  --grey-800: rgb(34, 39, 43);
+  --grey-850: rgb(24, 28, 31);
+  --grey-900: rgb(14, 17, 19);
+  --grey-950: rgb(5, 7, 9);
+}

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

@@ -1,59 +1,59 @@
 :root {
-  --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%);
+  --primary-50: hsl(196, 100%, 97.058824%);
+  --primary-100: hsl(200, 100%, 94.705882%);
+  --primary-150: hsl(198.461538, 95.121951%, 91.960784%);
+  --primary-200: hsl(199.2, 92.592593%, 89.411765%);
+  --primary-250: hsl(198.181818, 97.058824%, 86.666667%);
+  --primary-300: hsl(197.560976, 100%, 83.921569%);
+  --primary-350: hsl(197.142857, 100%, 80.784314%);
+  --primary-400: hsl(196.173913, 100%, 77.45098%);
+  --primary-450: hsl(199.636364, 100%, 67.647059%);
+  --primary-500: hsl(202.396313, 100%, 57.45098%);
+  --primary-550: hsl(206.352941, 100%, 50%);
+  --primary-600: hsl(217.339056, 98.312236%, 53.529412%);
+  --primary-650: hsl(216.6, 89.285714%, 43.921569%);
+  --primary-700: hsl(216.071429, 94.382022%, 34.901961%);
+  --primary-750: hsl(216.716418, 97.101449%, 27.058824%);
+  --primary-800: hsl(217.2, 100%, 19.607843%);
+  --primary-850: hsl(219.74026, 100%, 15.098039%);
+  --primary-900: hsl(222.545455, 100%, 10.784314%);
+  --primary-950: hsl(229.411765, 100%, 6.666667%);
+  --accent-50: hsl(351.428571, 100%, 98.627451%);
+  --accent-100: hsl(350.769231, 100%, 97.45098%);
+  --accent-150: hsl(350.526316, 100%, 96.27451%);
+  --accent-200: hsl(350.4, 100%, 95.098039%);
+  --accent-250: hsl(351.666667, 100%, 92.941176%);
+  --accent-300: hsl(351.25, 100%, 90.588235%);
+  --accent-350: hsl(351.864407, 100%, 88.431373%);
+  --accent-400: hsl(352.394366, 100%, 86.078431%);
+  --accent-450: hsl(353.195876, 87.387387%, 78.235294%);
+  --accent-500: hsl(354.098361, 79.220779%, 69.803922%);
+  --accent-550: hsl(353.557047, 73.399015%, 60.196078%);
+  --accent-600: hsl(348.556701, 82.20339%, 46.27451%);
+  --accent-650: hsl(347.368421, 85.929648%, 39.019608%);
+  --accent-700: hsl(345.810811, 91.358025%, 31.764706%);
+  --accent-750: hsl(344.878049, 95.348837%, 25.294118%);
+  --accent-800: hsl(344.848485, 100%, 19.411765%);
+  --accent-850: hsl(347.368421, 100%, 14.901961%);
+  --accent-900: hsl(351.111111, 100%, 10.588235%);
+  --accent-950: hsl(354.545455, 100%, 6.470588%);
+  --grey-50: hsl(0, 0%, 98.039216%);
+  --grey-100: hsl(0, 0%, 96.078431%);
+  --grey-150: hsl(0, 0%, 94.117647%);
+  --grey-200: hsl(0, 0%, 92.156863%);
+  --grey-250: hsl(200, 5.660377%, 89.607843%);
+  --grey-300: hsl(195, 6.060606%, 87.058824%);
+  --grey-350: hsl(197.142857, 8.860759%, 84.509804%);
+  --grey-400: hsl(200, 9.89011%, 82.156863%);
+  --grey-450: hsl(204, 6.25%, 68.627451%);
+  --grey-500: hsl(198, 4.385965%, 55.294118%);
+  --grey-550: hsl(198, 4.587156%, 42.745098%);
+  --grey-600: hsl(201.818182, 7.006369%, 30.784314%);
+  --grey-650: hsl(204, 7.352941%, 26.666667%);
+  --grey-700: hsl(204, 8.62069%, 22.745098%);
+  --grey-750: hsl(204, 10.416667%, 18.823529%);
+  --grey-800: hsl(206.666667, 11.688312%, 15.098039%);
+  --grey-850: hsl(205.714286, 12.727273%, 10.784314%);
+  --grey-900: hsl(204, 15.151515%, 6.470588%);
+  --grey-950: hsl(210, 28.571429%, 2.745098%);
 }