richie-education 3.3.2-dev16 → 3.3.2-dev25

package/scss/vendors/css/cunningham-tokens.css

@@ -1,34 +1,632 @@
 :root {
-  --c--theme--colors--secondary-text: var(--c--theme--colors--greyscale-700);
-  --c--theme--colors--secondary-100: #eff8ff;
-  --c--theme--colors--secondary-200: #eaf3fd;
-  --c--theme--colors--secondary-300: #e2ebf5;
-  --c--theme--colors--secondary-400: #c0c9d3;
-  --c--theme--colors--secondary-500: #a3abb4;
-  --c--theme--colors--secondary-600: #79818a;
-  --c--theme--colors--secondary-700: #656c75;
-  --c--theme--colors--secondary-800: #454d55;
-  --c--theme--colors--secondary-900: #242b32;
-  --c--theme--colors--info-text: var(--c--theme--colors--greyscale-000);
-  --c--theme--colors--info-100: #ebf2fc;
-  --c--theme--colors--info-200: #8cb5ea;
-  --c--theme--colors--info-300: #5894e1;
-  --c--theme--colors--info-400: #377fdb;
-  --c--theme--colors--info-500: #055fd2;
-  --c--theme--colors--info-600: #0556bf;
-  --c--theme--colors--info-700: #044395;
-  --c--theme--colors--info-800: #033474;
-  --c--theme--colors--info-900: #022858;
-  --c--theme--colors--greyscale-100: #fafafb;
-  --c--theme--colors--greyscale-200: #f3f4f4;
-  --c--theme--colors--greyscale-300: #e7e8ea;
-  --c--theme--colors--greyscale-400: #c2c6ca;
-  --c--theme--colors--greyscale-500: #9ea3aa;
-  --c--theme--colors--greyscale-600: #79818a;
-  --c--theme--colors--greyscale-700: #555f6b;
-  --c--theme--colors--greyscale-800: #303c4b;
-  --c--theme--colors--greyscale-900: #0c1a2b;
-  --c--theme--colors--greyscale-000: #ffffff;
+  --c--globals--colors--logo-1: #377fdb;
+  --c--globals--colors--logo-2: #377fdb;
+  --c--globals--colors--logo-1-dark: #95abff;
+  --c--globals--colors--logo-2-dark: #95abff;
+  --c--globals--colors--brand-050: #eaf1fb;
+  --c--globals--colors--brand-100: #d5e4f7;
+  --c--globals--colors--brand-150: #c0d6f4;
+  --c--globals--colors--brand-200: #abc9f0;
+  --c--globals--colors--brand-250: #96bcec;
+  --c--globals--colors--brand-300: #80aee8;
+  --c--globals--colors--brand-350: #6ca0e4;
+  --c--globals--colors--brand-400: #5693e0;
+  --c--globals--colors--brand-450: #4085dc;
+  --c--globals--colors--brand-500: #2976d8;
+  --c--globals--colors--brand-550: #1167d4;
+  --c--globals--colors--brand-600: #0659c5;
+  --c--globals--colors--brand-650: #1a509f;
+  --c--globals--colors--brand-700: #20467f;
+  --c--globals--colors--brand-750: #203c63;
+  --c--globals--colors--brand-800: #1d314c;
+  --c--globals--colors--brand-850: #1a2638;
+  --c--globals--colors--brand-900: #141c28;
+  --c--globals--colors--brand-950: #0c1117;
+  --c--globals--colors--gray-000: #ffffff;
+  --c--globals--colors--gray-025: #f7f8f8;
+  --c--globals--colors--gray-050: #f0f1f2;
+  --c--globals--colors--gray-100: #e1e2e5;
+  --c--globals--colors--gray-150: #d2d4d8;
+  --c--globals--colors--gray-200: #c4c7cb;
+  --c--globals--colors--gray-250: #b5b9be;
+  --c--globals--colors--gray-300: #a7acb2;
+  --c--globals--colors--gray-350: #999ea5;
+  --c--globals--colors--gray-400: #8d9197;
+  --c--globals--colors--gray-450: #80848a;
+  --c--globals--colors--gray-500: #74777c;
+  --c--globals--colors--gray-550: #686b6f;
+  --c--globals--colors--gray-600: #5c5f63;
+  --c--globals--colors--gray-650: #505356;
+  --c--globals--colors--gray-700: #45474a;
+  --c--globals--colors--gray-750: #3a3b3e;
+  --c--globals--colors--gray-800: #2f3033;
+  --c--globals--colors--gray-850: #252627;
+  --c--globals--colors--gray-900: #1b1c1d;
+  --c--globals--colors--gray-950: #101112;
+  --c--globals--colors--gray-1000: #000000;
+  --c--globals--colors--info-050: #eaf1fb;
+  --c--globals--colors--info-100: #d5e4f7;
+  --c--globals--colors--info-150: #c0d6f4;
+  --c--globals--colors--info-200: #abc9f0;
+  --c--globals--colors--info-250: #96bcec;
+  --c--globals--colors--info-300: #80aee8;
+  --c--globals--colors--info-350: #6ca0e4;
+  --c--globals--colors--info-400: #5693e0;
+  --c--globals--colors--info-450: #4085dc;
+  --c--globals--colors--info-500: #2976d8;
+  --c--globals--colors--info-550: #1167d4;
+  --c--globals--colors--info-600: #0659c5;
+  --c--globals--colors--info-650: #1a509f;
+  --c--globals--colors--info-700: #20467f;
+  --c--globals--colors--info-750: #203c63;
+  --c--globals--colors--info-800: #1d314c;
+  --c--globals--colors--info-850: #1a2638;
+  --c--globals--colors--info-900: #141c28;
+  --c--globals--colors--info-950: #0c1117;
+  --c--globals--colors--success-050: #e4f7d4;
+  --c--globals--colors--success-100: #c8eea8;
+  --c--globals--colors--success-150: #aae579;
+  --c--globals--colors--success-200: #89dc45;
+  --c--globals--colors--success-250: #72cf27;
+  --c--globals--colors--success-300: #6ac024;
+  --c--globals--colors--success-350: #61b121;
+  --c--globals--colors--success-400: #59a21e;
+  --c--globals--colors--success-450: #51941c;
+  --c--globals--colors--success-500: #4b851a;
+  --c--globals--colors--success-550: #427816;
+  --c--globals--colors--success-600: #3a6a14;
+  --c--globals--colors--success-650: #385c1f;
+  --c--globals--colors--success-700: #344d24;
+  --c--globals--colors--success-750: #2e4022;
+  --c--globals--colors--success-800: #27341f;
+  --c--globals--colors--success-850: #20281a;
+  --c--globals--colors--success-900: #181d15;
+  --c--globals--colors--success-950: #10120e;
+  --c--globals--colors--warning-050: #fff1bd;
+  --c--globals--colors--warning-100: #ffe176;
+  --c--globals--colors--warning-150: #ffcf25;
+  --c--globals--colors--warning-200: #f4bf06;
+  --c--globals--colors--warning-250: #e3b205;
+  --c--globals--colors--warning-300: #d3a504;
+  --c--globals--colors--warning-350: #c29805;
+  --c--globals--colors--warning-400: #b28c03;
+  --c--globals--colors--warning-450: #a27f03;
+  --c--globals--colors--warning-500: #937303;
+  --c--globals--colors--warning-550: #836703;
+  --c--globals--colors--warning-600: #745b03;
+  --c--globals--colors--warning-650: #625019;
+  --c--globals--colors--warning-700: #524620;
+  --c--globals--colors--warning-750: #443b20;
+  --c--globals--colors--warning-800: #36301d;
+  --c--globals--colors--warning-850: #2a2619;
+  --c--globals--colors--warning-900: #1e1c13;
+  --c--globals--colors--warning-950: #12110c;
+  --c--globals--colors--error-050: #fceded;
+  --c--globals--colors--error-100: #fadbdb;
+  --c--globals--colors--error-150: #f7c9c9;
+  --c--globals--colors--error-200: #f5b7b7;
+  --c--globals--colors--error-250: #f2a4a4;
+  --c--globals--colors--error-300: #ef9191;
+  --c--globals--colors--error-350: #ec7d7d;
+  --c--globals--colors--error-400: #e96868;
+  --c--globals--colors--error-450: #e55050;
+  --c--globals--colors--error-500: #e13131;
+  --c--globals--colors--error-550: #d80000;
+  --c--globals--colors--error-600: #c00101;
+  --c--globals--colors--error-650: #9e2219;
+  --c--globals--colors--error-700: #802820;
+  --c--globals--colors--error-750: #662820;
+  --c--globals--colors--error-800: #4f231e;
+  --c--globals--colors--error-850: #3b1d19;
+  --c--globals--colors--error-900: #2a1614;
+  --c--globals--colors--error-950: #1a0e0c;
+  --c--globals--colors--red-050: #fdeded;
+  --c--globals--colors--red-100: #fadbdb;
+  --c--globals--colors--red-150: #f8c9c9;
+  --c--globals--colors--red-200: #f5b7b6;
+  --c--globals--colors--red-250: #f3a4a3;
+  --c--globals--colors--red-300: #f09190;
+  --c--globals--colors--red-350: #ee7c7b;
+  --c--globals--colors--red-400: #eb6665;
+  --c--globals--colors--red-450: #e74e4d;
+  --c--globals--colors--red-500: #d83f3d;
+  --c--globals--colors--red-550: #c23837;
+  --c--globals--colors--red-600: #ac3231;
+  --c--globals--colors--red-650: #8d3531;
+  --c--globals--colors--red-700: #73332f;
+  --c--globals--colors--red-750: #5b2f2b;
+  --c--globals--colors--red-800: #472826;
+  --c--globals--colors--red-850: #35211f;
+  --c--globals--colors--red-900: #251817;
+  --c--globals--colors--red-950: #160f0e;
+  --c--globals--colors--orange-050: #fdeee2;
+  --c--globals--colors--orange-100: #fcddc5;
+  --c--globals--colors--orange-150: #facba8;
+  --c--globals--colors--orange-200: #f8b98b;
+  --c--globals--colors--orange-250: #f6a76a;
+  --c--globals--colors--orange-300: #f4934b;
+  --c--globals--colors--orange-350: #f27e27;
+  --c--globals--colors--orange-400: #e76e12;
+  --c--globals--colors--orange-450: #d26411;
+  --c--globals--colors--orange-500: #be5b0f;
+  --c--globals--colors--orange-550: #aa510e;
+  --c--globals--colors--orange-600: #97480c;
+  --c--globals--colors--orange-650: #7e431d;
+  --c--globals--colors--orange-700: #673c22;
+  --c--globals--colors--orange-750: #533422;
+  --c--globals--colors--orange-800: #412c1f;
+  --c--globals--colors--orange-850: #31231b;
+  --c--globals--colors--orange-900: #221a14;
+  --c--globals--colors--orange-950: #15100c;
+  --c--globals--colors--brown-050: #f3f0ef;
+  --c--globals--colors--brown-100: #e7e1df;
+  --c--globals--colors--brown-150: #dcd2cf;
+  --c--globals--colors--brown-200: #d0c4bf;
+  --c--globals--colors--brown-250: #c5b6b0;
+  --c--globals--colors--brown-300: #baa7a1;
+  --c--globals--colors--brown-350: #af9992;
+  --c--globals--colors--brown-400: #a48b83;
+  --c--globals--colors--brown-450: #997e74;
+  --c--globals--colors--brown-500: #8f7065;
+  --c--globals--colors--brown-550: #846357;
+  --c--globals--colors--brown-600: #7a5649;
+  --c--globals--colors--brown-650: #684c42;
+  --c--globals--colors--brown-700: #57423c;
+  --c--globals--colors--brown-750: #463833;
+  --c--globals--colors--brown-800: #382e2a;
+  --c--globals--colors--brown-850: #2b2422;
+  --c--globals--colors--brown-900: #1f1b19;
+  --c--globals--colors--brown-950: #121010;
+  --c--globals--colors--yellow-050: #faf0d3;
+  --c--globals--colors--yellow-100: #f5e2a4;
+  --c--globals--colors--yellow-150: #f0d275;
+  --c--globals--colors--yellow-200: #ebc242;
+  --c--globals--colors--yellow-250: #e4b213;
+  --c--globals--colors--yellow-300: #d4a511;
+  --c--globals--colors--yellow-350: #c39810;
+  --c--globals--colors--yellow-400: #b38b0f;
+  --c--globals--colors--yellow-450: #a37f0d;
+  --c--globals--colors--yellow-500: #93730c;
+  --c--globals--colors--yellow-550: #84670b;
+  --c--globals--colors--yellow-600: #755b0a;
+  --c--globals--colors--yellow-650: #63501c;
+  --c--globals--colors--yellow-700: #534521;
+  --c--globals--colors--yellow-750: #443a21;
+  --c--globals--colors--yellow-800: #36301f;
+  --c--globals--colors--yellow-850: #29261a;
+  --c--globals--colors--yellow-900: #1d1c14;
+  --c--globals--colors--yellow-950: #12110c;
+  --c--globals--colors--green-050: #e2f6e5;
+  --c--globals--colors--green-100: #c5ecca;
+  --c--globals--colors--green-150: #a7e3af;
+  --c--globals--colors--green-200: #89d894;
+  --c--globals--colors--green-250: #67ce75;
+  --c--globals--colors--green-300: #4dc25d;
+  --c--globals--colors--green-350: #48b257;
+  --c--globals--colors--green-400: #41a44f;
+  --c--globals--colors--green-450: #3b9548;
+  --c--globals--colors--green-500: #368741;
+  --c--globals--colors--green-550: #30793a;
+  --c--globals--colors--green-600: #2b6b33;
+  --c--globals--colors--green-650: #2f5c34;
+  --c--globals--colors--green-700: #2e4e31;
+  --c--globals--colors--green-750: #2a412c;
+  --c--globals--colors--green-800: #253426;
+  --c--globals--colors--green-850: #1e281f;
+  --c--globals--colors--green-900: #171d17;
+  --c--globals--colors--green-950: #0f120f;
+  --c--globals--colors--blue-1-050: #ebf1ff;
+  --c--globals--colors--blue-1-100: #d6e3fe;
+  --c--globals--colors--blue-1-150: #c2d5fe;
+  --c--globals--colors--blue-1-200: #adc7fe;
+  --c--globals--colors--blue-1-250: #99b8fd;
+  --c--globals--colors--blue-1-300: #84aafd;
+  --c--globals--colors--blue-1-350: #6f9bfd;
+  --c--globals--colors--blue-1-400: #5a8dfb;
+  --c--globals--colors--blue-1-450: #437dfc;
+  --c--globals--colors--blue-1-500: #3d71e4;
+  --c--globals--colors--blue-1-550: #3665cc;
+  --c--globals--colors--blue-1-600: #305ab5;
+  --c--globals--colors--blue-1-650: #315093;
+  --c--globals--colors--blue-1-700: #2e4675;
+  --c--globals--colors--blue-1-750: #293b5e;
+  --c--globals--colors--blue-1-800: #243048;
+  --c--globals--colors--blue-1-850: #1e2635;
+  --c--globals--colors--blue-1-900: #171c25;
+  --c--globals--colors--blue-1-950: #0e1116;
+  --c--globals--colors--blue-2-050: #e2f4f9;
+  --c--globals--colors--blue-2-100: #c5e9f3;
+  --c--globals--colors--blue-2-150: #a7dded;
+  --c--globals--colors--blue-2-200: #88d1e6;
+  --c--globals--colors--blue-2-250: #68c5e0;
+  --c--globals--colors--blue-2-300: #48b8d9;
+  --c--globals--colors--blue-2-350: #3baaca;
+  --c--globals--colors--blue-2-400: #359cb9;
+  --c--globals--colors--blue-2-450: #318ea9;
+  --c--globals--colors--blue-2-500: #2c8199;
+  --c--globals--colors--blue-2-550: #277389;
+  --c--globals--colors--blue-2-600: #236679;
+  --c--globals--colors--blue-2-650: #2a5866;
+  --c--globals--colors--blue-2-700: #2a4b55;
+  --c--globals--colors--blue-2-750: #283f47;
+  --c--globals--colors--blue-2-800: #233337;
+  --c--globals--colors--blue-2-850: #1d272a;
+  --c--globals--colors--blue-2-900: #161c1e;
+  --c--globals--colors--blue-2-950: #0e1112;
+  --c--globals--colors--purple-050: #f6eeff;
+  --c--globals--colors--purple-100: #ecdcff;
+  --c--globals--colors--purple-150: #e3cbfe;
+  --c--globals--colors--purple-200: #dab9fe;
+  --c--globals--colors--purple-250: #d0a7fe;
+  --c--globals--colors--purple-300: #c795fe;
+  --c--globals--colors--purple-350: #bd83fd;
+  --c--globals--colors--purple-400: #b36ffd;
+  --c--globals--colors--purple-450: #a85bfd;
+  --c--globals--colors--purple-500: #9b4bf3;
+  --c--globals--colors--purple-550: #8b43da;
+  --c--globals--colors--purple-600: #7b3cc1;
+  --c--globals--colors--purple-650: #673c9b;
+  --c--globals--colors--purple-700: #56387d;
+  --c--globals--colors--purple-750: #463162;
+  --c--globals--colors--purple-800: #382a4a;
+  --c--globals--colors--purple-850: #2a2237;
+  --c--globals--colors--purple-900: #1e1926;
+  --c--globals--colors--purple-950: #121017;
+  --c--globals--colors--pink-050: #fcedf5;
+  --c--globals--colors--pink-100: #f9daea;
+  --c--globals--colors--pink-150: #f7c7e0;
+  --c--globals--colors--pink-200: #f4b4d5;
+  --c--globals--colors--pink-250: #f1a1ca;
+  --c--globals--colors--pink-300: #ee8cbf;
+  --c--globals--colors--pink-350: #ea77b3;
+  --c--globals--colors--pink-400: #e760a6;
+  --c--globals--colors--pink-450: #e24797;
+  --c--globals--colors--pink-500: #cd4089;
+  --c--globals--colors--pink-550: #b8397b;
+  --c--globals--colors--pink-600: #a3336d;
+  --c--globals--colors--pink-650: #86355e;
+  --c--globals--colors--pink-700: #6e334f;
+  --c--globals--colors--pink-750: #582e42;
+  --c--globals--colors--pink-800: #442834;
+  --c--globals--colors--pink-850: #332028;
+  --c--globals--colors--pink-900: #24181d;
+  --c--globals--colors--pink-950: #160f12;
+  --c--globals--colors--black-000: #00000000;
+  --c--globals--colors--black-050: #0000000d;
+  --c--globals--colors--black-100: #0000001a;
+  --c--globals--colors--black-150: #00000026;
+  --c--globals--colors--black-200: #00000033;
+  --c--globals--colors--black-250: #00000040;
+  --c--globals--colors--black-300: #0000004d;
+  --c--globals--colors--black-350: #00000059;
+  --c--globals--colors--black-400: #00000066;
+  --c--globals--colors--black-450: #00000073;
+  --c--globals--colors--black-500: #00000080;
+  --c--globals--colors--black-550: #0000008c;
+  --c--globals--colors--black-600: #00000099;
+  --c--globals--colors--black-650: #000000a6;
+  --c--globals--colors--black-700: #000000b3;
+  --c--globals--colors--black-750: #000000bf;
+  --c--globals--colors--black-800: #000000cc;
+  --c--globals--colors--black-850: #000000d9;
+  --c--globals--colors--black-900: #000000e6;
+  --c--globals--colors--black-950: #000000f2;
+  --c--globals--colors--white-000: #ffffff;
+  --c--globals--colors--white-050: #ffffff0d;
+  --c--globals--colors--white-100: #ffffff1a;
+  --c--globals--colors--white-150: #ffffff26;
+  --c--globals--colors--white-200: #ffffff33;
+  --c--globals--colors--white-250: #ffffff40;
+  --c--globals--colors--white-300: #ffffff4d;
+  --c--globals--colors--white-350: #ffffff59;
+  --c--globals--colors--white-400: #ffffff66;
+  --c--globals--colors--white-450: #ffffff73;
+  --c--globals--colors--white-500: #ffffff80;
+  --c--globals--colors--white-550: #ffffff8c;
+  --c--globals--colors--white-600: #ffffff99;
+  --c--globals--colors--white-650: #ffffffa6;
+  --c--globals--colors--white-700: #ffffffb3;
+  --c--globals--colors--white-750: #ffffffbf;
+  --c--globals--colors--white-800: #ffffffcc;
+  --c--globals--colors--white-850: #ffffffd9;
+  --c--globals--colors--white-900: #ffffffe6;
+  --c--globals--colors--white-950: #fffffff2;
+  --c--globals--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0);
+  --c--globals--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1);
+  --c--globals--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+  --c--globals--transitions--duration: 250ms;
+  --c--globals--font--sizes--xs: 0.75rem;
+  --c--globals--font--sizes--sm: 0.875rem;
+  --c--globals--font--sizes--md: 1rem;
+  --c--globals--font--sizes--lg: 1.125rem;
+  --c--globals--font--sizes--ml: 0.938rem;
+  --c--globals--font--sizes--xl: 1.25rem;
+  --c--globals--font--sizes--t: 0.6875rem;
+  --c--globals--font--sizes--s: 0.75rem;
+  --c--globals--font--sizes--h1: 2rem;
+  --c--globals--font--sizes--h2: 1.75rem;
+  --c--globals--font--sizes--h3: 1.5rem;
+  --c--globals--font--sizes--h4: 1.375rem;
+  --c--globals--font--sizes--h5: 1.25rem;
+  --c--globals--font--sizes--h6: 1.125rem;
+  --c--globals--font--sizes--xl-alt: 5rem;
+  --c--globals--font--sizes--lg-alt: 4.5rem;
+  --c--globals--font--sizes--md-alt: 4rem;
+  --c--globals--font--sizes--sm-alt: 3.5rem;
+  --c--globals--font--sizes--xs-alt: 3rem;
+  --c--globals--font--weights--thin: 200;
+  --c--globals--font--weights--light: 300;
+  --c--globals--font--weights--regular: 400;
+  --c--globals--font--weights--medium: 500;
+  --c--globals--font--weights--bold: 600;
+  --c--globals--font--weights--extrabold: 700;
+  --c--globals--font--weights--black: 800;
+  --c--globals--font--families--base: 'Roboto Flex Variable', sans-serif;
+  --c--globals--font--families--accent: 'Roboto Flex Variable', sans-serif;
+  --c--globals--spacings--l: 3rem;
+  --c--globals--spacings--b: 1.625rem;
+  --c--globals--spacings--m: 0.8125rem;
+  --c--globals--spacings--s: 1rem;
+  --c--globals--spacings--t: 0.5rem;
+  --c--globals--spacings--st: 0.25rem;
+  --c--globals--spacings--4xs: 0.125rem;
+  --c--globals--spacings--xxxs: 0.25rem;
+  --c--globals--spacings--xxs: 0.375rem;
+  --c--globals--spacings--xs: 0.5rem;
+  --c--globals--spacings--sm: 0.75rem;
+  --c--globals--spacings--base: 1rem;
+  --c--globals--spacings--md: 1.5rem;
+  --c--globals--spacings--lg: 2rem;
+  --c--globals--spacings--xl: 2.5rem;
+  --c--globals--spacings--xxl: 3rem;
+  --c--globals--spacings--xxxl: 3.5rem;
+  --c--globals--spacings--4xl: 4rem;
+  --c--globals--spacings--5xl: 4.5rem;
+  --c--globals--spacings--6xl: 6rem;
+  --c--globals--spacings--7xl: 7.5rem;
+  --c--globals--breakpoints--xs: 0;
+  --c--globals--breakpoints--sm: 576px;
+  --c--globals--breakpoints--md: 768px;
+  --c--globals--breakpoints--lg: 992px;
+  --c--globals--breakpoints--xl: 1200px;
+  --c--globals--breakpoints--xxl: 1400px;
+  --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-000);
+  --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-000);
+  --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-025);
+  --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550);
+  --c--contextuals--background--semantic--brand--primary-hover: var(
+    --c--globals--colors--brand-650
+  );
+  --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-100);
+  --c--contextuals--background--semantic--brand--secondary-hover: var(
+    --c--globals--colors--brand-150
+  );
+  --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-050);
+  --c--contextuals--background--semantic--brand--tertiary-hover: var(
+    --c--globals--colors--brand-100
+  );
+  --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550);
+  --c--contextuals--background--semantic--neutral--primary-hover: var(
+    --c--globals--colors--gray-650
+  );
+  --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-100);
+  --c--contextuals--background--semantic--neutral--secondary-hover: var(
+    --c--globals--colors--gray-150
+  );
+  --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-050);
+  --c--contextuals--background--semantic--neutral--tertiary-hover: var(
+    --c--globals--colors--gray-100
+  );
+  --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050);
+  --c--contextuals--background--semantic--contextual--primary-hover: var(
+    --c--globals--colors--black-100
+  );
+  --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550);
+  --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650);
+  --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-100);
+  --c--contextuals--background--semantic--info--secondary-hover: var(
+    --c--globals--colors--info-150
+  );
+  --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-050);
+  --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-100);
+  --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550);
+  --c--contextuals--background--semantic--success--primary-hover: var(
+    --c--globals--colors--success-650
+  );
+  --c--contextuals--background--semantic--success--secondary: var(
+    --c--globals--colors--success-100
+  );
+  --c--contextuals--background--semantic--success--secondary-hover: var(
+    --c--globals--colors--success-150
+  );
+  --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-050);
+  --c--contextuals--background--semantic--success--tertiary-hover: var(
+    --c--globals--colors--success-100
+  );
+  --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550);
+  --c--contextuals--background--semantic--warning--primary-hover: var(
+    --c--globals--colors--warning-650
+  );
+  --c--contextuals--background--semantic--warning--secondary: var(
+    --c--globals--colors--warning-100
+  );
+  --c--contextuals--background--semantic--warning--secondary-hover: var(
+    --c--globals--colors--warning-150
+  );
+  --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-050);
+  --c--contextuals--background--semantic--warning--tertiary-hover: var(
+    --c--globals--colors--warning-100
+  );
+  --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550);
+  --c--contextuals--background--semantic--error--primary-hover: var(
+    --c--globals--colors--error-650
+  );
+  --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-100);
+  --c--contextuals--background--semantic--error--secondary-hover: var(
+    --c--globals--colors--error-150
+  );
+  --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-050);
+  --c--contextuals--background--semantic--error--tertiary-hover: var(
+    --c--globals--colors--error-100
+  );
+  --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-100);
+  --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-050);
+  --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-500);
+  --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-350);
+  --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-150);
+  --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-500);
+  --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-350);
+  --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-150);
+  --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-500);
+  --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-350);
+  --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-150);
+  --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-500);
+  --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-350);
+  --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-150);
+  --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-500);
+  --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-350);
+  --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-150);
+  --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-500);
+  --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-350);
+  --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-150);
+  --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-500);
+  --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350);
+  --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150);
+  --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-500);
+  --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350);
+  --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150);
+  --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-500);
+  --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-350);
+  --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-150);
+  --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-500);
+  --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-350);
+  --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-150);
+  --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-500);
+  --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-350);
+  --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-150);
+  --c--contextuals--background--text--primary: var(--c--globals--colors--black-050);
+  --c--contextuals--content--logo1: var(--c--globals--colors--logo-1);
+  --c--contextuals--content--logo2: var(--c--globals--colors--logo-2);
+  --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-700);
+  --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-600);
+  --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-500);
+  --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050);
+  --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-850);
+  --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-600);
+  --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-500);
+  --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050);
+  --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950);
+  --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-700);
+  --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-600);
+  --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-500);
+  --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050);
+  --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-700);
+  --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-600);
+  --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-500);
+  --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050);
+  --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-700);
+  --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-600);
+  --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-500);
+  --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050);
+  --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-700);
+  --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-600);
+  --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-500);
+  --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050);
+  --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-300);
+  --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--white-500);
+  --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500);
+  --c--contextuals--content--palette--brand--secondary: var(--c--globals--colors--brand-350);
+  --c--contextuals--content--palette--brand--tertiary: var(--c--globals--colors--brand-150);
+  --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500);
+  --c--contextuals--content--palette--red--secondary: var(--c--globals--colors--red-350);
+  --c--contextuals--content--palette--red--tertiary: var(--c--globals--colors--red-150);
+  --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500);
+  --c--contextuals--content--palette--orange--secondary: var(--c--globals--colors--orange-350);
+  --c--contextuals--content--palette--orange--tertiary: var(--c--globals--colors--orange-150);
+  --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500);
+  --c--contextuals--content--palette--brown--secondary: var(--c--globals--colors--brown-350);
+  --c--contextuals--content--palette--brown--tertiary: var(--c--globals--colors--brown-150);
+  --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500);
+  --c--contextuals--content--palette--yellow--secondary: var(--c--globals--colors--yellow-350);
+  --c--contextuals--content--palette--yellow--tertiary: var(--c--globals--colors--yellow-150);
+  --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500);
+  --c--contextuals--content--palette--green--secondary: var(--c--globals--colors--green-350);
+  --c--contextuals--content--palette--green--tertiary: var(--c--globals--colors--green-150);
+  --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500);
+  --c--contextuals--content--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350);
+  --c--contextuals--content--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150);
+  --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500);
+  --c--contextuals--content--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350);
+  --c--contextuals--content--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150);
+  --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500);
+  --c--contextuals--content--palette--purple--secondary: var(--c--globals--colors--purple-350);
+  --c--contextuals--content--palette--purple--tertiary: var(--c--globals--colors--purple-150);
+  --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500);
+  --c--contextuals--content--palette--pink--secondary: var(--c--globals--colors--pink-350);
+  --c--contextuals--content--palette--pink--tertiary: var(--c--globals--colors--pink-150);
+  --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500);
+  --c--contextuals--content--palette--gray--secondary: var(--c--globals--colors--gray-350);
+  --c--contextuals--content--palette--gray--tertiary: var(--c--globals--colors--gray-150);
+  --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100);
+  --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-550);
+  --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-300);
+  --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-150);
+  --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200);
+  --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-550);
+  --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-300);
+  --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-150);
+  --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-550);
+  --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-300);
+  --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-150);
+  --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-550);
+  --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-300);
+  --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-150);
+  --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-550);
+  --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-300);
+  --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-150);
+  --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-550);
+  --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-300);
+  --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-150);
+  --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-100);
+  --c--contextuals--border--palette--brand--primary: var(--c--globals--colors--brand-500);
+  --c--contextuals--border--palette--brand--secondary: var(--c--globals--colors--brand-350);
+  --c--contextuals--border--palette--brand--tertiary: var(--c--globals--colors--brand-150);
+  --c--contextuals--border--palette--red--primary: var(--c--globals--colors--red-500);
+  --c--contextuals--border--palette--red--secondary: var(--c--globals--colors--red-350);
+  --c--contextuals--border--palette--red--tertiary: var(--c--globals--colors--red-150);
+  --c--contextuals--border--palette--orange--primary: var(--c--globals--colors--orange-500);
+  --c--contextuals--border--palette--orange--secondary: var(--c--globals--colors--orange-350);
+  --c--contextuals--border--palette--orange--tertiary: var(--c--globals--colors--orange-150);
+  --c--contextuals--border--palette--brown--primary: var(--c--globals--colors--brown-500);
+  --c--contextuals--border--palette--brown--secondary: var(--c--globals--colors--brown-350);
+  --c--contextuals--border--palette--brown--tertiary: var(--c--globals--colors--brown-150);
+  --c--contextuals--border--palette--yellow--primary: var(--c--globals--colors--yellow-500);
+  --c--contextuals--border--palette--yellow--secondary: var(--c--globals--colors--yellow-350);
+  --c--contextuals--border--palette--yellow--tertiary: var(--c--globals--colors--yellow-150);
+  --c--contextuals--border--palette--green--primary: var(--c--globals--colors--green-500);
+  --c--contextuals--border--palette--green--secondary: var(--c--globals--colors--green-350);
+  --c--contextuals--border--palette--green--tertiary: var(--c--globals--colors--green-150);
+  --c--contextuals--border--palette--blue-1--primary: var(--c--globals--colors--blue-1-500);
+  --c--contextuals--border--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350);
+  --c--contextuals--border--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150);
+  --c--contextuals--border--palette--blue-2--primary: var(--c--globals--colors--blue-2-500);
+  --c--contextuals--border--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350);
+  --c--contextuals--border--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150);
+  --c--contextuals--border--palette--purple--primary: var(--c--globals--colors--purple-500);
+  --c--contextuals--border--palette--purple--secondary: var(--c--globals--colors--purple-350);
+  --c--contextuals--border--palette--purple--tertiary: var(--c--globals--colors--purple-150);
+  --c--contextuals--border--palette--pink--primary: var(--c--globals--colors--pink-500);
+  --c--contextuals--border--palette--pink--secondary: var(--c--globals--colors--pink-350);
+  --c--contextuals--border--palette--pink--tertiary: var(--c--globals--colors--pink-150);
+  --c--contextuals--border--palette--gray--primary: var(--c--globals--colors--gray-500);
+  --c--contextuals--border--palette--gray--secondary: var(--c--globals--colors--gray-350);
+  --c--contextuals--border--palette--gray--tertiary: var(--c--globals--colors--gray-150);
+  --c--components--tabs--border-bottom-color: var(--c--theme--colors--greyscale-300);
+  --c--components--button--font-family: Montserrat;
+  --c--components--dashboardlistavatar--saturation: 30;
+  --c--components--dashboardlistavatar--lightness: 55;
+  --c--theme--font--families--base: Hind;
+  --c--theme--font--families--accent: Montserrat;
   --c--theme--colors--primary-100: #ffcad1;
   --c--theme--colors--primary-200: #f19597;
   --c--theme--colors--primary-300: #e86a6f;
