@x15ventures/x15-ui-library 3.11.4

package/dist/cjs/styles/themes/homeIn/index.css

@@ -0,0 +1,1511 @@
+:root {
+  --primaryButtonBg: #06cd9e;
+  --secondaryButtonBg: #cdf5ec;
+  --tertiaryButtonBg: #476b7e;
+}
+
+.primary100_fg {
+  color: var(--primary100);
+}
+
+.primary100_bg {
+  background-color: var(--primary100);
+}
+
+.primary200_fg {
+  color: var(--primary200);
+}
+
+.primary200_bg {
+  background-color: var(--primary200);
+}
+
+.primary300_fg {
+  color: var(--primary300);
+}
+
+.primary300_bg {
+  background-color: var(--primary300);
+}
+
+.primary400_fg {
+  color: var(--primary400);
+}
+
+.primary400_bg {
+  background-color: var(--primary400);
+}
+
+.primary500_fg {
+  color: var(--primary500);
+}
+
+.primary500_bg {
+  background-color: var(--primary500);
+}
+
+.primary600_fg {
+  color: var(--primary600);
+}
+
+.primary600_bg {
+  background-color: var(--primary600);
+}
+
+.primary700_fg {
+  color: var(--primary700);
+}
+
+.primary700_bg {
+  background-color: var(--primary700);
+}
+
+.primary800_fg {
+  color: var(--primary800);
+}
+
+.primary800_bg {
+  background-color: var(--primary800);
+}
+
+.primary900_fg {
+  color: var(--primary900);
+}
+
+.primary900_bg {
+  background-color: var(--primary900);
+}
+
+.primary_fg {
+  color: var(--primary);
+}
+
+.primary_bg {
+  background-color: var(--primary);
+}
+
+.primary-variant100_fg {
+  color: var(--primary-variant100);
+}
+
+.primary-variant100_bg {
+  background-color: var(--primary-variant100);
+}
+
+.primary-variant200_fg {
+  color: var(--primary-variant200);
+}
+
+.primary-variant200_bg {
+  background-color: var(--primary-variant200);
+}
+
+.primary-variant300_fg {
+  color: var(--primary-variant300);
+}
+
+.primary-variant300_bg {
+  background-color: var(--primary-variant300);
+}
+
+.primary-variant400_fg {
+  color: var(--primary-variant400);
+}
+
+.primary-variant400_bg {
+  background-color: var(--primary-variant400);
+}
+
+.primary-variant500_fg {
+  color: var(--primary-variant500);
+}
+
+.primary-variant500_bg {
+  background-color: var(--primary-variant500);
+}
+
+.primary-variant600_fg {
+  color: var(--primary-variant600);
+}
+
+.primary-variant600_bg {
+  background-color: var(--primary-variant600);
+}
+
+.primary-variant700_fg {
+  color: var(--primary-variant700);
+}
+
+.primary-variant700_bg {
+  background-color: var(--primary-variant700);
+}
+
+.primary-variant800_fg {
+  color: var(--primary-variant800);
+}
+
+.primary-variant800_bg {
+  background-color: var(--primary-variant800);
+}
+
+.primary-variant900_fg {
+  color: var(--primary-variant900);
+}
+
+.primary-variant900_bg {
+  background-color: var(--primary-variant900);
+}
+
+.primary-variant_fg {
+  color: var(--primary-variant);
+}
+
+.primary-variant_bg {
+  background-color: var(--primary-variant);
+}
+
+.secondary100_fg {
+  color: var(--secondary100);
+}
+
+.secondary100_bg {
+  background-color: var(--secondary100);
+}
+
+.secondary200_fg {
+  color: var(--secondary200);
+}
+
+.secondary200_bg {
+  background-color: var(--secondary200);
+}
+
+.secondary300_fg {
+  color: var(--secondary300);
+}
+
+.secondary300_bg {
+  background-color: var(--secondary300);
+}
+
+.secondary400_fg {
+  color: var(--secondary400);
+}
+
+.secondary400_bg {
+  background-color: var(--secondary400);
+}
+
+.secondary500_fg {
+  color: var(--secondary500);
+}
+
+.secondary500_bg {
+  background-color: var(--secondary500);
+}
+
+.secondary600_fg {
+  color: var(--secondary600);
+}
+
+.secondary600_bg {
+  background-color: var(--secondary600);
+}
+
+.secondary700_fg {
+  color: var(--secondary700);
+}
+
+.secondary700_bg {
+  background-color: var(--secondary700);
+}
+
+.secondary800_fg {
+  color: var(--secondary800);
+}
+
+.secondary800_bg {
+  background-color: var(--secondary800);
+}
+
+.secondary900_fg {
+  color: var(--secondary900);
+}
+
+.secondary900_bg {
+  background-color: var(--secondary900);
+}
+
+.secondary_fg {
+  color: var(--secondary);
+}
+
+.secondary_bg {
+  background-color: var(--secondary);
+}
+
+.secondary-variant100_fg {
+  color: var(--secondary-variant100);
+}
+
+.secondary-variant100_bg {
+  background-color: var(--secondary-variant100);
+}
+
+.secondary-variant200_fg {
+  color: var(--secondary-variant200);
+}
+
+.secondary-variant200_bg {
+  background-color: var(--secondary-variant200);
+}
+
+.secondary-variant300_fg {
+  color: var(--secondary-variant300);
+}
+
+.secondary-variant300_bg {
+  background-color: var(--secondary-variant300);
+}
+
+.secondary-variant400_fg {
+  color: var(--secondary-variant400);
+}
+
+.secondary-variant400_bg {
+  background-color: var(--secondary-variant400);
+}
+
+.secondary-variant500_fg {
+  color: var(--secondary-variant500);
+}
+
+.secondary-variant500_bg {
+  background-color: var(--secondary-variant500);
+}
+
+.secondary-variant600_fg {
+  color: var(--secondary-variant600);
+}
+
+.secondary-variant600_bg {
+  background-color: var(--secondary-variant600);
+}
+
+.secondary-variant700_fg {
+  color: var(--secondary-variant700);
+}
+
+.secondary-variant700_bg {
+  background-color: var(--secondary-variant700);
+}
+
+.secondary-variant800_fg {
+  color: var(--secondary-variant800);
+}
+
+.secondary-variant800_bg {
+  background-color: var(--secondary-variant800);
+}
+
+.secondary-variant900_fg {
+  color: var(--secondary-variant900);
+}
+
+.secondary-variant900_bg {
+  background-color: var(--secondary-variant900);
+}
+
+.secondary-variant_fg {
+  color: var(--secondary-variant);
+}
+
+.secondary-variant_bg {
+  background-color: var(--secondary-variant);
+}
+
+.text100_fg {
+  color: var(--text100);
+}
+
+.text100_bg {
+  background-color: var(--text100);
+}
+
+.text200_fg {
+  color: var(--text200);
+}
+
+.text200_bg {
+  background-color: var(--text200);
+}
+
+.text300_fg {
+  color: var(--text300);
+}
+
+.text300_bg {
+  background-color: var(--text300);
+}
+
+.text400_fg {
+  color: var(--text400);
+}
+
+.text400_bg {
+  background-color: var(--text400);
+}
+
+.text500_fg {
+  color: var(--text500);
+}
+
+.text500_bg {
+  background-color: var(--text500);
+}
+
+.text600_fg {
+  color: var(--text600);
+}
+
+.text600_bg {
+  background-color: var(--text600);
+}
+
+.text700_fg {
+  color: var(--text700);
+}
+
+.text700_bg {
+  background-color: var(--text700);
+}
+
+.text800_fg {
+  color: var(--text800);
+}
+
+.text800_bg {
+  background-color: var(--text800);
+}
+
+.text900_fg {
+  color: var(--text900);
+}
+
+.text900_bg {
+  background-color: var(--text900);
+}
+
+.text_fg {
+  color: var(--text);
+}
+
+.text_bg {
+  background-color: var(--text);
+}
+
+.muted100_fg {
+  color: var(--muted100);
+}
+
+.muted100_bg {
+  background-color: var(--muted100);
+}
+
+.muted200_fg {
+  color: var(--muted200);
+}
+
+.muted200_bg {
+  background-color: var(--muted200);
+}
+
+.muted300_fg {
+  color: var(--muted300);
+}
+
+.muted300_bg {
+  background-color: var(--muted300);
+}
+
+.muted400_fg {
+  color: var(--muted400);
+}
+
+.muted400_bg {
+  background-color: var(--muted400);
+}
+
+.muted500_fg {
+  color: var(--muted500);
+}
+
+.muted500_bg {
+  background-color: var(--muted500);
+}
+
+.muted600_fg {
+  color: var(--muted600);
+}
+
+.muted600_bg {
+  background-color: var(--muted600);
+}
+
+.muted700_fg {
+  color: var(--muted700);
+}
+
+.muted700_bg {
+  background-color: var(--muted700);
+}
+
+.muted800_fg {
+  color: var(--muted800);
+}
+
+.muted800_bg {
+  background-color: var(--muted800);
+}
+
+.muted900_fg {
+  color: var(--muted900);
+}
+
+.muted900_bg {
+  background-color: var(--muted900);
+}
+
+.muted_fg {
+  color: var(--muted);
+}
+
+.muted_bg {
+  background-color: var(--muted);
+}
+
+.error100_fg {
+  color: var(--error100);
+}
+
+.error100_bg {
+  background-color: var(--error100);
+}
+
+.error200_fg {
+  color: var(--error200);
+}
+
+.error200_bg {
+  background-color: var(--error200);
+}
+
+.error300_fg {
+  color: var(--error300);
+}
+
+.error300_bg {
+  background-color: var(--error300);
+}
+
+.error400_fg {
+  color: var(--error400);
+}
+
+.error400_bg {
+  background-color: var(--error400);
+}
+
+.error500_fg {
+  color: var(--error500);
+}
+
+.error500_bg {
+  background-color: var(--error500);
+}
+
+.error600_fg {
+  color: var(--error600);
+}
+
+.error600_bg {
+  background-color: var(--error600);
+}
+
+.error700_fg {
+  color: var(--error700);
+}
+
+.error700_bg {
+  background-color: var(--error700);
+}
+
+.error800_fg {
+  color: var(--error800);
+}
+
+.error800_bg {
+  background-color: var(--error800);
+}
+
+.error900_fg {
+  color: var(--error900);
+}
+
+.error900_bg {
+  background-color: var(--error900);
+}
+
+.error_fg {
+  color: var(--error);
+}
+
+.error_bg {
+  background-color: var(--error);
+}
+
+.success100_fg {
+  color: var(--success100);
+}
+
+.success100_bg {
+  background-color: var(--success100);
+}
+
+.success200_fg {
+  color: var(--success200);
+}
+
+.success200_bg {
+  background-color: var(--success200);
+}
+
+.success300_fg {
+  color: var(--success300);
+}
+
+.success300_bg {
+  background-color: var(--success300);
+}
+
+.success400_fg {
+  color: var(--success400);
+}
+
+.success400_bg {
+  background-color: var(--success400);
+}
+
+.success500_fg {
+  color: var(--success500);
+}
+
+.success500_bg {
+  background-color: var(--success500);
+}
+
+.success600_fg {
+  color: var(--success600);
+}
+
+.success600_bg {
+  background-color: var(--success600);
+}
+
+.success700_fg {
+  color: var(--success700);
+}
+
+.success700_bg {
+  background-color: var(--success700);
+}
+
+.success800_fg {
+  color: var(--success800);
+}
+
+.success800_bg {
+  background-color: var(--success800);
+}
+
+.success900_fg {
+  color: var(--success900);
+}
+
+.success900_bg {
+  background-color: var(--success900);
+}
+
+.success_fg {
+  color: var(--success);
+}
+
+.success_bg {
+  background-color: var(--success);
+}
+
+.primary-dark100_fg {
+  color: var(--primary-dark100);
+}
+
+.primary-dark100_bg {
+  background-color: var(--primary-dark100);
+}
+
+.primary-dark200_fg {
+  color: var(--primary-dark200);
+}
+
+.primary-dark200_bg {
+  background-color: var(--primary-dark200);
+}
+
+.primary-dark300_fg {
+  color: var(--primary-dark300);
+}
+
+.primary-dark300_bg {
+  background-color: var(--primary-dark300);
+}
+
+.primary-dark400_fg {
+  color: var(--primary-dark400);
+}
+
+.primary-dark400_bg {
+  background-color: var(--primary-dark400);
+}
+
+.primary-dark500_fg {
+  color: var(--primary-dark500);
+}
+
+.primary-dark500_bg {
+  background-color: var(--primary-dark500);
+}
+
+.primary-dark600_fg {
+  color: var(--primary-dark600);
+}
+
+.primary-dark600_bg {
+  background-color: var(--primary-dark600);
+}
+
+.primary-dark700_fg {
+  color: var(--primary-dark700);
+}
+
+.primary-dark700_bg {
+  background-color: var(--primary-dark700);
+}
+
+.primary-dark800_fg {
+  color: var(--primary-dark800);
+}
+
+.primary-dark800_bg {
+  background-color: var(--primary-dark800);
+}
+
+.primary-dark900_fg {
+  color: var(--primary-dark900);
+}
+
+.primary-dark900_bg {
+  background-color: var(--primary-dark900);
+}
+
+.primary-dark_fg {
+  color: var(--primary-dark);
+}
+
+.primary-dark_bg {
+  background-color: var(--primary-dark);
+}
+
+.secondary-dark100_fg {
+  color: var(--secondary-dark100);
+}
+
+.secondary-dark100_bg {
+  background-color: var(--secondary-dark100);
+}
+
+.secondary-dark200_fg {
+  color: var(--secondary-dark200);
+}
+
+.secondary-dark200_bg {
+  background-color: var(--secondary-dark200);
+}
+
+.secondary-dark300_fg {
+  color: var(--secondary-dark300);
+}
+
+.secondary-dark300_bg {
+  background-color: var(--secondary-dark300);
+}
+
+.secondary-dark400_fg {
+  color: var(--secondary-dark400);
+}
+
+.secondary-dark400_bg {
+  background-color: var(--secondary-dark400);
+}
+
+.secondary-dark500_fg {
+  color: var(--secondary-dark500);
+}
+
+.secondary-dark500_bg {
+  background-color: var(--secondary-dark500);
+}
+
+.secondary-dark600_fg {
+  color: var(--secondary-dark600);
+}
+
+.secondary-dark600_bg {
+  background-color: var(--secondary-dark600);
+}
+
+.secondary-dark700_fg {
+  color: var(--secondary-dark700);
+}
+
+.secondary-dark700_bg {
+  background-color: var(--secondary-dark700);
+}
+
+.secondary-dark800_fg {
+  color: var(--secondary-dark800);
+}
+
+.secondary-dark800_bg {
+  background-color: var(--secondary-dark800);
+}
+
+.secondary-dark900_fg {
+  color: var(--secondary-dark900);
+}
+
+.secondary-dark900_bg {
+  background-color: var(--secondary-dark900);
+}
+
+.secondary-dark_fg {
+  color: var(--secondary-dark);
+}
+
+.secondary-dark_bg {
+  background-color: var(--secondary-dark);
+}
+
+.muted-dark100_fg {
+  color: var(--muted-dark100);
+}
+
+.muted-dark100_bg {
+  background-color: var(--muted-dark100);
+}
+
+.muted-dark200_fg {
+  color: var(--muted-dark200);
+}
+
+.muted-dark200_bg {
+  background-color: var(--muted-dark200);
+}
+
+.muted-dark300_fg {
+  color: var(--muted-dark300);
+}
+
+.muted-dark300_bg {
+  background-color: var(--muted-dark300);
+}
+
+.muted-dark400_fg {
+  color: var(--muted-dark400);
+}
+
+.muted-dark400_bg {
+  background-color: var(--muted-dark400);
+}
+
+.muted-dark500_fg {
+  color: var(--muted-dark500);
+}
+
+.muted-dark500_bg {
+  background-color: var(--muted-dark500);
+}
+
+.muted-dark600_fg {
+  color: var(--muted-dark600);
+}
+
+.muted-dark600_bg {
+  background-color: var(--muted-dark600);
+}
+
+.muted-dark700_fg {
+  color: var(--muted-dark700);
+}
+
+.muted-dark700_bg {
+  background-color: var(--muted-dark700);
+}
+
+.muted-dark800_fg {
+  color: var(--muted-dark800);
+}
+
+.muted-dark800_bg {
+  background-color: var(--muted-dark800);
+}
+
+.muted-dark900_fg {
+  color: var(--muted-dark900);
+}
+
+.muted-dark900_bg {
+  background-color: var(--muted-dark900);
+}
+
+.muted-dark_fg {
+  color: var(--muted-dark);
+}
+
+.muted-dark_bg {
+  background-color: var(--muted-dark);
+}
+
+.background-dark50_fg {
+  color: var(--background-dark50);
+}
+
+.background-dark50_bg {
+  background-color: var(--background-dark50);
+}
+
+.background-dark100_fg {
+  color: var(--background-dark100);
+}
+
+.background-dark100_bg {
+  background-color: var(--background-dark100);
+}
+
+.background-dark200_fg {
+  color: var(--background-dark200);
+}
+
+.background-dark200_bg {
+  background-color: var(--background-dark200);
+}
+
+.background-dark300_fg {
+  color: var(--background-dark300);
+}
+
+.background-dark300_bg {
+  background-color: var(--background-dark300);
+}
+
+.background-dark400_fg {
+  color: var(--background-dark400);
+}
+
+.background-dark400_bg {
+  background-color: var(--background-dark400);
+}
+
+.background-dark500_fg {
+  color: var(--background-dark500);
+}
+
+.background-dark500_bg {
+  background-color: var(--background-dark500);
+}
+
+.background-dark600_fg {
+  color: var(--background-dark600);
+}
+
+.background-dark600_bg {
+  background-color: var(--background-dark600);
+}
+
+.background-dark700_fg {
+  color: var(--background-dark700);
+}
+
+.background-dark700_bg {
+  background-color: var(--background-dark700);
+}
+
+.background-dark800_fg {
+  color: var(--background-dark800);
+}
+
+.background-dark800_bg {
+  background-color: var(--background-dark800);
+}
+
+.background-dark900_fg {
+  color: var(--background-dark900);
+}
+
+.background-dark900_bg {
+  background-color: var(--background-dark900);
+}
+
+.background-dark_fg {
+  color: var(--background-dark);
+}
+
+.background-dark_bg {
+  background-color: var(--background-dark);
+}
+
+.grey400_fg {
+  color: var(--grey400);
+}
+
+.grey400_bg {
+  background-color: var(--grey400);
+}
+
+.grey_fg {
+  color: var(--grey);
+}
+
+.grey_bg {
+  background-color: var(--grey);
+}
+
+.white_fg {
+  color: var(--white);
+}
+
+.white_bg {
+  background-color: var(--white);
+}
+
+.black_fg {
+  color: var(--black);
+}
+
+.black_bg {
+  background-color: var(--black);
+}
+
+.background_fg {
+  color: var(--background);
+}
+
+.background_bg {
+  background-color: var(--background);
+}
+
+.light_fg {
+  color: var(--light);
+}
+
+.light_bg {
+  background-color: var(--light);
+}
+
+.text-dark_fg {
+  color: var(--text-dark);
+}
+
+.text-dark_bg {
+  background-color: var(--text-dark);
+}
+
+.yellow_fg {
+  color: var(--yellow);
+}
+
+.yellow_bg {
+  background-color: var(--yellow);
+}
+
+.orange_fg {
+  color: var(--orange);
+}
+
+.orange_bg {
+  background-color: var(--orange);
+}
+
+.cba-black_fg {
+  color: var(--cba-black);
+}
+
+.cba-black_bg {
+  background-color: var(--cba-black);
+}
+
+.x15-pink_fg {
+  color: var(--x15-pink);
+}
+
+.x15-pink_bg {
+  background-color: var(--x15-pink);
+}
+
+.x15-green_fg {
+  color: var(--x15-green);
+}
+
+.x15-green_bg {
+  background-color: var(--x15-green);
+}
+
+.blue-zodiac_fg {
+  color: var(--blue-zodiac);
+}
+
+.blue-zodiac_bg {
+  background-color: var(--blue-zodiac);
+}
+
+.green_fg {
+  color: var(--green);
+}
+
+.green_bg {
+  background-color: var(--green);
+}
+
+.transparent_fg {
+  color: var(--transparent);
+}
+
+.transparent_bg {
+  background-color: var(--transparent);
+}
+
+.white_fg {
+  color: var(--white);
+}
+
+.white_bg {
+  background-color: var(--white);
+}
+
+.white-10_fg {
+  color: var(--white-10);
+}
+
+.white-10_bg {
+  background-color: var(--white-10);
+}
+
+.white-20_fg {
+  color: var(--white-20);
+}
+
+.white-20_bg {
+  background-color: var(--white-20);
+}
+
+.white-30_fg {
+  color: var(--white-30);
+}
+
+.white-30_bg {
+  background-color: var(--white-30);
+}
+
+.white-40_fg {
+  color: var(--white-40);
+}
+
+.white-40_bg {
+  background-color: var(--white-40);
+}
+
+.white-50_fg {
+  color: var(--white-50);
+}
+
+.white-50_bg {
+  background-color: var(--white-50);
+}
+
+.white-60_fg {
+  color: var(--white-60);
+}
+
+.white-60_bg {
+  background-color: var(--white-60);
+}
+
+.white-70_fg {
+  color: var(--white-70);
+}
+
+.white-70_bg {
+  background-color: var(--white-70);
+}
+
+.white-80_fg {
+  color: var(--white-80);
+}
+
+.white-80_bg {
+  background-color: var(--white-80);
+}
+
+.white-90_fg {
+  color: var(--white-90);
+}
+
+.white-90_bg {
+  background-color: var(--white-90);
+}
+
+.black_fg {
+  color: var(--black);
+}
+
+.black_bg {
+  background-color: var(--black);
+}
+
+.black-10_fg {
+  color: var(--black-10);
+}
+
+.black-10_bg {
+  background-color: var(--black-10);
+}
+
+.black-20_fg {
+  color: var(--black-20);
+}
+
+.black-20_bg {
+  background-color: var(--black-20);
+}
+
+.black-30_fg {
+  color: var(--black-30);
+}
+
+.black-30_bg {
+  background-color: var(--black-30);
+}
+
+.black-40_fg {
+  color: var(--black-40);
+}
+
+.black-40_bg {
+  background-color: var(--black-40);
+}
+
+.black-50_fg {
+  color: var(--black-50);
+}
+
+.black-50_bg {
+  background-color: var(--black-50);
+}
+
+.black-60_fg {
+  color: var(--black-60);
+}
+
+.black-60_bg {
+  background-color: var(--black-60);
+}
+
+.black-70_fg {
+  color: var(--black-70);
+}
+
+.black-70_bg {
+  background-color: var(--black-70);
+}
+
+.black-80_fg {
+  color: var(--black-80);
+}
+
+.black-80_bg {
+  background-color: var(--black-80);
+}
+
+.black-90_fg {
+  color: var(--black-90);
+}
+
+.black-90_bg {
+  background-color: var(--black-90);
+}
+
+.neutral_fg {
+  color: var(--neutral);
+}
+
+.neutral_bg {
+  background-color: var(--neutral);
+}
+
+.neutral-10_fg {
+  color: var(--neutral-10);
+}
+
+.neutral-10_bg {
+  background-color: var(--neutral-10);
+}
+
+.neutral-20_fg {
+  color: var(--neutral-20);
+}
+
+.neutral-20_bg {
+  background-color: var(--neutral-20);
+}
+
+.neutral-30_fg {
+  color: var(--neutral-30);
+}
+
+.neutral-30_bg {
+  background-color: var(--neutral-30);
+}
+
+.neutral-40_fg {
+  color: var(--neutral-40);
+}
+
+.neutral-40_bg {
+  background-color: var(--neutral-40);
+}
+
+.neutral-50_fg {
+  color: var(--neutral-50);
+}
+
+.neutral-50_bg {
+  background-color: var(--neutral-50);
+}
+
+.neutral-60_fg {
+  color: var(--neutral-60);
+}
+
+.neutral-60_bg {
+  background-color: var(--neutral-60);
+}
+
+.neutral-70_fg {
+  color: var(--neutral-70);
+}
+
+.neutral-70_bg {
+  background-color: var(--neutral-70);
+}
+
+.neutral-80_fg {
+  color: var(--neutral-80);
+}
+
+.neutral-80_bg {
+  background-color: var(--neutral-80);
+}
+
+.neutral-90_fg {
+  color: var(--neutral-90);
+}
+
+.neutral-90_bg {
+  background-color: var(--neutral-90);
+}
+
+.neutral-95_fg {
+  color: var(--neutral-95);
+}
+
+.neutral-95_bg {
+  background-color: var(--neutral-95);
+}
+
+:root {
+  --primary100: rgb(205, 245, 236);
+  --primary200: rgb(155, 235, 216);
+  --primary300: rgb(106, 225, 197);
+  --primary400: rgb(56, 215, 177);
+  --primary500: rgb(6, 205, 158);
+  --primary600: rgb(5, 164, 126);
+  --primary700: rgb(4, 123, 95);
+  --primary800: rgb(2, 82, 63);
+  --primary900: rgb(1, 41, 32);
+  --primary: rgb(6, 205, 158);
+  --primary-variant100: rgb(205, 237, 236);
+  --primary-variant200: rgb(155, 219, 216);
+  --primary-variant300: rgb(106, 201, 197);
+  --primary-variant400: rgb(56, 183, 177);
+  --primary-variant500: rgb(6, 165, 158);
+  --primary-variant600: rgb(5, 132, 126);
+  --primary-variant700: rgb(4, 99, 95);
+  --primary-variant800: rgb(2, 66, 63);
+  --primary-variant900: rgb(1, 33, 32);
+  --primary-variant: rgb(6, 165, 158);
+  --secondary100: rgb(205, 207, 255);
+  --secondary200: rgb(155, 160, 255);
+  --secondary300: rgb(106, 112, 255);
+  --secondary400: rgb(56, 65, 255);
+  --secondary500: rgb(6, 17, 255);
+  --secondary600: rgb(5, 14, 204);
+  --secondary700: rgb(4, 10, 153);
+  --secondary800: rgb(2, 7, 102);
+  --secondary900: rgb(1, 3, 51);
+  --secondary: rgb(6, 17, 255);
+  --secondary-variant100: rgb(212, 234, 251);
+  --secondary-variant200: rgb(168, 212, 248);
+  --secondary-variant300: rgb(125, 191, 244);
+  --secondary-variant400: rgb(81, 169, 241);
+  --secondary-variant500: rgb(38, 148, 237);
+  --secondary-variant600: rgb(30, 118, 190);
+  --secondary-variant700: rgb(23, 89, 142);
+  --secondary-variant800: rgb(15, 59, 95);
+  --secondary-variant900: rgb(8, 30, 47);
+  --secondary-variant: rgb(38, 148, 237);
+  --text100: rgb(204, 211, 213);
+  --text200: rgb(153, 167, 170);
+  --text300: rgb(102, 122, 128);
+  --text400: rgb(51, 78, 85);
+  --text500: rgb(0, 34, 43);
+  --text600: rgb(0, 27, 34);
+  --text700: rgb(0, 20, 26);
+  --text800: rgb(0, 14, 17);
+  --text900: rgb(0, 7, 9);
+  --text: rgb(0, 34, 43);
+  --muted100: rgb(218, 225, 229);
+  --muted200: rgb(181, 196, 203);
+  --muted300: rgb(145, 166, 178);
+  --muted400: rgb(108, 137, 152);
+  --muted500: rgb(71, 107, 126);
+  --muted600: rgb(57, 86, 101);
+  --muted700: rgb(43, 64, 76);
+  --muted800: rgb(28, 43, 50);
+  --muted900: rgb(14, 21, 25);
+  --muted: rgb(71, 107, 126);
+  --error100: rgb(241, 210, 210);
+  --error200: rgb(226, 164, 164);
+  --error300: rgb(212, 119, 119);
+  --error400: rgb(197, 73, 73);
+  --error500: rgb(183, 28, 28);
+  --error600: rgb(146, 22, 22);
+  --error700: rgb(110, 17, 17);
+  --error800: rgb(73, 11, 11);
+  --error900: rgb(37, 6, 6);
+  --error: rgb(183, 28, 28);
+  --success100: rgb(223, 246, 221);
+  --success200: rgb(191, 237, 187);
+  --success300: rgb(160, 227, 152);
+  --success400: rgb(128, 218, 118);
+  --success500: rgb(96, 209, 84);
+  --success600: rgb(77, 167, 67);
+  --success700: rgb(58, 125, 50);
+  --success800: rgb(38, 84, 34);
+  --success900: rgb(19, 42, 17);
+  --success: rgb(96, 209, 84);
+  --primary-dark100: rgb(204, 229, 228);
+  --primary-dark200: rgb(153, 204, 200);
+  --primary-dark300: rgb(103, 178, 173);
+  --primary-dark400: rgb(52, 153, 145);
+  --primary-dark500: rgb(1, 127, 118);
+  --primary-dark600: rgb(1, 102, 94);
+  --primary-dark700: rgb(1, 76, 71);
+  --primary-dark800: rgb(0, 51, 47);
+  --primary-dark900: rgb(0, 25, 24);
+  --primary-dark: rgb(1, 127, 118);
+  --secondary-dark100: rgb(204, 215, 222);
+  --secondary-dark200: rgb(153, 175, 189);
+  --secondary-dark300: rgb(102, 136, 157);
+  --secondary-dark400: rgb(51, 96, 124);
+  --secondary-dark500: rgb(0, 56, 91);
+  --secondary-dark600: rgb(0, 45, 73);
+  --secondary-dark700: rgb(0, 34, 55);
+  --secondary-dark800: rgb(0, 22, 36);
+  --secondary-dark900: rgb(0, 11, 18);
+  --secondary-dark: rgb(0, 56, 91);
+  --muted-dark100: rgb(241, 241, 244);
+  --muted-dark200: rgb(227, 227, 233);
+  --muted-dark300: rgb(213, 213, 223);
+  --muted-dark400: rgb(199, 199, 212);
+  --muted-dark500: rgb(185, 185, 201);
+  --muted-dark600: rgb(148, 148, 161);
+  --muted-dark700: rgb(111, 111, 121);
+  --muted-dark800: rgb(74, 74, 80);
+  --muted-dark900: rgb(37, 37, 40);
+  --muted-dark: rgb(185, 185, 201);
+  --background-dark50: rgb(233, 233, 233);
+  --background-dark100: rgb(210, 210, 210);
+  --background-dark200: rgb(165, 165, 165);
+  --background-dark300: rgb(119, 120, 121);
+  --background-dark400: rgb(74, 75, 76);
+  --background-dark500: rgb(29, 30, 31);
+  --background-dark600: rgb(23, 24, 25);
+  --background-dark700: rgb(17, 18, 19);
+  --background-dark800: rgb(12, 12, 12);
+  --background-dark900: rgb(6, 6, 6);
+  --background-dark: rgb(29, 30, 31);
+  --grey400: rgb(189, 189, 189);
+  --grey: rgb(21, 21, 21);
+  --white: rgb(255, 255, 255);
+  --black: rgb(0, 0, 0);
+  --background: rgb(231, 238, 241);
+  --light: rgb(244, 244, 244);
+  --text-dark: rgb(255, 255, 255);
+  --yellow: rgb(255, 204, 0);
+  --orange: rgb(234, 90, 12);
+  --cba-black: rgb(35, 31, 32);
+  --x15-pink: rgb(236, 0, 140);
+  --x15-green: rgb(69, 245, 165);
+  --blue-zodiac: rgb(61, 64, 74);
+  --green: rgb(0, 128, 0);
+  --transparent: rgba(0, 0, 0, 0);
+  --white: rgb(255, 255, 255);
+  --white-10: rgb(242, 242, 242);
+  --white-20: rgb(230, 230, 230);
+  --white-30: rgb(217, 217, 217);
+  --white-40: rgb(204, 204, 204);
+  --white-50: rgb(191, 191, 191);
+  --white-60: rgb(179, 179, 179);
+  --white-70: rgb(166, 166, 166);
+  --white-80: rgb(153, 153, 153);
+  --white-90: rgb(140, 140, 140);
+  --black: rgb(0, 0, 0);
+  --black-10: rgb(13, 13, 13);
+  --black-20: rgb(26, 26, 26);
+  --black-30: rgb(38, 38, 38);
+  --black-40: rgb(51, 51, 51);
+  --black-50: rgb(64, 64, 64);
+  --black-60: rgb(77, 77, 77);
+  --black-70: rgb(89, 89, 89);
+  --black-80: rgb(102, 102, 102);
+  --black-90: rgb(115, 115, 115);
+  --neutral: rgb(168, 188, 201);
+  --neutral-10: rgb(24, 26, 27);
+  --neutral-20: rgb(36, 40, 43);
+  --neutral-30: rgb(56, 65, 71);
+  --neutral-40: rgb(81, 100, 114);
+  --neutral-50: rgb(126, 151, 167);
+  --neutral-60: rgb(194, 208, 217);
+  --neutral-70: rgb(211, 222, 228);
+  --neutral-80: rgb(229, 235, 239);
+  --neutral-90: rgb(238, 242, 244);
+  --neutral-95: rgb(246, 248, 250);
+}