@nswds/tokens 2.7.0 → 2.8.0

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%);
 }

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

@@ -1,58 +1,59 @@
 :root {
-  --primary-lightest: oklch(0.5038341615701663 0.20169915825513662 260.52773388396713);
-  --primary-lighter: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
-  --primary-light: oklch(0.3612771781572896 0.1454302157585341 260.07053568790974);
-  --primary: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
-  --primary-dark: oklch(0.23924891632195233 0.0997013828336979 259.841936589881);
-  --primary-darker: oklch(0.18849914619305336 0.08210702115716298 259.841936589881);
-  --primary-darkest: oklch(0.13774937606415438 0.06451265948062805 259.841936589881);
-  --secondary-lightest: oklch(0.9816683948128555 0.013540580086234762 227.890755564881);
-  --secondary-lighter: oklch(0.9633367896257109 0.022914827838243446 227.890755564881);
-  --secondary-light: oklch(0.9450051844385663 0.032289075590252125 227.890755564881);
-  --secondary: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
-  --secondary-dark: oklch(0.9110280326138016 0.05428316129852959 226.81685418252806);
-  --secondary-darker: oklch(0.8953824859761815 0.06690299925479838 225.74295280017512);
-  --secondary-darkest: oklch(0.8797369393385615 0.07952283721106716 224.66905141782217);
-  --tertiary-lightest: oklch(0.7918467078448571 0.12656541375136143 232.8854457721009);
-  --tertiary-lighter: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
-  --tertiary-light: oklch(0.6473573381326887 0.19541089091941238 251.4660372453642);
-  --tertiary: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
-  --tertiary-dark: oklch(0.5038341615701663 0.20169915825513662 260.52773388396713);
-  --tertiary-darker: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
-  --tertiary-darkest: oklch(0.3612771781572896 0.1454302157585341 260.07053568790974);
-  --accent-lightest: oklch(0.7786513285230947 0.11664880226231811 13.011419492803782);
-  --accent-lighter: oklch(0.7064193584802577 0.15026753878948967 15.45213465296721);
-  --accent-light: oklch(0.6341873884374207 0.18388627531666124 17.892849813130642);
-  --accent: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
-  --accent-dark: oklch(0.5007084126233001 0.1948505033631296 19.53345435711309);
-  --accent-darker: oklch(0.4394614068520166 0.17219599488242637 18.733343740932114);
-  --accent-darkest: oklch(0.3782144010807331 0.14954148640172313 17.933233124751133);
-  --success-lightest: oklch(0.8872601819234176 0.060106868790808454 142.8007543325396);
-  --success-lighter: oklch(0.7745203638468352 0.1017193164152143 142.8007543325396);
-  --success-light: oklch(0.6617805457702527 0.14333176403962014 142.8007543325396);
-  --success: oklch(0.5490407276936703 0.184944211664026 142.8007543325396);
-  --success-dark: oklch(0.452958600347278 0.1572025799144221 142.8007543325396);
-  --success-darker: oklch(0.35687647300088565 0.1294609481648182 142.8007543325396);
-  --success-darkest: oklch(0.2607943456544934 0.1017193164152143 142.8007543325396);
-  --warning-lightest: oklch(0.8958326078740171 0.05515411503535715 43.99726534950394);
-  --warning-lighter: oklch(0.7916652157480342 0.09333773313675825 43.99726534950394);
-  --warning-light: oklch(0.6874978236220514 0.13152135123815933 43.99726534950394);
-  --warning: oklch(0.5833304314960684 0.16970496933956045 43.99726534950394);
-  --warning-dark: oklch(0.4812476059842564 0.14424922393862638 43.99726534950394);
-  --warning-darker: oklch(0.3791647804724445 0.11879347853769232 43.99726534950394);
-  --warning-darkest: oklch(0.2770819549606325 0.09333773313675825 43.99726534950394);
-  --error-lightest: oklch(0.8754989819725543 0.06263564750632042 18.079140916466272);
-  --error-lighter: oklch(0.7509979639451086 0.10599878808761917 18.079140916466272);
-  --error-light: oklch(0.626496945917663 0.14936192866891793 18.079140916466272);
-  --error: oklch(0.5019959278902173 0.19272506925021668 18.079140916466272);
-  --error-dark: oklch(0.4141466405094293 0.16381630886268417 18.079140916466272);
-  --error-darker: oklch(0.3262973531286413 0.13490754847515168 18.079140916466272);
-  --error-darkest: oklch(0.2384480657478532 0.10599878808761917 18.079140916466272);
-  --info-lightest: oklch(0.7885885178062633 0.04006699378315225 262.3514946368672);
-  --info-lighter: oklch(0.6759330152625114 0.06780568178687302 262.3514946368672);
-  --info-light: oklch(0.5632775127187595 0.0955443697905938 262.3514946368672);
-  --info: oklch(0.4506220101750076 0.12328305779431457 262.3514946368672);
-  --info-dark: oklch(0.37176315839438123 0.10479059912516739 262.3514946368672);
-  --info-darker: oklch(0.2929043066137549 0.0862981404560202 262.3514946368672);
-  --info-darkest: oklch(0.2140454548331286 0.06780568178687302 262.3514946368672);
+  --primary-50: oklch(0.9816683948128555 0.013540580086234762 227.890755564881);
+  --primary-100: oklch(0.9633367896257109 0.022914827838243446 227.890755564881);
+  --primary-150: oklch(0.9450051844385663 0.032289075590252125 227.890755564881);
+  --primary-200: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
+  --primary-250: oklch(0.9110280326138016 0.05428316129852959 226.81685418252806);
+  --primary-300: oklch(0.8953824859761815 0.06690299925479838 225.74295280017512);
+  --primary-350: oklch(0.8797369393385615 0.07952283721106716 224.66905141782217);
+  --primary-400: oklch(0.8640913927009413 0.09214267516733594 223.59515003546923);
+  --primary-450: oklch(0.7918467078448571 0.12656541375136143 232.8854457721009);
+  --primary-500: oklch(0.719602022988773 0.1609881523353869 242.17574150873253);
+  --primary-550: oklch(0.6473573381326887 0.19541089091941238 251.4660372453642);
+  --primary-600: oklch(0.5751126532766045 0.2298336295034379 260.75633298199585);
+  --primary-650: oklch(0.5038341615701663 0.20169915825513662 260.52773388396713);
+  --primary-700: oklch(0.43255566986372795 0.17356468700683536 260.29913478593846);
+  --primary-750: oklch(0.3612771781572896 0.1454302157585341 260.07053568790974);
+  --primary-800: oklch(0.2899986864508513 0.11729574451023282 259.841936589881);
+  --primary-850: oklch(0.23924891632195233 0.0997013828336979 259.841936589881);
+  --primary-900: oklch(0.18849914619305336 0.08210702115716298 259.841936589881);
+  --primary-950: oklch(0.13774937606415438 0.06451265948062805 259.841936589881);
+  --accent-50: oklch(0.9865629857873716 0.009043874600495525 6.653158456152784);
+  --accent-100: oklch(0.9731259715747431 0.015305018554684736 6.653158456152784);
+  --accent-150: oklch(0.9596889573621147 0.021566162508873946 6.653158456152784);
+  --accent-200: oklch(0.9462519431494862 0.027827306463063157 6.653158456152784);
+  --accent-250: oklch(0.9224097820035976 0.041627996281084 7.632544925274676);
+  --accent-300: oklch(0.8985676208577089 0.05542868609910484 8.611931394396567);
+  --accent-350: oklch(0.8747254597118204 0.06922937591712569 9.59131786351846);
+  --accent-400: oklch(0.8508832985659317 0.08303006573514653 10.570704332640352);
+  --accent-450: oklch(0.7786513285230947 0.11664880226231811 13.011419492803782);
+  --accent-500: oklch(0.7064193584802577 0.15026753878948967 15.45213465296721);
+  --accent-550: oklch(0.6341873884374207 0.18388627531666124 17.892849813130642);
+  --accent-600: oklch(0.5619554183945837 0.2175050118438328 20.33356497329407);
+  --accent-650: oklch(0.5007084126233001 0.1948505033631296 19.53345435711309);
+  --accent-700: oklch(0.4394614068520166 0.17219599488242637 18.733343740932114);
+  --accent-750: oklch(0.3782144010807331 0.14954148640172313 17.933233124751133);
+  --accent-800: oklch(0.31696739530944956 0.1268869779210199 17.133122508570153);
+  --accent-850: oklch(0.2614981011302959 0.10785393123286692 17.133122508570153);
+  --accent-900: oklch(0.20602880695114223 0.08882088454471393 17.133122508570153);
+  --accent-950: oklch(0.15055951277198854 0.06978783785656095 17.133122508570153);
+  --grey-50: oklch(0.9850175274112574 0 0);
+  --grey-100: oklch(0.9700350548225147 0 0);
+  --grey-150: oklch(0.9550525822337722 0 0);
+  --grey-200: oklch(0.9400701096450296 0 0);
+  --grey-250: oklch(0.9208267112856119 0.0019440594503795112 228.8687380011113);
+  --grey-300: oklch(0.9015833129261941 0.0038881189007590215 228.8687380011113);
+  --grey-350: oklch(0.8823399145667763 0.005832178351138532 228.8687380011113);
+  --grey-400: oklch(0.8630965162073586 0.007776237801518043 228.8687380011113);
+  --grey-450: oklch(0.7539290831519737 0.008632737257709678 229.8058410593526);
+  --grey-500: oklch(0.6447616500965888 0.009489236713901311 230.74294411759388);
+  --grey-550: oklch(0.5355942170412039 0.010345736170092946 231.68004717583517);
+  --grey-600: oklch(0.426426783985819 0.011202235626284581 232.61715023407646);
+  --grey-650: oklch(0.3871732148397997 0.010991669591883444 234.98382249287215);
+  --grey-700: oklch(0.3479196456937804 0.010781103557482309 237.35049475166784);
+  --grey-750: oklch(0.3086660765477611 0.010570537523081174 239.71716701046353);
+  --grey-800: oklch(0.26941250740174183 0.010359971488680036 242.08383926925922);
+  --grey-850: oklch(0.222265318606437 0.00880597576537803 242.08383926925922);
+  --grey-900: oklch(0.17511812981113217 0.007251980042076026 242.08383926925922);
+  --grey-950: oklch(0.12797094101582737 0.005697984318774021 242.08383926925922);
 }

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