@@ -38,37 +636,15 @@
   --c--theme--colors--primary-700: #d60f29;
   --c--theme--colors--primary-800: #c90022;
   --c--theme--colors--primary-900: #bb0014;
-  --c--theme--colors--success-100: #effcd3;
-  --c--theme--colors--success-200: #dbfaa9;
-  --c--theme--colors--success-300: #bef27c;
-  --c--theme--colors--success-400: #a0e659;
-  --c--theme--colors--success-500: #76d628;
-  --c--theme--colors--success-600: #5ab81d;
-  --c--theme--colors--success-700: #419a14;
-  --c--theme--colors--success-800: #2c7c0c;
-  --c--theme--colors--success-900: #1d6607;
-  --c--theme--colors--warning-100: #fff8cd;
-  --c--theme--colors--warning-200: #ffef9b;
-  --c--theme--colors--warning-300: #ffe469;
-  --c--theme--colors--warning-400: #ffda43;
-  --c--theme--colors--warning-500: #ffc805;
-  --c--theme--colors--warning-600: #dba603;
-  --c--theme--colors--warning-700: #b78702;
-  --c--theme--colors--warning-800: #936901;
-  --c--theme--colors--warning-900: #7a5400;
-  --c--theme--colors--danger-100: #f4b0b0;
-  --c--theme--colors--danger-200: #ee8a8a;
-  --c--theme--colors--danger-300: #e65454;
-  --c--theme--colors--danger-400: #e13333;
-  --c--theme--colors--danger-500: #da0000;
-  --c--theme--colors--danger-600: #c60000;
-  --c--theme--colors--danger-700: #9b0000;
-  --c--theme--colors--danger-800: #780000;
-  --c--theme--colors--danger-900: #5c0000;
-  --c--theme--colors--primary-text: var(--c--theme--colors--greyscale-000);
-  --c--theme--colors--success-text: var(--c--theme--colors--greyscale-000);
-  --c--theme--colors--warning-text: var(--c--theme--colors--greyscale-000);
-  --c--theme--colors--danger-text: var(--c--theme--colors--greyscale-000);
+  --c--theme--colors--secondary-100: #eff8ff;
+  --c--theme--colors--secondary-200: #eaf3fd;
+  --c--theme--colors--secondary-300: #e2ebf5;
+  --c--theme--colors--secondary-400: #c0c9d3;
+  --c--theme--colors--secondary-500: #a3abb4;
+  --c--theme--colors--secondary-600: #79818a;
+  --c--theme--colors--secondary-700: #656c75;
+  --c--theme--colors--secondary-800: #454d55;
+  --c--theme--colors--secondary-900: #242b32;
   --c--theme--colors--black: #090909;
   --c--theme--colors--dark-grey: #232323;
   --c--theme--colors--charcoal: #29303b;
