Tokens - Adds New Rebrand Colors and Font (#222)

* style: adds new rebrand color tokens

* style: remaps old charcoal semantic tokens to new gray

* style: builds new color tokens

* style: updates yellow 200

* style: updates token values

* style: builds updated token set

* style: updates tokens with new names

* style: updates semantic references

* style: updates Circular font family token to Greet

* style: corrects color token values

* style: fixes semantic token references

* style: build new token set

* style: changes "gray" to "gray"

* style: builds grey tokens

---------

Co-authored-by: Kajabi Automations Bot <120066875+dev-kjbot@users.noreply.github.com>

libs/core/src/global/styles/tokens/core/_core.scss

@@ -21,47 +21,91 @@
   --pine-box-shadow-lg: 0 8px 40px 0 rgba(0,0,0,0.24);
   --pine-color-white: #ffffff;
   --pine-color-black: #000000;
-  --pine-color-grey-100: #f9fafa;
-  --pine-color-grey-200: #f6f8f8;
-  --pine-color-grey-300: #eceeef;
-  --pine-color-grey-400: #d3d5d9;
-  --pine-color-grey-500: #b5bac0;
-  --pine-color-charcoal-100: #8d939a;
-  --pine-color-charcoal-200: #60666c;
-  --pine-color-charcoal-300: #43474b;
-  --pine-color-charcoal-400: #202327;
-  --pine-color-charcoal-500: #040506;
-  --pine-color-blue-100: #e6f4fe;
-  --pine-color-blue-200: #8ecafb;
-  --pine-color-blue-300: #0072ef;
-  --pine-color-blue-400: #054fb8;
-  --pine-color-blue-500: #07265f;
-  --pine-color-green-100: #ddf8f0;
-  --pine-color-green-200: #86d5bc;
-  --pine-color-green-300: #23856d;
-  --pine-color-green-400: #225d53;
-  --pine-color-green-500: #183e3b;
-  --pine-color-red-100: #fff0f0;
-  --pine-color-red-200: #fdb0aa;
-  --pine-color-red-300: #cf3c32;
-  --pine-color-red-400: #99221e;
-  --pine-color-red-500: #5e0d0d;
-  --pine-color-yellow-100: #fef8e1;
-  --pine-color-yellow-200: #fad980;
-  --pine-color-yellow-300: #ffc505;
-  --pine-color-yellow-400: #c56a02;
-  --pine-color-yellow-500: #8c3b08;
-  --pine-color-orange-100: #fef1e1;
-  --pine-color-orange-200: #ffb36b;
-  --pine-color-orange-300: #fb7e09;
-  --pine-color-orange-400: #b3501e;
-  --pine-color-orange-500: #5a260c;
-  --pine-color-purple-100: #eee4f6;
-  --pine-color-purple-200: #d9c2ef;
-  --pine-color-purple-300: #8e5ad8;
-  --pine-color-purple-400: #50348a;
-  --pine-color-purple-500: #381c5e;
-  --pine-font-family-circular: "Circular", -apple-system, "BlinkMacSystemFont", '"Segoe UI"', "Roboto", '"Helvetica Neue"', "Arial", '"Noto Sans"', sans-serif;
+  --pine-color-grey-50: #fcfcfc;
+  --pine-color-grey-100: #f8f8f8;
+  --pine-color-grey-150: #f0f0f0;
+  --pine-color-grey-200: #e4e4e4;
+  --pine-color-grey-300: #d2d1d1;
+  --pine-color-grey-400: #bbbab9;
+  --pine-color-grey-500: #9b9a98;
+  --pine-color-grey-600: #828180;
+  --pine-color-grey-700: #6c6a69;
+  --pine-color-grey-800: #4d4d4c;
+  --pine-color-grey-900: #343332;
+  --pine-color-grey-950: #1a1a19;
+  --pine-color-blue-50: #fafcff;
+  --pine-color-blue-100: #eff6ff;
+  --pine-color-blue-150: #dbe9fe;
+  --pine-color-blue-200: #bfdbfe;
+  --pine-color-blue-300: #92c5fd;
+  --pine-color-blue-400: #60a5fa;
+  --pine-color-blue-500: #3c82f6;
+  --pine-color-blue-600: #2463eb;
+  --pine-color-blue-700: #1c4ed8;
+  --pine-color-blue-800: #1d40ae;
+  --pine-color-blue-900: #1f3a8a;
+  --pine-color-blue-950: #172554;
+  --pine-color-green-50: #fbfefc;
+  --pine-color-green-100: #edfcf2;
+  --pine-color-green-150: #d3f8df;
+  --pine-color-green-200: #aaf0c4;
+  --pine-color-green-300: #73e2a3;
+  --pine-color-green-400: #3dcb7f;
+  --pine-color-green-500: #17b365;
+  --pine-color-green-600: #079250;
+  --pine-color-green-700: #097443;
+  --pine-color-green-800: #085c37;
+  --pine-color-green-900: #094c2f;
+  --pine-color-green-950: #052e1c;
+  --pine-color-red-50: #fffafa;
+  --pine-color-red-100: #fef2f2;
+  --pine-color-red-150: #fee2e1;
+  --pine-color-red-200: #fecaca;
+  --pine-color-red-300: #fda5a5;
+  --pine-color-red-400: #f87171;
+  --pine-color-red-500: #ef4444;
+  --pine-color-red-600: #dc2625;
+  --pine-color-red-700: #b91c1b;
+  --pine-color-red-800: #991b1b;
+  --pine-color-red-900: #7f1c1d;
+  --pine-color-red-950: #572627;
+  --pine-color-yellow-50: #fffefa;
+  --pine-color-yellow-100: #fffbeb;
+  --pine-color-yellow-150: #fff3c6;
+  --pine-color-yellow-200: #fee589;
+  --pine-color-yellow-300: #fed04b;
+  --pine-color-yellow-400: #fdbb21;
+  --pine-color-yellow-500: #f79a0b;
+  --pine-color-yellow-600: #db7303;
+  --pine-color-yellow-700: #b64f06;
+  --pine-color-yellow-800: #943d0e;
+  --pine-color-yellow-900: #79330e;
+  --pine-color-yellow-950: #451902;
+  --pine-color-mercury-50: #fffcfa;
+  --pine-color-mercury-100: #fff3ed;
+  --pine-color-mercury-150: #ffe3d4;
+  --pine-color-mercury-200: #ffc3a8;
+  --pine-color-mercury-300: #ff9970;
+  --pine-color-mercury-400: #ff6337;
+  --pine-color-mercury-500: #ff3e15;
+  --pine-color-mercury-600: #f11f06;
+  --pine-color-mercury-700: #c81307;
+  --pine-color-mercury-800: #9e110e;
+  --pine-color-mercury-900: #7f120f;
+  --pine-color-mercury-950: #450506;
+  --pine-color-purple-50: #fafbff;
+  --pine-color-purple-100: #edf1ff;
+  --pine-color-purple-150: #e0e4ff;
+  --pine-color-purple-200: #c7cdfe;
+  --pine-color-purple-300: #a3acfd;
+  --pine-color-purple-400: #8081f9;
+  --pine-color-purple-500: #6a62f2;
+  --pine-color-purple-600: #533be5;
+  --pine-color-purple-700: #4f37cb;
+  --pine-color-purple-800: #402fa4;
+  --pine-color-purple-900: #372d82;
+  --pine-color-purple-950: #221b4b;
+  --pine-font-family-greet: "Greet";
   --pine-font-size-100: 16px;
   --pine-font-size-112: 18px;
   --pine-font-size-125: 20px;