@@ -1,58 +1,59 @@
 :root {
-  --primary-lightest: rgb(12, 90, 212);
-  --primary-lighter: rgb(5, 72, 173);
-  --primary-light: rgb(2, 54, 136);
-  --primary: rgb(0, 38, 100);
-  --primary-dark: rgb(0, 26, 77);
-  --primary-darker: rgb(0, 16, 55);
-  --primary-darkest: rgb(0, 6, 34);
-  --secondary-lightest: rgb(240, 251, 255);
-  --secondary-lighter: rgb(228, 246, 255);
-  --secondary-light: rgb(215, 242, 254);
-  --secondary: rgb(203, 237, 253);
-  --secondary-dark: rgb(188, 234, 254);
-  --secondary-darker: rgb(173, 231, 255);
-  --secondary-darkest: rgb(157, 227, 255);
-  --tertiary-lightest: rgb(90, 201, 255);
-  --tertiary-lighter: rgb(38, 174, 255);
-  --tertiary-light: rgb(0, 143, 255);
-  --tertiary: rgb(20, 108, 253);
-  --tertiary-dark: rgb(12, 90, 212);
-  --tertiary-darker: rgb(5, 72, 173);
-  --tertiary-darkest: rgb(2, 54, 136);
-  --accent-lightest: rgb(248, 151, 162);
-  --accent-lighter: rgb(239, 117, 129);
-  --accent-light: rgb(228, 79, 95);
-  --accent: rgb(215, 21, 58);
-  --accent-dark: rgb(185, 14, 50);
-  --accent-darker: rgb(155, 7, 42);
-  --accent-darkest: rgb(126, 3, 34);
-  --success-lightest: rgb(196, 229, 192);
-  --success-lighter: rgb(143, 199, 139);
-  --success-light: rgb(88, 168, 84);
-  --success: rgb(0, 138, 7);
-  --success-dark: rgb(0, 106, 0);
-  --success-darker: rgb(0, 76, 0);
-  --success-darkest: rgb(0, 47, 0);
-  --warning-lightest: rgb(253, 210, 192);
-  --warning-lighter: rgb(238, 168, 138);
-  --warning-light: rgb(221, 125, 83);
-  --warning: rgb(201, 80, 0);
-  --warning-dark: rgb(157, 58, 0);
-  --warning-darker: rgb(114, 38, 0);
-  --warning-darkest: rgb(75, 18, 0);
-  --error-lightest: rgb(253, 198, 198);
-  --error-lighter: rgb(234, 146, 149);
-  --error-light: rgb(211, 93, 101);
-  --error: rgb(184, 18, 55);
-  --error-dark: rgb(143, 3, 39);
-  --error-darker: rgb(105, 0, 24);
-  --error-darkest: rgb(68, 0, 10);
-  --info-lightest: rgb(172, 187, 213);
-  --info-lighter: rgb(129, 152, 194);
-  --info-light: rgb(87, 117, 174);
-  --info: rgb(46, 82, 153);
-  --info-dark: rgb(32, 61, 119);
-  --info-darker: rgb(19, 41, 86);
-  --info-darkest: rgb(7, 23, 56);
+  --primary-50: rgb(240, 251, 255);
+  --primary-100: rgb(228, 246, 255);
+  --primary-150: rgb(215, 242, 254);
+  --primary-200: rgb(203, 237, 253);
+  --primary-250: rgb(188, 234, 254);
+  --primary-300: rgb(173, 231, 255);
+  --primary-350: rgb(157, 227, 255);
+  --primary-400: rgb(140, 224, 255);
+  --primary-450: rgb(90, 201, 255);
+  --primary-500: rgb(38, 174, 255);
+  --primary-550: rgb(0, 143, 255);
+  --primary-600: rgb(20, 108, 253);
+  --primary-650: rgb(12, 90, 212);
+  --primary-700: rgb(5, 72, 173);
+  --primary-750: rgb(2, 54, 136);
+  --primary-800: rgb(0, 38, 100);
+  --primary-850: rgb(0, 26, 77);
+  --primary-900: rgb(0, 16, 55);
+  --primary-950: rgb(0, 6, 34);
+  --accent-50: rgb(255, 248, 249);
+  --accent-100: rgb(255, 242, 244);
+  --accent-150: rgb(255, 236, 239);
+  --accent-200: rgb(255, 230, 234);
+  --accent-250: rgb(255, 219, 224);
+  --accent-300: rgb(255, 207, 214);
+  --accent-350: rgb(255, 196, 204);
+  --accent-400: rgb(255, 184, 193);
+  --accent-450: rgb(248, 151, 162);
+  --accent-500: rgb(239, 117, 129);
+  --accent-550: rgb(228, 79, 95);
+  --accent-600: rgb(215, 21, 58);
+  --accent-650: rgb(185, 14, 50);
+  --accent-700: rgb(155, 7, 42);
+  --accent-750: rgb(126, 3, 34);
+  --accent-800: rgb(99, 0, 25);
+  --accent-850: rgb(76, 0, 16);
+  --accent-900: rgb(54, 0, 8);
+  --accent-950: rgb(33, 0, 3);
+  --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);
 }