@@ -89,99 +665,628 @@
   --c--theme--colors--midnightblue: #141b2c;
   --c--theme--colors--mantis: #76ce68;
   --c--theme--colors--mantis-darken: #006908;
-  --c--theme--font--sizes--h1: 1.75rem;
-  --c--theme--font--sizes--h2: 1.375rem;
-  --c--theme--font--sizes--h3: 1.125rem;
-  --c--theme--font--sizes--h4: 0.8125rem;
-  --c--theme--font--sizes--h5: 0.625rem;
-  --c--theme--font--sizes--h6: 0.5rem;
-  --c--theme--font--sizes--l: 1rem;
-  --c--theme--font--sizes--m: 0.8125rem;
-  --c--theme--font--sizes--s: 0.6875rem;
-  --c--theme--font--weights--thin: 200;
-  --c--theme--font--weights--light: 300;
-  --c--theme--font--weights--regular: 400;
-  --c--theme--font--weights--medium: 500;
-  --c--theme--font--weights--bold: 600;
-  --c--theme--font--weights--extrabold: 700;
-  --c--theme--font--weights--black: 800;
-  --c--theme--font--families--base: Hind;
-  --c--theme--font--families--accent: Montserrat;
-  --c--theme--font--letterspacings--h1: normal;
-  --c--theme--font--letterspacings--h2: normal;
-  --c--theme--font--letterspacings--h3: normal;
-  --c--theme--font--letterspacings--h4: normal;
-  --c--theme--font--letterspacings--h5: 1px;
-  --c--theme--font--letterspacings--h6: normal;
-  --c--theme--font--letterspacings--l: normal;
-  --c--theme--font--letterspacings--m: normal;
-  --c--theme--font--letterspacings--s: normal;
-  --c--theme--spacings--xl: 4rem;
-  --c--theme--spacings--l: 3rem;
-  --c--theme--spacings--b: 1.625rem;
-  --c--theme--spacings--s: 1rem;
-  --c--theme--spacings--t: 0.5rem;
-  --c--theme--spacings--st: 0.25rem;
-  --c--theme--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0);
-  --c--theme--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1);
-  --c--theme--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
-  --c--theme--transitions--duration: 250ms;
-  --c--theme--breakpoints--xs: 0;
-  --c--theme--breakpoints--sm: 576px;
-  --c--theme--breakpoints--md: 768px;
-  --c--theme--breakpoints--lg: 992px;
-  --c--theme--breakpoints--xl: 1200px;
-  --c--theme--breakpoints--xxl: 1400px;
-  --c--components--tabs--border-bottom-color: var(--c--theme--colors--greyscale-300);
-  --c--components--button--font-family: Montserrat;
-  --c--components--dashboardlistavatar--saturation: 30;
-  --c--components--dashboardlistavatar--lightness: 55;
+  --c--theme--colors--warning-500: #937303;
 }
 .cunningham-theme--dark {
-  --c--theme--colors--greyscale-100: #182536;
-  --c--theme--colors--greyscale-200: #303c4b;
-  --c--theme--colors--greyscale-300: #555f6b;
-  --c--theme--colors--greyscale-400: #79818a;
-  --c--theme--colors--greyscale-500: #9ea3aa;
-  --c--theme--colors--greyscale-600: #c2c6ca;
-  --c--theme--colors--greyscale-700: #e7e8ea;
-  --c--theme--colors--greyscale-800: #f3f4f4;
-  --c--theme--colors--greyscale-900: #fafafb;
-  --c--theme--colors--greyscale-000: #0c1a2b;
-  --c--theme--colors--primary-100: #3b4c62;
-  --c--theme--colors--primary-200: #4d6481;
-  --c--theme--colors--primary-300: #6381a6;
-  --c--theme--colors--primary-400: #7fa5d5;
-  --c--theme--colors--primary-500: #8cb5ea;
-  --c--theme--colors--primary-600: #a3c4ee;
-  --c--theme--colors--primary-700: #c3d8f4;
-  --c--theme--colors--primary-800: #dde9f8;
-  --c--theme--colors--primary-900: #f4f8fd;
-  --c--theme--colors--success-100: #eef8d7;
-  --c--theme--colors--success-200: #d9f1b2;
-  --c--theme--colors--success-300: #bde985;
-  --c--theme--colors--success-400: #a0e25d;
-  --c--theme--colors--success-500: #76d628;
-  --c--theme--colors--success-600: #5bb520;
-  --c--theme--colors--success-700: #43941a;
-  --c--theme--colors--success-800: #307414;
-  --c--theme--colors--success-900: #225d10;
-  --c--theme--colors--warning-100: #f7f3d5;
-  --c--theme--colors--warning-200: #f0e5aa;
-  --c--theme--colors--warning-300: #e8d680;
-  --c--theme--colors--warning-400: #e3c95f;
-  --c--theme--colors--warning-500: #d9b32b;
-  --c--theme--colors--warning-600: #bd9721;
-  --c--theme--colors--warning-700: #9d7b1c;
-  --c--theme--colors--warning-800: #7e6016;
-  --c--theme--colors--warning-900: #684d12;
-  --c--theme--colors--danger-100: #f8d0d0;
-  --c--theme--colors--danger-200: #f09898;
-  --c--theme--colors--danger-300: #f09898;
-  --c--theme--colors--danger-400: #ed8585;
-  --c--theme--colors--danger-500: #e96666;
-  --c--theme--colors--danger-600: #dd6666;
-  --c--theme--colors--danger-700: #c36666;
-  --c--theme--colors--danger-800: #ae6666;
-  --c--theme--colors--danger-900: #9d6666;
+  --c--globals--colors--logo-1: #377fdb;
+  --c--globals--colors--logo-2: #377fdb;
+  --c--globals--colors--logo-1-dark: #95abff;
+  --c--globals--colors--logo-2-dark: #95abff;
+  --c--globals--colors--brand-050: #eaf1fb;
+  --c--globals--colors--brand-100: #d5e4f7;
+  --c--globals--colors--brand-150: #c0d6f4;
+  --c--globals--colors--brand-200: #abc9f0;
+  --c--globals--colors--brand-250: #96bcec;
+  --c--globals--colors--brand-300: #80aee8;
+  --c--globals--colors--brand-350: #6ca0e4;
+  --c--globals--colors--brand-400: #5693e0;
+  --c--globals--colors--brand-450: #4085dc;
+  --c--globals--colors--brand-500: #2976d8;
+  --c--globals--colors--brand-550: #1167d4;
+  --c--globals--colors--brand-600: #0659c5;
+  --c--globals--colors--brand-650: #1a509f;
+  --c--globals--colors--brand-700: #20467f;
+  --c--globals--colors--brand-750: #203c63;
+  --c--globals--colors--brand-800: #1d314c;
+  --c--globals--colors--brand-850: #1a2638;
+  --c--globals--colors--brand-900: #141c28;
+  --c--globals--colors--brand-950: #0c1117;
+  --c--globals--colors--gray-000: #ffffff;
+  --c--globals--colors--gray-025: #f7f8f8;
+  --c--globals--colors--gray-050: #f0f1f2;
+  --c--globals--colors--gray-100: #e1e2e5;
+  --c--globals--colors--gray-150: #d2d4d8;
+  --c--globals--colors--gray-200: #c4c7cb;
+  --c--globals--colors--gray-250: #b5b9be;
+  --c--globals--colors--gray-300: #a7acb2;
+  --c--globals--colors--gray-350: #999ea5;
+  --c--globals--colors--gray-400: #8d9197;
+  --c--globals--colors--gray-450: #80848a;
+  --c--globals--colors--gray-500: #74777c;
+  --c--globals--colors--gray-550: #686b6f;
+  --c--globals--colors--gray-600: #5c5f63;
+  --c--globals--colors--gray-650: #505356;
+  --c--globals--colors--gray-700: #45474a;
+  --c--globals--colors--gray-750: #3a3b3e;
+  --c--globals--colors--gray-800: #2f3033;
+  --c--globals--colors--gray-850: #252627;
+  --c--globals--colors--gray-900: #1b1c1d;
+  --c--globals--colors--gray-950: #101112;
+  --c--globals--colors--gray-1000: #000000;
+  --c--globals--colors--info-050: #eaf1fb;
+  --c--globals--colors--info-100: #d5e4f7;
+  --c--globals--colors--info-150: #c0d6f4;
+  --c--globals--colors--info-200: #abc9f0;
+  --c--globals--colors--info-250: #96bcec;
+  --c--globals--colors--info-300: #80aee8;
+  --c--globals--colors--info-350: #6ca0e4;
+  --c--globals--colors--info-400: #5693e0;
+  --c--globals--colors--info-450: #4085dc;
+  --c--globals--colors--info-500: #2976d8;
+  --c--globals--colors--info-550: #1167d4;
+  --c--globals--colors--info-600: #0659c5;
+  --c--globals--colors--info-650: #1a509f;
+  --c--globals--colors--info-700: #20467f;
+  --c--globals--colors--info-750: #203c63;
+  --c--globals--colors--info-800: #1d314c;
+  --c--globals--colors--info-850: #1a2638;
+  --c--globals--colors--info-900: #141c28;
+  --c--globals--colors--info-950: #0c1117;
+  --c--globals--colors--success-050: #e4f7d4;
+  --c--globals--colors--success-100: #c8eea8;
+  --c--globals--colors--success-150: #aae579;
+  --c--globals--colors--success-200: #89dc45;
+  --c--globals--colors--success-250: #72cf27;
+  --c--globals--colors--success-300: #6ac024;
+  --c--globals--colors--success-350: #61b121;
+  --c--globals--colors--success-400: #59a21e;
+  --c--globals--colors--success-450: #51941c;
+  --c--globals--colors--success-500: #4b851a;
+  --c--globals--colors--success-550: #427816;
+  --c--globals--colors--success-600: #3a6a14;
+  --c--globals--colors--success-650: #385c1f;
+  --c--globals--colors--success-700: #344d24;
+  --c--globals--colors--success-750: #2e4022;
+  --c--globals--colors--success-800: #27341f;
+  --c--globals--colors--success-850: #20281a;
+  --c--globals--colors--success-900: #181d15;
+  --c--globals--colors--success-950: #10120e;
+  --c--globals--colors--warning-050: #fff1bd;
+  --c--globals--colors--warning-100: #ffe176;
+  --c--globals--colors--warning-150: #ffcf25;
+  --c--globals--colors--warning-200: #f4bf06;
+  --c--globals--colors--warning-250: #e3b205;
+  --c--globals--colors--warning-300: #d3a504;
+  --c--globals--colors--warning-350: #c29805;
+  --c--globals--colors--warning-400: #b28c03;
+  --c--globals--colors--warning-450: #a27f03;
+  --c--globals--colors--warning-500: #937303;
+  --c--globals--colors--warning-550: #836703;
+  --c--globals--colors--warning-600: #745b03;
+  --c--globals--colors--warning-650: #625019;
+  --c--globals--colors--warning-700: #524620;
+  --c--globals--colors--warning-750: #443b20;
+  --c--globals--colors--warning-800: #36301d;
+  --c--globals--colors--warning-850: #2a2619;
+  --c--globals--colors--warning-900: #1e1c13;
+  --c--globals--colors--warning-950: #12110c;
+  --c--globals--colors--error-050: #fceded;
+  --c--globals--colors--error-100: #fadbdb;
+  --c--globals--colors--error-150: #f7c9c9;
+  --c--globals--colors--error-200: #f5b7b7;
+  --c--globals--colors--error-250: #f2a4a4;
+  --c--globals--colors--error-300: #ef9191;
+  --c--globals--colors--error-350: #ec7d7d;
+  --c--globals--colors--error-400: #e96868;
+  --c--globals--colors--error-450: #e55050;
+  --c--globals--colors--error-500: #e13131;
+  --c--globals--colors--error-550: #d80000;
+  --c--globals--colors--error-600: #c00101;
+  --c--globals--colors--error-650: #9e2219;
+  --c--globals--colors--error-700: #802820;
+  --c--globals--colors--error-750: #662820;
+  --c--globals--colors--error-800: #4f231e;
+  --c--globals--colors--error-850: #3b1d19;
+  --c--globals--colors--error-900: #2a1614;
+  --c--globals--colors--error-950: #1a0e0c;
+  --c--globals--colors--red-050: #fdeded;
+  --c--globals--colors--red-100: #fadbdb;
+  --c--globals--colors--red-150: #f8c9c9;
+  --c--globals--colors--red-200: #f5b7b6;
+  --c--globals--colors--red-250: #f3a4a3;
+  --c--globals--colors--red-300: #f09190;
+  --c--globals--colors--red-350: #ee7c7b;
+  --c--globals--colors--red-400: #eb6665;
+  --c--globals--colors--red-450: #e74e4d;
+  --c--globals--colors--red-500: #d83f3d;
+  --c--globals--colors--red-550: #c23837;
+  --c--globals--colors--red-600: #ac3231;
+  --c--globals--colors--red-650: #8d3531;
+  --c--globals--colors--red-700: #73332f;
+  --c--globals--colors--red-750: #5b2f2b;
+  --c--globals--colors--red-800: #472826;
+  --c--globals--colors--red-850: #35211f;
+  --c--globals--colors--red-900: #251817;
+  --c--globals--colors--red-950: #160f0e;
+  --c--globals--colors--orange-050: #fdeee2;
+  --c--globals--colors--orange-100: #fcddc5;
+  --c--globals--colors--orange-150: #facba8;
+  --c--globals--colors--orange-200: #f8b98b;
+  --c--globals--colors--orange-250: #f6a76a;
+  --c--globals--colors--orange-300: #f4934b;
+  --c--globals--colors--orange-350: #f27e27;
+  --c--globals--colors--orange-400: #e76e12;
+  --c--globals--colors--orange-450: #d26411;
+  --c--globals--colors--orange-500: #be5b0f;
+  --c--globals--colors--orange-550: #aa510e;
+  --c--globals--colors--orange-600: #97480c;
+  --c--globals--colors--orange-650: #7e431d;
+  --c--globals--colors--orange-700: #673c22;
+  --c--globals--colors--orange-750: #533422;
+  --c--globals--colors--orange-800: #412c1f;
+  --c--globals--colors--orange-850: #31231b;
+  --c--globals--colors--orange-900: #221a14;
+  --c--globals--colors--orange-950: #15100c;
+  --c--globals--colors--brown-050: #f3f0ef;
+  --c--globals--colors--brown-100: #e7e1df;
+  --c--globals--colors--brown-150: #dcd2cf;
+  --c--globals--colors--brown-200: #d0c4bf;
+  --c--globals--colors--brown-250: #c5b6b0;
+  --c--globals--colors--brown-300: #baa7a1;
+  --c--globals--colors--brown-350: #af9992;
+  --c--globals--colors--brown-400: #a48b83;
+  --c--globals--colors--brown-450: #997e74;
+  --c--globals--colors--brown-500: #8f7065;
+  --c--globals--colors--brown-550: #846357;
+  --c--globals--colors--brown-600: #7a5649;
+  --c--globals--colors--brown-650: #684c42;
+  --c--globals--colors--brown-700: #57423c;
+  --c--globals--colors--brown-750: #463833;
+  --c--globals--colors--brown-800: #382e2a;
+  --c--globals--colors--brown-850: #2b2422;
+  --c--globals--colors--brown-900: #1f1b19;
+  --c--globals--colors--brown-950: #121010;
+  --c--globals--colors--yellow-050: #faf0d3;
+  --c--globals--colors--yellow-100: #f5e2a4;
+  --c--globals--colors--yellow-150: #f0d275;
+  --c--globals--colors--yellow-200: #ebc242;
+  --c--globals--colors--yellow-250: #e4b213;
+  --c--globals--colors--yellow-300: #d4a511;
+  --c--globals--colors--yellow-350: #c39810;
+  --c--globals--colors--yellow-400: #b38b0f;
+  --c--globals--colors--yellow-450: #a37f0d;
+  --c--globals--colors--yellow-500: #93730c;
+  --c--globals--colors--yellow-550: #84670b;
+  --c--globals--colors--yellow-600: #755b0a;
+  --c--globals--colors--yellow-650: #63501c;
+  --c--globals--colors--yellow-700: #534521;
+  --c--globals--colors--yellow-750: #443a21;
+  --c--globals--colors--yellow-800: #36301f;
+  --c--globals--colors--yellow-850: #29261a;
+  --c--globals--colors--yellow-900: #1d1c14;
+  --c--globals--colors--yellow-950: #12110c;
+  --c--globals--colors--green-050: #e2f6e5;
+  --c--globals--colors--green-100: #c5ecca;
+  --c--globals--colors--green-150: #a7e3af;
+  --c--globals--colors--green-200: #89d894;
+  --c--globals--colors--green-250: #67ce75;
+  --c--globals--colors--green-300: #4dc25d;
+  --c--globals--colors--green-350: #48b257;
+  --c--globals--colors--green-400: #41a44f;
+  --c--globals--colors--green-450: #3b9548;
+  --c--globals--colors--green-500: #368741;
+  --c--globals--colors--green-550: #30793a;
+  --c--globals--colors--green-600: #2b6b33;
+  --c--globals--colors--green-650: #2f5c34;
+  --c--globals--colors--green-700: #2e4e31;
+  --c--globals--colors--green-750: #2a412c;
+  --c--globals--colors--green-800: #253426;
+  --c--globals--colors--green-850: #1e281f;
+  --c--globals--colors--green-900: #171d17;
+  --c--globals--colors--green-950: #0f120f;
+  --c--globals--colors--blue-1-050: #ebf1ff;
+  --c--globals--colors--blue-1-100: #d6e3fe;
+  --c--globals--colors--blue-1-150: #c2d5fe;
+  --c--globals--colors--blue-1-200: #adc7fe;
+  --c--globals--colors--blue-1-250: #99b8fd;
+  --c--globals--colors--blue-1-300: #84aafd;
+  --c--globals--colors--blue-1-350: #6f9bfd;
+  --c--globals--colors--blue-1-400: #5a8dfb;
+  --c--globals--colors--blue-1-450: #437dfc;
+  --c--globals--colors--blue-1-500: #3d71e4;
+  --c--globals--colors--blue-1-550: #3665cc;
+  --c--globals--colors--blue-1-600: #305ab5;
+  --c--globals--colors--blue-1-650: #315093;
+  --c--globals--colors--blue-1-700: #2e4675;
+  --c--globals--colors--blue-1-750: #293b5e;
+  --c--globals--colors--blue-1-800: #243048;
+  --c--globals--colors--blue-1-850: #1e2635;
+  --c--globals--colors--blue-1-900: #171c25;
+  --c--globals--colors--blue-1-950: #0e1116;
+  --c--globals--colors--blue-2-050: #e2f4f9;
+  --c--globals--colors--blue-2-100: #c5e9f3;
+  --c--globals--colors--blue-2-150: #a7dded;
+  --c--globals--colors--blue-2-200: #88d1e6;
+  --c--globals--colors--blue-2-250: #68c5e0;
+  --c--globals--colors--blue-2-300: #48b8d9;
+  --c--globals--colors--blue-2-350: #3baaca;
+  --c--globals--colors--blue-2-400: #359cb9;
+  --c--globals--colors--blue-2-450: #318ea9;
+  --c--globals--colors--blue-2-500: #2c8199;
+  --c--globals--colors--blue-2-550: #277389;
+  --c--globals--colors--blue-2-600: #236679;
+  --c--globals--colors--blue-2-650: #2a5866;
+  --c--globals--colors--blue-2-700: #2a4b55;
+  --c--globals--colors--blue-2-750: #283f47;
+  --c--globals--colors--blue-2-800: #233337;
+  --c--globals--colors--blue-2-850: #1d272a;
+  --c--globals--colors--blue-2-900: #161c1e;
+  --c--globals--colors--blue-2-950: #0e1112;
+  --c--globals--colors--purple-050: #f6eeff;
+  --c--globals--colors--purple-100: #ecdcff;
+  --c--globals--colors--purple-150: #e3cbfe;
+  --c--globals--colors--purple-200: #dab9fe;
+  --c--globals--colors--purple-250: #d0a7fe;
+  --c--globals--colors--purple-300: #c795fe;
+  --c--globals--colors--purple-350: #bd83fd;
+  --c--globals--colors--purple-400: #b36ffd;
+  --c--globals--colors--purple-450: #a85bfd;
+  --c--globals--colors--purple-500: #9b4bf3;
+  --c--globals--colors--purple-550: #8b43da;
+  --c--globals--colors--purple-600: #7b3cc1;
+  --c--globals--colors--purple-650: #673c9b;
+  --c--globals--colors--purple-700: #56387d;
+  --c--globals--colors--purple-750: #463162;
+  --c--globals--colors--purple-800: #382a4a;
+  --c--globals--colors--purple-850: #2a2237;
+  --c--globals--colors--purple-900: #1e1926;
+  --c--globals--colors--purple-950: #121017;
+  --c--globals--colors--pink-050: #fcedf5;
+  --c--globals--colors--pink-100: #f9daea;
+  --c--globals--colors--pink-150: #f7c7e0;
+  --c--globals--colors--pink-200: #f4b4d5;
+  --c--globals--colors--pink-250: #f1a1ca;
+  --c--globals--colors--pink-300: #ee8cbf;
+  --c--globals--colors--pink-350: #ea77b3;
+  --c--globals--colors--pink-400: #e760a6;
+  --c--globals--colors--pink-450: #e24797;
+  --c--globals--colors--pink-500: #cd4089;
+  --c--globals--colors--pink-550: #b8397b;
+  --c--globals--colors--pink-600: #a3336d;
+  --c--globals--colors--pink-650: #86355e;
+  --c--globals--colors--pink-700: #6e334f;
+  --c--globals--colors--pink-750: #582e42;
+  --c--globals--colors--pink-800: #442834;
+  --c--globals--colors--pink-850: #332028;
+  --c--globals--colors--pink-900: #24181d;
+  --c--globals--colors--pink-950: #160f12;
+  --c--globals--colors--black-000: #00000000;
+  --c--globals--colors--black-050: #0000000d;
+  --c--globals--colors--black-100: #0000001a;
+  --c--globals--colors--black-150: #00000026;
+  --c--globals--colors--black-200: #00000033;
+  --c--globals--colors--black-250: #00000040;
+  --c--globals--colors--black-300: #0000004d;
+  --c--globals--colors--black-350: #00000059;
+  --c--globals--colors--black-400: #00000066;
+  --c--globals--colors--black-450: #00000073;
+  --c--globals--colors--black-500: #00000080;
+  --c--globals--colors--black-550: #0000008c;
+  --c--globals--colors--black-600: #00000099;
+  --c--globals--colors--black-650: #000000a6;
+  --c--globals--colors--black-700: #000000b3;
+  --c--globals--colors--black-750: #000000bf;
+  --c--globals--colors--black-800: #000000cc;
+  --c--globals--colors--black-850: #000000d9;
+  --c--globals--colors--black-900: #000000e6;
+  --c--globals--colors--black-950: #000000f2;
+  --c--globals--colors--white-000: #ffffff;
+  --c--globals--colors--white-050: #ffffff0d;
+  --c--globals--colors--white-100: #ffffff1a;
+  --c--globals--colors--white-150: #ffffff26;
+  --c--globals--colors--white-200: #ffffff33;
+  --c--globals--colors--white-250: #ffffff40;
+  --c--globals--colors--white-300: #ffffff4d;
+  --c--globals--colors--white-350: #ffffff59;
+  --c--globals--colors--white-400: #ffffff66;
+  --c--globals--colors--white-450: #ffffff73;
+  --c--globals--colors--white-500: #ffffff80;
+  --c--globals--colors--white-550: #ffffff8c;
+  --c--globals--colors--white-600: #ffffff99;
+  --c--globals--colors--white-650: #ffffffa6;
+  --c--globals--colors--white-700: #ffffffb3;
+  --c--globals--colors--white-750: #ffffffbf;
+  --c--globals--colors--white-800: #ffffffcc;
+  --c--globals--colors--white-850: #ffffffd9;
+  --c--globals--colors--white-900: #ffffffe6;
+  --c--globals--colors--white-950: #fffffff2;
+  --c--globals--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0);
+  --c--globals--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1);
+  --c--globals--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+  --c--globals--transitions--duration: 250ms;
+  --c--globals--font--sizes--xs: 0.75rem;
+  --c--globals--font--sizes--sm: 0.875rem;
+  --c--globals--font--sizes--md: 1rem;
+  --c--globals--font--sizes--lg: 1.125rem;
+  --c--globals--font--sizes--ml: 0.938rem;
+  --c--globals--font--sizes--xl: 1.25rem;
+  --c--globals--font--sizes--t: 0.6875rem;
+  --c--globals--font--sizes--s: 0.75rem;
+  --c--globals--font--sizes--h1: 2rem;
+  --c--globals--font--sizes--h2: 1.75rem;
+  --c--globals--font--sizes--h3: 1.5rem;
+  --c--globals--font--sizes--h4: 1.375rem;
+  --c--globals--font--sizes--h5: 1.25rem;
+  --c--globals--font--sizes--h6: 1.125rem;
+  --c--globals--font--sizes--xl-alt: 5rem;
+  --c--globals--font--sizes--lg-alt: 4.5rem;
+  --c--globals--font--sizes--md-alt: 4rem;
+  --c--globals--font--sizes--sm-alt: 3.5rem;
+  --c--globals--font--sizes--xs-alt: 3rem;
+  --c--globals--font--weights--thin: 200;
+  --c--globals--font--weights--light: 300;
+  --c--globals--font--weights--regular: 400;
+  --c--globals--font--weights--medium: 500;
+  --c--globals--font--weights--bold: 600;
+  --c--globals--font--weights--extrabold: 700;
+  --c--globals--font--weights--black: 800;
+  --c--globals--font--families--base: 'Roboto Flex Variable', sans-serif;
+  --c--globals--font--families--accent: 'Roboto Flex Variable', sans-serif;
+  --c--globals--spacings--l: 3rem;
+  --c--globals--spacings--b: 1.625rem;
+  --c--globals--spacings--m: 0.8125rem;
+  --c--globals--spacings--s: 1rem;
+  --c--globals--spacings--t: 0.5rem;
+  --c--globals--spacings--st: 0.25rem;
+  --c--globals--spacings--4xs: 0.125rem;
+  --c--globals--spacings--xxxs: 0.25rem;
+  --c--globals--spacings--xxs: 0.375rem;
+  --c--globals--spacings--xs: 0.5rem;
+  --c--globals--spacings--sm: 0.75rem;
+  --c--globals--spacings--base: 1rem;
+  --c--globals--spacings--md: 1.5rem;
+  --c--globals--spacings--lg: 2rem;
+  --c--globals--spacings--xl: 2.5rem;
+  --c--globals--spacings--xxl: 3rem;
+  --c--globals--spacings--xxxl: 3.5rem;
+  --c--globals--spacings--4xl: 4rem;
+  --c--globals--spacings--5xl: 4.5rem;
+  --c--globals--spacings--6xl: 6rem;
+  --c--globals--spacings--7xl: 7.5rem;
+  --c--globals--breakpoints--xs: 0;
+  --c--globals--breakpoints--sm: 576px;
+  --c--globals--breakpoints--md: 768px;
+  --c--globals--breakpoints--lg: 992px;
+  --c--globals--breakpoints--xl: 1200px;
+  --c--globals--breakpoints--xxl: 1400px;
+  --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-800);
+  --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850);
+  --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900);
+  --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550);
+  --c--contextuals--background--semantic--brand--primary-hover: var(
+    --c--globals--colors--brand-650
+  );
+  --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700);
+  --c--contextuals--background--semantic--brand--secondary-hover: var(
+    --c--globals--colors--brand-750
+  );
+  --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-750);
+  --c--contextuals--background--semantic--brand--tertiary-hover: var(
+    --c--globals--colors--brand-800
+  );
+  --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550);
+  --c--contextuals--background--semantic--neutral--primary-hover: var(
+    --c--globals--colors--gray-650
+  );
+  --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-700);
+  --c--contextuals--background--semantic--neutral--secondary-hover: var(
+    --c--globals--colors--gray-750
+  );
+  --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750);
+  --c--contextuals--background--semantic--neutral--tertiary-hover: var(
+    --c--globals--colors--gray-800
+  );
+  --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050);
+  --c--contextuals--background--semantic--contextual--primary-hover: var(
+    --c--globals--colors--white-100
+  );
+  --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550);
+  --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650);
+  --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700);
+  --c--contextuals--background--semantic--info--secondary-hover: var(
+    --c--globals--colors--info-750
+  );
+  --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-750);
+  --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-800);
+  --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550);
+  --c--contextuals--background--semantic--success--primary-hover: var(
+    --c--globals--colors--success-650
+  );
+  --c--contextuals--background--semantic--success--secondary: var(
+    --c--globals--colors--success-700
+  );
+  --c--contextuals--background--semantic--success--secondary-hover: var(
+    --c--globals--colors--success-750
+  );
+  --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-750);
+  --c--contextuals--background--semantic--success--tertiary-hover: var(
+    --c--globals--colors--success-800
+  );
+  --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550);
+  --c--contextuals--background--semantic--warning--primary-hover: var(
+    --c--globals--colors--warning-650
+  );
+  --c--contextuals--background--semantic--warning--secondary: var(
+    --c--globals--colors--warning-700
+  );
+  --c--contextuals--background--semantic--warning--secondary-hover: var(
+    --c--globals--colors--warning-750
+  );
+  --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-750);
+  --c--contextuals--background--semantic--warning--tertiary-hover: var(
+    --c--globals--colors--warning-800
+  );
+  --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550);
+  --c--contextuals--background--semantic--error--primary-hover: var(
+    --c--globals--colors--error-650
+  );
+  --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-700);
+  --c--contextuals--background--semantic--error--secondary-hover: var(
+    --c--globals--colors--error-750
+  );
+  --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-750);
+  --c--contextuals--background--semantic--error--tertiary-hover: var(
+    --c--globals--colors--error-800
+  );
+  --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-750);
+  --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-800);
+  --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-350);
+  --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-450);
+  --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-550);
+  --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-350);
+  --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-450);
+  --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-550);
+  --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-350);
+  --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-450);
+  --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-550);
+  --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-350);
+  --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-450);
+  --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-550);
+  --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-350);
+  --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-450);
+  --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-550);
+  --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-350);
+  --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-450);
+  --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-550);
+  --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-350);
+  --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450);
+  --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550);
+  --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-350);
+  --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450);
+  --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550);
+  --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-350);
+  --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-450);
+  --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-550);
+  --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-350);
+  --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-450);
+  --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-550);
+  --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-350);
+  --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-450);
+  --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550);
+  --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark);
+  --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark);
+  --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050);
+  --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100);
+  --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250);
+  --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050);
+  --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-050);
+  --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100);
+  --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250);
+  --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050);
+  --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850);
+  --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050);
+  --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100);
+  --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250);
+  --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050);
+  --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-050);
+  --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-100);
+  --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-250);
+  --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050);
+  --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-050);
+  --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-100);
+  --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-250);
+  --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050);
+  --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-050);
+  --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-100);
+  --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-250);
+  --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050);
+  --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600);
+  --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300);
+  --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-350);
+  --c--contextuals--content--palette--brand--secondary: var(--c--globals--colors--brand-450);
+  --c--contextuals--content--palette--brand--tertiary: var(--c--globals--colors--brand-550);
+  --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-350);
+  --c--contextuals--content--palette--red--secondary: var(--c--globals--colors--red-450);
+  --c--contextuals--content--palette--red--tertiary: var(--c--globals--colors--red-550);
+  --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-350);
+  --c--contextuals--content--palette--orange--secondary: var(--c--globals--colors--orange-450);
+  --c--contextuals--content--palette--orange--tertiary: var(--c--globals--colors--orange-550);
+  --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-350);
+  --c--contextuals--content--palette--brown--secondary: var(--c--globals--colors--brown-450);
+  --c--contextuals--content--palette--brown--tertiary: var(--c--globals--colors--brown-550);
+  --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-350);
+  --c--contextuals--content--palette--yellow--secondary: var(--c--globals--colors--yellow-450);
+  --c--contextuals--content--palette--yellow--tertiary: var(--c--globals--colors--yellow-550);
+  --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-350);
+  --c--contextuals--content--palette--green--secondary: var(--c--globals--colors--green-450);
+  --c--contextuals--content--palette--green--tertiary: var(--c--globals--colors--green-550);
+  --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-350);
+  --c--contextuals--content--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450);
+  --c--contextuals--content--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550);
+  --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-350);
+  --c--contextuals--content--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450);
+  --c--contextuals--content--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550);
+  --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-350);
+  --c--contextuals--content--palette--purple--secondary: var(--c--globals--colors--purple-450);
+  --c--contextuals--content--palette--purple--tertiary: var(--c--globals--colors--purple-550);
+  --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-350);
+  --c--contextuals--content--palette--pink--secondary: var(--c--globals--colors--pink-450);
+  --c--contextuals--content--palette--pink--tertiary: var(--c--globals--colors--pink-550);
+  --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-350);
+  --c--contextuals--content--palette--gray--secondary: var(--c--globals--colors--gray-450);
+  --c--contextuals--content--palette--gray--tertiary: var(--c--globals--colors--gray-550);
+  --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750);
+  --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450);
+  --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600);
+  --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700);
+  --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200);
+  --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450);
+  --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600);
+  --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700);
+  --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-450);
+  --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-600);
+  --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-700);
+  --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-450);
+  --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-600);
+  --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-700);
+  --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-450);
+  --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-600);
+  --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-700);
+  --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-450);
+  --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600);
+  --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700);
+  --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800);
+  --c--contextuals--border--palette--brand--primary: var(--c--globals--colors--brand-350);
+  --c--contextuals--border--palette--brand--secondary: var(--c--globals--colors--brand-450);
+  --c--contextuals--border--palette--brand--tertiary: var(--c--globals--colors--brand-550);
+  --c--contextuals--border--palette--red--primary: var(--c--globals--colors--red-350);
+  --c--contextuals--border--palette--red--secondary: var(--c--globals--colors--red-450);
+  --c--contextuals--border--palette--red--tertiary: var(--c--globals--colors--red-550);
+  --c--contextuals--border--palette--orange--primary: var(--c--globals--colors--orange-350);
+  --c--contextuals--border--palette--orange--secondary: var(--c--globals--colors--orange-450);
+  --c--contextuals--border--palette--orange--tertiary: var(--c--globals--colors--orange-550);
+  --c--contextuals--border--palette--brown--primary: var(--c--globals--colors--brown-350);
+  --c--contextuals--border--palette--brown--secondary: var(--c--globals--colors--brown-450);
+  --c--contextuals--border--palette--brown--tertiary: var(--c--globals--colors--brown-550);
+  --c--contextuals--border--palette--yellow--primary: var(--c--globals--colors--yellow-350);
+  --c--contextuals--border--palette--yellow--secondary: var(--c--globals--colors--yellow-450);
+  --c--contextuals--border--palette--yellow--tertiary: var(--c--globals--colors--yellow-550);
+  --c--contextuals--border--palette--green--primary: var(--c--globals--colors--green-350);
+  --c--contextuals--border--palette--green--secondary: var(--c--globals--colors--green-450);
+  --c--contextuals--border--palette--green--tertiary: var(--c--globals--colors--green-550);
+  --c--contextuals--border--palette--blue-1--primary: var(--c--globals--colors--blue-1-350);
+  --c--contextuals--border--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450);
+  --c--contextuals--border--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550);
+  --c--contextuals--border--palette--blue-2--primary: var(--c--globals--colors--blue-2-350);
+  --c--contextuals--border--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450);
+  --c--contextuals--border--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550);
+  --c--contextuals--border--palette--purple--primary: var(--c--globals--colors--purple-350);
+  --c--contextuals--border--palette--purple--secondary: var(--c--globals--colors--purple-450);
+  --c--contextuals--border--palette--purple--tertiary: var(--c--globals--colors--purple-550);
+  --c--contextuals--border--palette--pink--primary: var(--c--globals--colors--pink-350);
+  --c--contextuals--border--palette--pink--secondary: var(--c--globals--colors--pink-450);
+  --c--contextuals--border--palette--pink--tertiary: var(--c--globals--colors--pink-550);
+  --c--contextuals--border--palette--gray--primary: var(--c--globals--colors--gray-350);
+  --c--contextuals--border--palette--gray--secondary: var(--c--globals--colors--gray-450);
+  --c--contextuals--border--palette--gray--tertiary: var(--c--globals--colors--gray-550);
 }