@signozhq/design-tokens 1.2.0 → 2.0.0

package/dist/design-tokens.js

@@ -1,83 +1,92 @@
-const _ = {
-  BG_ROBIN_50: "#EDFFFE",
-  BG_ROBIN_100: "#DCFEFE",
-  BG_ROBIN_150: "#CADEFD",
-  BG_ROBIN_200: "#B8C7FC",
-  BG_ROBIN_300: "#95ACFB",
-  BG_ROBIN_400: "#7190F9",
-  BG_ROBIN_500: "#4E74F8",
-  BG_ROBIN_600: "#3F5ECC",
-  BG_ROBIN_700: "#2F48A0",
-  BG_ROBIN_800: "#2D3375",
-  BG_ROBIN_850: "#1E2BF1",
-  BG_ROBIN_900: "#121D49",
-  BG_ROBIN_950: "#0B1333",
-  BG_SIENNA_50: "#FFF72F",
-  BG_SIENNA_100: "#E6D9CD",
-  BG_SIENNA_150: "#DECCBC",
-  BG_SIENNA_200: "#DECCBC",
-  BG_SIENNA_300: "#CEB29B",
-  BG_SIENNA_400: "#BD9979",
-  BG_SIENNA_500: "#AD7F58",
-  BG_SIENNA_600: "#8A6646",
-  BG_SIENNA_700: "#684C35",
-  BG_SIENNA_800: "#453323",
-  BG_SIENNA_850: "#3A291A",
-  BG_SIENNA_900: "#231F12",
-  BG_SIENNA_950: "#130D09",
-  BG_CHERRY_50: "#CEDCED",
-  BG_CHERRY_100: "#FADADB",
-  BG_CHERRY_150: "#F7C8CA",
-  BG_CHERRY_200: "#F5B6B8",
-  BG_CHERRY_300: "#EF9794",
-  BG_CHERRY_400: "#EA6D71",
-  BG_CHERRY_500: "#E5484D",
-  BG_CHERRY_600: "#B83A3E",
-  BG_CHERRY_700: "#8B222F",
-  BG_CHERRY_800: "#5F1D1F",
-  BG_CHERRY_850: "#4E191B",
-  BG_CHERRY_900: "#320F10",
-  BG_CHERRY_950: "#1F0D09",
-  BG_AQUA_50: "#EDF9FE",
-  BG_AQUA_100: "#C1EEFD",
-  BG_AQUA_150: "#BDE0F0",
-  BG_AQUA_200: "#9AE4FC",
-  BG_AQUA_300: "#7BDCFF",
-  BG_AQUA_400: "#4FCDF9",
-  BG_AQUA_500: "#23C4F8",
-  BG_AQUA_600: "#1CD0C9",
-  BG_AQUA_700: "#157B95",
-  BG_AQUA_800: "#0E6E63",
-  BG_AQUA_850: "#0B3B4A",
+const u = {
+  BG_ROBIN_50: "#edf1fe",
+  BG_ROBIN_100: "#cad5fd",
+  BG_ROBIN_150: "#cad5fd",
+  BG_ROBIN_200: "#b8c7fc",
+  BG_ROBIN_300: "#95acfb",
+  BG_ROBIN_400: "#7190f9",
+  BG_ROBIN_500: "#4e74f8",
+  BG_ROBIN_600: "#3f5ecc",
+  BG_ROBIN_700: "#2f48a0",
+  BG_ROBIN_800: "#1f3274",
+  BG_ROBIN_900: "#101d49",
+  BG_ROBIN_950: "#091233",
+  BG_SIENNA_50: "#f7f2ee",
+  BG_SIENNA_100: "#e6d9cd",
+  BG_SIENNA_200: "#decbbc",
+  BG_SIENNA_300: "#ceb29b",
+  BG_SIENNA_400: "#bd9879",
+  BG_SIENNA_500: "#ad7f58",
+  BG_SIENNA_600: "#8a6546",
+  BG_SIENNA_700: "#684c35",
+  BG_SIENNA_800: "#453223",
+  BG_SIENNA_850: "#34261a",
+  BG_SIENNA_900: "#231912",
+  BG_SIENNA_950: "#110d09",
+  BG_CHERRY_50: "#fceded",
+  BG_CHERRY_100: "#fadadb",
+  BG_CHERRY_200: "#f7c8ca",
+  BG_CHERRY_300: "#f5b6b8",
+  BG_CHERRY_400: "#ea6d71",
+  BG_CHERRY_500: "#e5484d",
+  BG_CHERRY_600: "#b83a3e",
+  BG_CHERRY_700: "#8b2c2f",
+  BG_CHERRY_800: "#5e1d1f",
+  BG_CHERRY_850: "#481618",
+  BG_CHERRY_900: "#320f10",
+  BG_CHERRY_950: "#1b0809",
+  BG_AQUA_50: "#e9f9fe",
+  BG_AQUA_100: "#c1eefd",
+  BG_AQUA_200: "#9ae4fc",
+  BG_AQUA_300: "#72d9fb",
+  BG_AQUA_400: "#4bcff9",
+  BG_AQUA_500: "#23c4f8",
+  BG_AQUA_600: "#07afe6",
+  BG_AQUA_700: "#157594",
+  BG_AQUA_800: "#0e4e63",
+  BG_AQUA_850: "#0b3b4a",
   BG_AQUA_900: "#072732",
-  BG_AQUA_950: "#041A1D",
-  BG_SAKURA_50: "#FEECF0",
-  BG_SAKURA_100: "#FCDA41",
-  BG_SAKURA_150: "#FBC8D2",
-  BG_SAKURA_200: "#FAB5C3",
-  BG_SAKURA_300: "#F791A5",
-  BG_SAKURA_400: "#F56C87",
-  BG_SAKURA_500: "#F24769",
-  BG_SAKURA_600: "#C53955",
-  BG_SAKURA_700: "#962B41",
-  BG_SAKURA_800: "#6A1D2C",
-  BG_SAKURA_850: "#5A1822",
-  BG_SAKURA_900: "#3D0F18",
-  BG_SAKURA_950: "#27080E",
-  BG_AMBER_50: "#FFFAEE",
-  BG_AMBER_100: "#FFF5DD",
-  BG_AMBER_150: "#FFF0CC",
-  BG_AMBER_200: "#FFEBBB",
-  BG_AMBER_300: "#FFE19A",
-  BG_AMBER_400: "#FFD778",
-  BG_AMBER_500: "#FFCD56",
-  BG_AMBER_600: "#D5AA45",
-  BG_AMBER_700: "#A88B3A",
+  BG_AQUA_950: "#041419",
+  BG_SAKURA_50: "#feedf0",
+  BG_SAKURA_100: "#fbc8d2",
+  BG_SAKURA_150: "#fbc8d2",
+  BG_SAKURA_200: "#fab5c3",
+  BG_SAKURA_300: "#f791a5",
+  BG_SAKURA_400: "#f56c87",
+  BG_SAKURA_500: "#f24769",
+  BG_SAKURA_600: "#c53955",
+  BG_SAKURA_700: "#982b41",
+  BG_SAKURA_800: "#6a1d2c",
+  BG_SAKURA_850: "#531622",
+  BG_SAKURA_900: "#3d0f18",
+  BG_SAKURA_950: "#26080e",
+  BG_AMBER_50: "#fffaee",
+  BG_AMBER_100: "#fff0cc",
+  BG_AMBER_150: "#fff0cc",
+  BG_AMBER_200: "#ffebbb",
+  BG_AMBER_300: "#ffe19a",
+  BG_AMBER_400: "#ffd778",
+  BG_AMBER_500: "#ffcc56",
+  BG_AMBER_600: "#d5aa45",
+  BG_AMBER_700: "#ab8834",
   BG_AMBER_800: "#816522",
-  BG_AMBER_850: "#6C5A1A",
+  BG_AMBER_850: "#6c5319",
   BG_AMBER_900: "#574311",
-  BG_AMBER_950: "#4A3109",
-  BG_AMBER_1000: "#2D200D",
+  BG_AMBER_950: "#423109",
+  BG_AMBER_1000: "#2d2000",
+  BG_FOREST_50: "#e9fcf4",
+  BG_FOREST_100: "#d3f9e9",
+  BG_FOREST_150: "#bef6de",
+  BG_FOREST_200: "#a8f3d3",
+  BG_FOREST_300: "#7cedbd",
+  BG_FOREST_400: "#50e7a7",
+  BG_FOREST_500: "#25e192",
+  BG_FOREST_600: "#1eb475",
+  BG_FOREST_700: "#168757",
+  BG_FOREST_800: "#0f5a3a",
+  BG_FOREST_850: "#0b442c",
+  BG_FOREST_900: "#072d1d",
+  BG_FOREST_950: "#04170f",
   BG_INK_100: "#2A2E37",
   BG_INK_200: "#23262E",
   BG_INK_300: "#16181D",
@@ -93,104 +102,127 @@ const _ = {
   BG_SLATE_300: "#242834",
   BG_SLATE_400: "#1D212D",
   BG_SLATE_500: "#161922",
+  BG_NEUTRALDARK_50: "#eceef2",
+  BG_NEUTRALDARK_100: "#adb4c2",
+  BG_NEUTRALDARK_200: "#747b8b",
+  BG_NEUTRALDARK_300: "#676e7d",
+  BG_NEUTRALDARK_400: "#5a6070",
+  BG_NEUTRALDARK_500: "#414755",
+  BG_NEUTRALDARK_600: "#343945",
+  BG_NEUTRALDARK_700: "#2c303a",
+  BG_NEUTRALDARK_800: "#23262e",
+  BG_NEUTRALDARK_900: "#16181d",
+  BG_NEUTRALDARK_950: "#121317",
+  BG_NEUTRALDARK_1000: "#0a0c10",
+  BG_NEUTRALLIGHT_50: "#1e1f24",
+  BG_NEUTRALLIGHT_100: "#62636c",
+  BG_NEUTRALLIGHT_200: "#80828d",
+  BG_NEUTRALLIGHT_300: "#8b8d98",
+  BG_NEUTRALLIGHT_400: "#b9bbc6",
+  BG_NEUTRALLIGHT_500: "#cdced7",
+  BG_NEUTRALLIGHT_600: "#d8d9e0",
+  BG_NEUTRALLIGHT_700: "#e0e1e6",
+  BG_NEUTRALLIGHT_800: "#e7e8ec",
+  BG_NEUTRALLIGHT_900: "#eff0f3",
+  BG_NEUTRALLIGHT_950: "#f9f9fb",
+  BG_NEUTRALLIGHT_1000: "#fcfcfd",
+  BG_BASE_BLACK: "#000000",
+  BG_BASE_WHITE: "#ffffff",
   BG_GRADIENT_CORAL: "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
   "BG_GRADIENT_DARK-SHADOW": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
+  BG_GRADIENT_STYX: "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
   BG_GRADIENT_DAWN: "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
   BG_GRADIENT_OCEAN: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
   BG_GRADIENT_SPLASH: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
   BG_GRADIENT_FLAMINGO: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
-  BG_FOREST_50: "#EBCFCF",
-  BG_FOREST_100: "#BDF9ED",
-  BG_FOREST_150: "#BBEFD6",
-  BG_FOREST_200: "#A8F3D3",
-  BG_FOREST_300: "#7CEDBE",
-  BG_FOREST_400: "#51E7A8",
-  BG_FOREST_500: "#25E192",
-  BG_FOREST_600: "#1EB475",
-  BG_FOREST_700: "#188759",
-  BG_FOREST_800: "#0F5A34",
-  BG_FOREST_850: "#0B442C",
-  BG_FOREST_900: "#072D1D",
-  BG_FOREST_950: "#041F0F",
-  TEXT_ROBIN_50: "#EDFFFE",
-  TEXT_ROBIN_100: "#DCFEFE",
-  TEXT_ROBIN_150: "#CADEFD",
-  TEXT_ROBIN_200: "#B8C7FC",
-  TEXT_ROBIN_300: "#95ACFB",
-  TEXT_ROBIN_400: "#7190F9",
-  TEXT_ROBIN_500: "#4E74F8",
-  TEXT_ROBIN_600: "#3F5ECC",
-  TEXT_ROBIN_700: "#2F48A0",
-  TEXT_ROBIN_800: "#2D3375",
-  TEXT_ROBIN_850: "#1E2BF1",
-  TEXT_ROBIN_900: "#121D49",
-  TEXT_ROBIN_950: "#0B1333",
-  TEXT_SIENNA_50: "#FFF72F",
-  TEXT_SIENNA_100: "#E6D9CD",
-  TEXT_SIENNA_150: "#DECCBC",
-  TEXT_SIENNA_200: "#DECCBC",
-  TEXT_SIENNA_300: "#CEB29B",
-  TEXT_SIENNA_400: "#BD9979",
-  TEXT_SIENNA_500: "#AD7F58",
-  TEXT_SIENNA_600: "#8A6646",
-  TEXT_SIENNA_700: "#684C35",
-  TEXT_SIENNA_800: "#453323",
-  TEXT_SIENNA_850: "#3A291A",
-  TEXT_SIENNA_900: "#231F12",
-  TEXT_SIENNA_950: "#130D09",
-  TEXT_CHERRY_50: "#CEDCED",
-  TEXT_CHERRY_100: "#FADADB",
-  TEXT_CHERRY_150: "#F7C8CA",
-  TEXT_CHERRY_200: "#F5B6B8",
-  TEXT_CHERRY_300: "#EF9794",
-  TEXT_CHERRY_400: "#EA6D71",
-  TEXT_CHERRY_500: "#E5484D",
-  TEXT_CHERRY_600: "#B83A3E",
-  TEXT_CHERRY_700: "#8B222F",
-  TEXT_CHERRY_800: "#5F1D1F",
-  TEXT_CHERRY_850: "#4E191B",
-  TEXT_CHERRY_900: "#320F10",
-  TEXT_CHERRY_950: "#1F0D09",
-  TEXT_AQUA_50: "#EDF9FE",
-  TEXT_AQUA_100: "#C1EEFD",
-  TEXT_AQUA_150: "#BDE0F0",
-  TEXT_AQUA_200: "#9AE4FC",
-  TEXT_AQUA_300: "#7BDCFF",
-  TEXT_AQUA_400: "#4FCDF9",
-  TEXT_AQUA_500: "#23C4F8",
-  TEXT_AQUA_600: "#1CD0C9",
-  TEXT_AQUA_700: "#157B95",
-  TEXT_AQUA_800: "#0E6E63",
-  TEXT_AQUA_850: "#0B3B4A",
+  TEXT_ROBIN_50: "#edf1fe",
+  TEXT_ROBIN_100: "#cad5fd",
+  TEXT_ROBIN_150: "#cad5fd",
+  TEXT_ROBIN_200: "#b8c7fc",
+  TEXT_ROBIN_300: "#95acfb",
+  TEXT_ROBIN_400: "#7190f9",
+  TEXT_ROBIN_500: "#4e74f8",
+  TEXT_ROBIN_600: "#3f5ecc",
+  TEXT_ROBIN_700: "#2f48a0",
+  TEXT_ROBIN_800: "#1f3274",
+  TEXT_ROBIN_900: "#101d49",
+  TEXT_ROBIN_950: "#091233",
+  TEXT_SIENNA_50: "#f7f2ee",
+  TEXT_SIENNA_100: "#e6d9cd",
+  TEXT_SIENNA_200: "#decbbc",
+  TEXT_SIENNA_300: "#ceb29b",
+  TEXT_SIENNA_400: "#bd9879",
+  TEXT_SIENNA_500: "#ad7f58",
+  TEXT_SIENNA_600: "#8a6546",
+  TEXT_SIENNA_700: "#684c35",
+  TEXT_SIENNA_800: "#453223",
+  TEXT_SIENNA_850: "#34261a",
+  TEXT_SIENNA_900: "#231912",
+  TEXT_SIENNA_950: "#110d09",
+  TEXT_CHERRY_50: "#fceded",
+  TEXT_CHERRY_100: "#fadadb",
+  TEXT_CHERRY_200: "#f7c8ca",
+  TEXT_CHERRY_300: "#f5b6b8",
+  TEXT_CHERRY_400: "#ea6d71",
+  TEXT_CHERRY_500: "#e5484d",
+  TEXT_CHERRY_600: "#b83a3e",
+  TEXT_CHERRY_700: "#8b2c2f",
+  TEXT_CHERRY_800: "#5e1d1f",
+  TEXT_CHERRY_850: "#481618",
+  TEXT_CHERRY_900: "#320f10",
+  TEXT_CHERRY_950: "#1b0809",
+  TEXT_AQUA_50: "#e9f9fe",
+  TEXT_AQUA_100: "#c1eefd",
+  TEXT_AQUA_200: "#9ae4fc",
+  TEXT_AQUA_300: "#72d9fb",
+  TEXT_AQUA_400: "#4bcff9",
+  TEXT_AQUA_500: "#23c4f8",
+  TEXT_AQUA_600: "#07afe6",
+  TEXT_AQUA_700: "#157594",
+  TEXT_AQUA_800: "#0e4e63",
+  TEXT_AQUA_850: "#0b3b4a",
   TEXT_AQUA_900: "#072732",
-  TEXT_AQUA_950: "#041A1D",
-  TEXT_SAKURA_50: "#FEECF0",
-  TEXT_SAKURA_100: "#FCDA41",
-  TEXT_SAKURA_150: "#FBC8D2",
-  TEXT_SAKURA_200: "#FAB5C3",
-  TEXT_SAKURA_300: "#F791A5",
-  TEXT_SAKURA_400: "#F56C87",
-  TEXT_SAKURA_500: "#F24769",
-  TEXT_SAKURA_600: "#C53955",
-  TEXT_SAKURA_700: "#962B41",
-  TEXT_SAKURA_800: "#6A1D2C",
-  TEXT_SAKURA_850: "#5A1822",
-  TEXT_SAKURA_900: "#3D0F18",
-  TEXT_SAKURA_950: "#27080E",
-  TEXT_AMBER_50: "#FFFAEE",
-  TEXT_AMBER_100: "#FFF5DD",
-  TEXT_AMBER_150: "#FFF0CC",
-  TEXT_AMBER_200: "#FFEBBB",
-  TEXT_AMBER_300: "#FFE19A",
-  TEXT_AMBER_400: "#FFD778",
-  TEXT_AMBER_500: "#FFCD56",
-  TEXT_AMBER_600: "#D5AA45",
-  TEXT_AMBER_700: "#A88B3A",
+  TEXT_AQUA_950: "#041419",
+  TEXT_SAKURA_50: "#feedf0",
+  TEXT_SAKURA_100: "#fbc8d2",
+  TEXT_SAKURA_150: "#fbc8d2",
+  TEXT_SAKURA_200: "#fab5c3",
+  TEXT_SAKURA_300: "#f791a5",
+  TEXT_SAKURA_400: "#f56c87",
+  TEXT_SAKURA_500: "#f24769",
+  TEXT_SAKURA_600: "#c53955",
+  TEXT_SAKURA_700: "#982b41",
+  TEXT_SAKURA_800: "#6a1d2c",
+  TEXT_SAKURA_850: "#531622",
+  TEXT_SAKURA_900: "#3d0f18",
+  TEXT_SAKURA_950: "#26080e",
+  TEXT_AMBER_50: "#fffaee",
+  TEXT_AMBER_100: "#fff0cc",
+  TEXT_AMBER_150: "#fff0cc",
+  TEXT_AMBER_200: "#ffebbb",
+  TEXT_AMBER_300: "#ffe19a",
+  TEXT_AMBER_400: "#ffd778",
+  TEXT_AMBER_500: "#ffcc56",
+  TEXT_AMBER_600: "#d5aa45",
+  TEXT_AMBER_700: "#ab8834",
   TEXT_AMBER_800: "#816522",
-  TEXT_AMBER_850: "#6C5A1A",
+  TEXT_AMBER_850: "#6c5319",
   TEXT_AMBER_900: "#574311",
-  TEXT_AMBER_950: "#4A3109",
-  TEXT_AMBER_1000: "#2D200D",
+  TEXT_AMBER_950: "#423109",
+  TEXT_AMBER_1000: "#2d2000",
+  TEXT_FOREST_50: "#e9fcf4",
+  TEXT_FOREST_100: "#d3f9e9",
+  TEXT_FOREST_150: "#bef6de",
+  TEXT_FOREST_200: "#a8f3d3",
+  TEXT_FOREST_300: "#7cedbd",
+  TEXT_FOREST_400: "#50e7a7",
+  TEXT_FOREST_500: "#25e192",
+  TEXT_FOREST_600: "#1eb475",
+  TEXT_FOREST_700: "#168757",
+  TEXT_FOREST_800: "#0f5a3a",
+  TEXT_FOREST_850: "#0b442c",
+  TEXT_FOREST_900: "#072d1d",
+  TEXT_FOREST_950: "#04170f",
   TEXT_INK_100: "#2A2E37",
   TEXT_INK_200: "#23262E",
   TEXT_INK_300: "#16181D",
@@ -200,109 +232,134 @@ const _ = {
   TEXT_VANILLA_200: "#F5F5F5",
   TEXT_VANILLA_300: "#E9E9E9",
   TEXT_VANILLA_400: "#C0C1C3",
+  TEXT_SLATE_50: "#62687C",
+  TEXT_SLATE_100: "#3C4152",
   TEXT_SLATE_200: "#2C3140",
   TEXT_SLATE_300: "#242834",
   TEXT_SLATE_400: "#1D212D",
   TEXT_SLATE_500: "#161922",
+  TEXT_NEUTRALDARK_50: "#eceef2",
+  TEXT_NEUTRALDARK_100: "#adb4c2",
+  TEXT_NEUTRALDARK_200: "#747b8b",
+  TEXT_NEUTRALDARK_300: "#676e7d",
+  TEXT_NEUTRALDARK_400: "#5a6070",
+  TEXT_NEUTRALDARK_500: "#414755",
+  TEXT_NEUTRALDARK_600: "#343945",
+  TEXT_NEUTRALDARK_700: "#2c303a",
+  TEXT_NEUTRALDARK_800: "#23262e",
+  TEXT_NEUTRALDARK_900: "#16181d",
+  TEXT_NEUTRALDARK_950: "#121317",
+  TEXT_NEUTRALDARK_1000: "#0a0c10",
+  TEXT_NEUTRALLIGHT_50: "#1e1f24",
+  TEXT_NEUTRALLIGHT_100: "#62636c",
+  TEXT_NEUTRALLIGHT_200: "#80828d",
+  TEXT_NEUTRALLIGHT_300: "#8b8d98",
+  TEXT_NEUTRALLIGHT_400: "#b9bbc6",
+  TEXT_NEUTRALLIGHT_500: "#cdced7",
+  TEXT_NEUTRALLIGHT_600: "#d8d9e0",
+  TEXT_NEUTRALLIGHT_700: "#e0e1e6",
+  TEXT_NEUTRALLIGHT_800: "#e7e8ec",
+  TEXT_NEUTRALLIGHT_900: "#eff0f3",
+  TEXT_NEUTRALLIGHT_950: "#f9f9fb",
+  TEXT_NEUTRALLIGHT_1000: "#fcfcfd",
+  TEXT_BASE_BLACK: "#000000",
+  TEXT_BASE_WHITE: "#ffffff",
   TEXT_GRADIENT_CORAL: "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
   "TEXT_GRADIENT_DARK-SHADOW": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
+  TEXT_GRADIENT_STYX: "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
   TEXT_GRADIENT_DAWN: "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
   TEXT_GRADIENT_OCEAN: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
   TEXT_GRADIENT_SPLASH: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
-  TEXT_GRADIENT_FLAMINGO: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
-  TEXT_FOREST_50: "#EBCFCF",
-  TEXT_FOREST_100: "#BDF9ED",
-  TEXT_FOREST_150: "#BBEFD6",
-  TEXT_FOREST_200: "#A8F3D3",
-  TEXT_FOREST_300: "#7CEDBE",
-  TEXT_FOREST_400: "#51E7A8",
-  TEXT_FOREST_500: "#25E192",
-  TEXT_FOREST_600: "#1EB475",
-  TEXT_FOREST_700: "#188759",
-  TEXT_FOREST_800: "#0F5A34",
-  TEXT_FOREST_850: "#0B442C",
-  TEXT_FOREST_900: "#072D1D",
-  TEXT_FOREST_950: "#041F0F"
-}, F = {
-  "robin-50": "#EDFFFE",
-  "robin-100": "#DCFEFE",
-  "robin-150": "#CADEFD",
-  "robin-200": "#B8C7FC",
-  "robin-300": "#95ACFB",
-  "robin-400": "#7190F9",
-  "robin-500": "#4E74F8",
-  "robin-600": "#3F5ECC",
-  "robin-700": "#2F48A0",
-  "robin-800": "#2D3375",
-  "robin-850": "#1E2BF1",
-  "robin-900": "#121D49",
-  "robin-950": "#0B1333",
-  "sienna-50": "#FFF72F",
-  "sienna-100": "#E6D9CD",
-  "sienna-150": "#DECCBC",
-  "sienna-200": "#DECCBC",
-  "sienna-300": "#CEB29B",
-  "sienna-400": "#BD9979",
-  "sienna-500": "#AD7F58",
-  "sienna-600": "#8A6646",
-  "sienna-700": "#684C35",
-  "sienna-800": "#453323",
-  "sienna-850": "#3A291A",
-  "sienna-900": "#231F12",
-  "sienna-950": "#130D09",
-  "cherry-50": "#CEDCED",
-  "cherry-100": "#FADADB",
-  "cherry-150": "#F7C8CA",
-  "cherry-200": "#F5B6B8",
-  "cherry-300": "#EF9794",
-  "cherry-400": "#EA6D71",
-  "cherry-500": "#E5484D",
-  "cherry-600": "#B83A3E",
-  "cherry-700": "#8B222F",
-  "cherry-800": "#5F1D1F",
-  "cherry-850": "#4E191B",
-  "cherry-900": "#320F10",
-  "cherry-950": "#1F0D09",
-  "aqua-50": "#EDF9FE",
-  "aqua-100": "#C1EEFD",
-  "aqua-150": "#BDE0F0",
-  "aqua-200": "#9AE4FC",
-  "aqua-300": "#7BDCFF",
-  "aqua-400": "#4FCDF9",
-  "aqua-500": "#23C4F8",
-  "aqua-600": "#1CD0C9",
-  "aqua-700": "#157B95",
-  "aqua-800": "#0E6E63",
-  "aqua-850": "#0B3B4A",
+  TEXT_GRADIENT_FLAMINGO: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
+}, f = {
+  "robin-50": "#edf1fe",
+  "robin-100": "#cad5fd",
+  "robin-150": "#cad5fd",
+  "robin-200": "#b8c7fc",
+  "robin-300": "#95acfb",
+  "robin-400": "#7190f9",
+  "robin-500": "#4e74f8",
+  "robin-600": "#3f5ecc",
+  "robin-700": "#2f48a0",
+  "robin-800": "#1f3274",
+  "robin-900": "#101d49",
+  "robin-950": "#091233",
+  "sienna-50": "#f7f2ee",
+  "sienna-100": "#e6d9cd",
+  "sienna-200": "#decbbc",
+  "sienna-300": "#ceb29b",
+  "sienna-400": "#bd9879",
+  "sienna-500": "#ad7f58",
+  "sienna-600": "#8a6546",
+  "sienna-700": "#684c35",
+  "sienna-800": "#453223",
+  "sienna-850": "#34261a",
+  "sienna-900": "#231912",
+  "sienna-950": "#110d09",
+  "cherry-50": "#fceded",
+  "cherry-100": "#fadadb",
+  "cherry-200": "#f7c8ca",
+  "cherry-300": "#f5b6b8",
+  "cherry-400": "#ea6d71",
+  "cherry-500": "#e5484d",
+  "cherry-600": "#b83a3e",
+  "cherry-700": "#8b2c2f",
+  "cherry-800": "#5e1d1f",
+  "cherry-850": "#481618",
+  "cherry-900": "#320f10",
+  "cherry-950": "#1b0809",
+  "aqua-50": "#e9f9fe",
+  "aqua-100": "#c1eefd",
+  "aqua-200": "#9ae4fc",
+  "aqua-300": "#72d9fb",
+  "aqua-400": "#4bcff9",
+  "aqua-500": "#23c4f8",
+  "aqua-600": "#07afe6",
+  "aqua-700": "#157594",
+  "aqua-800": "#0e4e63",
+  "aqua-850": "#0b3b4a",
   "aqua-900": "#072732",
-  "aqua-950": "#041A1D",
-  "sakura-50": "#FEECF0",
-  "sakura-100": "#FCDA41",
-  "sakura-150": "#FBC8D2",
-  "sakura-200": "#FAB5C3",
-  "sakura-300": "#F791A5",
-  "sakura-400": "#F56C87",
-  "sakura-500": "#F24769",
-  "sakura-600": "#C53955",
-  "sakura-700": "#962B41",
-  "sakura-800": "#6A1D2C",
-  "sakura-850": "#5A1822",
-  "sakura-900": "#3D0F18",
-  "sakura-950": "#27080E",
-  "amber-50": "#FFFAEE",
-  "amber-100": "#FFF5DD",
-  "amber-150": "#FFF0CC",
-  "amber-200": "#FFEBBB",
-  "amber-300": "#FFE19A",
-  "amber-400": "#FFD778",
-  "amber-500": "#FFCD56",
-  "amber-600": "#D5AA45",
-  "amber-700": "#A88B3A",
+  "aqua-950": "#041419",
+  "sakura-50": "#feedf0",
+  "sakura-100": "#fbc8d2",
+  "sakura-150": "#fbc8d2",
+  "sakura-200": "#fab5c3",
+  "sakura-300": "#f791a5",
+  "sakura-400": "#f56c87",
+  "sakura-500": "#f24769",
+  "sakura-600": "#c53955",
+  "sakura-700": "#982b41",
+  "sakura-800": "#6a1d2c",
+  "sakura-850": "#531622",
+  "sakura-900": "#3d0f18",
+  "sakura-950": "#26080e",
+  "amber-50": "#fffaee",
+  "amber-100": "#fff0cc",
+  "amber-150": "#fff0cc",
+  "amber-200": "#ffebbb",
+  "amber-300": "#ffe19a",
+  "amber-400": "#ffd778",
+  "amber-500": "#ffcc56",
+  "amber-600": "#d5aa45",
+  "amber-700": "#ab8834",
   "amber-800": "#816522",
-  "amber-850": "#6C5A1A",
+  "amber-850": "#6c5319",
   "amber-900": "#574311",
-  "amber-950": "#4A3109",
-  "amber-1000": "#2D200D",
+  "amber-950": "#423109",
+  "amber-1000": "#2d2000",
+  "forest-50": "#e9fcf4",
+  "forest-100": "#d3f9e9",
+  "forest-150": "#bef6de",
+  "forest-200": "#a8f3d3",
+  "forest-300": "#7cedbd",
+  "forest-400": "#50e7a7",
+  "forest-500": "#25e192",
+  "forest-600": "#1eb475",
+  "forest-700": "#168757",
+  "forest-800": "#0f5a3a",
+  "forest-850": "#0b442c",
+  "forest-900": "#072d1d",
+  "forest-950": "#04170f",
   "ink-100": "#2A2E37",
   "ink-200": "#23262E",
   "ink-300": "#16181D",
@@ -318,26 +375,40 @@ const _ = {
   "slate-300": "#242834",
   "slate-400": "#1D212D",
   "slate-500": "#161922",
+  "neutraldark-50": "#eceef2",
+  "neutraldark-100": "#adb4c2",
+  "neutraldark-200": "#747b8b",
+  "neutraldark-300": "#676e7d",
+  "neutraldark-400": "#5a6070",
+  "neutraldark-500": "#414755",
+  "neutraldark-600": "#343945",
+  "neutraldark-700": "#2c303a",
+  "neutraldark-800": "#23262e",
+  "neutraldark-900": "#16181d",
+  "neutraldark-950": "#121317",
+  "neutraldark-1000": "#0a0c10",
+  "neutrallight-50": "#1e1f24",
+  "neutrallight-100": "#62636c",
+  "neutrallight-200": "#80828d",
+  "neutrallight-300": "#8b8d98",
+  "neutrallight-400": "#b9bbc6",
+  "neutrallight-500": "#cdced7",
+  "neutrallight-600": "#d8d9e0",
+  "neutrallight-700": "#e0e1e6",
+  "neutrallight-800": "#e7e8ec",
+  "neutrallight-900": "#eff0f3",
+  "neutrallight-950": "#f9f9fb",
+  "neutrallight-1000": "#fcfcfd",
+  "base-black": "#000000",
+  "base-white": "#ffffff",
   "gradient-coral": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
   "gradient-dark-shadow": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
+  "gradient-styx": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
   "gradient-dawn": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
   "gradient-ocean": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
   "gradient-splash": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
-  "gradient-flamingo": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
-  "forest-50": "#EBCFCF",
-  "forest-100": "#BDF9ED",
-  "forest-150": "#BBEFD6",
-  "forest-200": "#A8F3D3",
-  "forest-300": "#7CEDBE",
-  "forest-400": "#51E7A8",
-  "forest-500": "#25E192",
-  "forest-600": "#1EB475",
-  "forest-700": "#188759",
-  "forest-800": "#0F5A34",
-  "forest-850": "#0B442C",
-  "forest-900": "#072D1D",
-  "forest-950": "#041F0F"
-}, A = {
+  "gradient-flamingo": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
+}, n = {
   PADDING_1: "0.25rem",
   PADDING_2: "0.5rem",
   PADDING_3: "0.75rem",
@@ -374,9 +445,12 @@ const _ = {
   MARGIN_48: "12rem",
   MARGIN_56: "14rem",
   MARGIN_64: "16rem"
-}, t = {
+}, v = {
+  FONTFAMILY_INTER: "Inter, sans-serif",
+  FONTFAMILY_SFMONO: "SF Mono, monospace",
   FONTSIZE_XS: "0.75rem",
   FONTSIZE_SM: "0.875rem",
+  FONTSIZE_BASE: "1rem",
   FONTSIZE_LG: "1.125rem",
   FONTSIZE_XL: "1.25rem",
   FONTSIZE_2XL: "1.5rem",
@@ -395,213 +469,380 @@ const _ = {
   FONTWEIGHT_SEMIBOLD: "600",
   FONTWEIGHT_BOLD: "700",
   FONTWEIGHT_EXTRABOLD: "800",
-  FONTWEIGHT_BLACK: "900"
+  FONTWEIGHT_BLACK: "900",
+  LINEHEIGHT_18: "18px",
+  LINEHEIGHT_20: "20px",
+  LINEHEIGHT_24: "24px",
+  LINEHEIGHT_NONE: "1",
+  LINEHEIGHT_TIGHT: "1.25",
+  LINEHEIGHT_SNUG: "1.375",
+  LINEHEIGHT_NORMAL: "1.5",
+  LINEHEIGHT_RELAXED: "1.625",
+  LINEHEIGHT_LOOSE: "2",
+  LETTERSPACING_0: "0px",
+  LETTERSPACING_4: "4px",
+  LETTERSPACING_TIGHTER: "-0.05em",
+  LETTERSPACING_TIGHT: "-0.025em",
+  LETTERSPACING_NORMAL: "0em",
+  LETTERSPACING_WIDE: "0.025em",
+  LETTERSPACING_WIDER: "0.05em",
+  LETTERSPACING_WIDEST: "0.1em",
+  "LETTERSPACING_-0.5": "-0.5px",
+  LABEL_LARGE_400_FONTSIZE: "18px",
+  LABEL_LARGE_400_FONTWEIGHT: "400",
+  LABEL_LARGE_400_LINEHEIGHT: "1",
+  LABEL_LARGE_400_LETTERSPACING: "0px",
+  LABEL_LARGE_400_FONTFAMILY: "Inter, sans-serif",
+  LABEL_LARGE_500_FONTSIZE: "18px",
+  LABEL_LARGE_500_FONTWEIGHT: "500",
+  LABEL_LARGE_500_LINEHEIGHT: "1",
+  LABEL_LARGE_500_LETTERSPACING: "0px",
+  LABEL_LARGE_500_FONTFAMILY: "Inter, sans-serif",
+  LABEL_LARGE_600_FONTSIZE: "18px",
+  LABEL_LARGE_600_FONTWEIGHT: "600",
+  LABEL_LARGE_600_LINEHEIGHT: "1",
+  LABEL_LARGE_600_LETTERSPACING: "0px",
+  LABEL_LARGE_600_FONTFAMILY: "Inter, sans-serif",
+  LABEL_MEDIUM_400_FONTSIZE: "16px",
+  LABEL_MEDIUM_400_FONTWEIGHT: "400",
+  LABEL_MEDIUM_400_LINEHEIGHT: "1",
+  LABEL_MEDIUM_400_LETTERSPACING: "0px",
+  LABEL_MEDIUM_400_FONTFAMILY: "Inter, sans-serif",
+  LABEL_MEDIUM_500_FONTSIZE: "16px",
+  LABEL_MEDIUM_500_FONTWEIGHT: "500",
+  LABEL_MEDIUM_500_LINEHEIGHT: "1",
+  LABEL_MEDIUM_500_LETTERSPACING: "0px",
+  LABEL_MEDIUM_500_FONTFAMILY: "Inter, sans-serif",
+  LABEL_MEDIUM_600_FONTSIZE: "16px",
+  LABEL_MEDIUM_600_FONTWEIGHT: "600",
+  LABEL_MEDIUM_600_LINEHEIGHT: "1",
+  LABEL_MEDIUM_600_LETTERSPACING: "0px",
+  LABEL_MEDIUM_600_FONTFAMILY: "Inter, sans-serif",
+  LABEL_BASE_400_FONTSIZE: "13px",
+  LABEL_BASE_400_FONTWEIGHT: "400",
+  LABEL_BASE_400_LINEHEIGHT: "1",
+  LABEL_BASE_400_LETTERSPACING: "-0.5px",
+  LABEL_BASE_400_FONTFAMILY: "Inter, sans-serif",
+  LABEL_BASE_500_FONTSIZE: "13px",
+  LABEL_BASE_500_FONTWEIGHT: "500",
+  LABEL_BASE_500_LINEHEIGHT: "1",
+  LABEL_BASE_500_LETTERSPACING: "-0.5px",
+  LABEL_BASE_500_FONTFAMILY: "Inter, sans-serif",
+  LABEL_BASE_600_FONTSIZE: "13px",
+  LABEL_BASE_600_FONTWEIGHT: "600",
+  LABEL_BASE_600_LINEHEIGHT: "1",
+  LABEL_BASE_600_LETTERSPACING: "-0.5px",
+  LABEL_BASE_600_FONTFAMILY: "Inter, sans-serif",
+  LABEL_SMALL_400_FONTSIZE: "11px",
+  LABEL_SMALL_400_FONTWEIGHT: "400",
+  LABEL_SMALL_400_LINEHEIGHT: "1",
+  LABEL_SMALL_400_LETTERSPACING: "0px",
+  LABEL_SMALL_400_FONTFAMILY: "Inter, sans-serif",
+  LABEL_SMALL_500_FONTSIZE: "11px",
+  LABEL_SMALL_500_FONTWEIGHT: "500",
+  LABEL_SMALL_500_LINEHEIGHT: "1",
+  LABEL_SMALL_500_LETTERSPACING: "0px",
+  LABEL_SMALL_500_FONTFAMILY: "Inter, sans-serif",
+  LABEL_SMALL_600_FONTSIZE: "11px",
+  LABEL_SMALL_600_FONTWEIGHT: "600",
+  LABEL_SMALL_600_LINEHEIGHT: "1",
+  LABEL_SMALL_600_LETTERSPACING: "0px",
+  LABEL_SMALL_600_FONTFAMILY: "Inter, sans-serif",
+  UPPERCASE_BASE_400_FONTSIZE: "13px",
+  UPPERCASE_BASE_400_FONTWEIGHT: "400",
+  UPPERCASE_BASE_400_LINEHEIGHT: "1",
+  UPPERCASE_BASE_400_LETTERSPACING: "4px",
+  UPPERCASE_BASE_400_FONTFAMILY: "Inter, sans-serif",
+  UPPERCASE_BASE_500_FONTSIZE: "13px",
+  UPPERCASE_BASE_500_FONTWEIGHT: "500",
+  UPPERCASE_BASE_500_LINEHEIGHT: "1",
+  UPPERCASE_BASE_500_LETTERSPACING: "4px",
+  UPPERCASE_BASE_500_FONTFAMILY: "Inter, sans-serif",
+  UPPERCASE_BASE_600_FONTSIZE: "13px",
+  UPPERCASE_BASE_600_FONTWEIGHT: "600",
+  UPPERCASE_BASE_600_LINEHEIGHT: "1",
+  UPPERCASE_BASE_600_LETTERSPACING: "4px",
+  UPPERCASE_BASE_600_FONTFAMILY: "Inter, sans-serif",
+  UPPERCASE_SMALL_400_FONTSIZE: "11px",
+  UPPERCASE_SMALL_400_FONTWEIGHT: "400",
+  UPPERCASE_SMALL_400_LINEHEIGHT: "1",
+  UPPERCASE_SMALL_400_LETTERSPACING: "4px",
+  UPPERCASE_SMALL_400_FONTFAMILY: "Inter, sans-serif",
+  UPPERCASE_SMALL_500_FONTSIZE: "11px",
+  UPPERCASE_SMALL_500_FONTWEIGHT: "500",
+  UPPERCASE_SMALL_500_LINEHEIGHT: "1",
+  UPPERCASE_SMALL_500_LETTERSPACING: "4px",
+  UPPERCASE_SMALL_500_FONTFAMILY: "Inter, sans-serif",
+  UPPERCASE_SMALL_600_FONTSIZE: "11px",
+  UPPERCASE_SMALL_600_FONTWEIGHT: "600",
+  UPPERCASE_SMALL_600_LINEHEIGHT: "1",
+  UPPERCASE_SMALL_600_LETTERSPACING: "4px",
+  UPPERCASE_SMALL_600_FONTFAMILY: "Inter, sans-serif",
+  CODE_BASE_400_FONTSIZE: "13px",
+  CODE_BASE_400_FONTWEIGHT: "400",
+  CODE_BASE_400_LINEHEIGHT: "1",
+  CODE_BASE_400_LETTERSPACING: "0px",
+  CODE_BASE_400_FONTFAMILY: "SF Mono, monospace",
+  CODE_BASE_500_FONTSIZE: "13px",
+  CODE_BASE_500_FONTWEIGHT: "500",
+  CODE_BASE_500_LINEHEIGHT: "1",
+  CODE_BASE_500_LETTERSPACING: "0px",
+  CODE_BASE_500_FONTFAMILY: "SF Mono, monospace",
+  CODE_BASE_600_FONTSIZE: "13px",
+  CODE_BASE_600_FONTWEIGHT: "600",
+  CODE_BASE_600_LINEHEIGHT: "1",
+  CODE_BASE_600_LETTERSPACING: "0px",
+  CODE_BASE_600_FONTFAMILY: "SF Mono, monospace",
+  CODE_SMALL_400_FONTSIZE: "11px",
+  CODE_SMALL_400_FONTWEIGHT: "400",
+  CODE_SMALL_400_LINEHEIGHT: "1",
+  CODE_SMALL_400_LETTERSPACING: "0px",
+  CODE_SMALL_400_FONTFAMILY: "SF Mono, monospace",
+  CODE_SMALL_500_FONTSIZE: "11px",
+  CODE_SMALL_500_FONTWEIGHT: "500",
+  CODE_SMALL_500_LINEHEIGHT: "1",
+  CODE_SMALL_500_LETTERSPACING: "0px",
+  CODE_SMALL_500_FONTFAMILY: "SF Mono, monospace",
+  CODE_SMALL_600_FONTSIZE: "11px",
+  CODE_SMALL_600_FONTWEIGHT: "600",
+  CODE_SMALL_600_LINEHEIGHT: "1",
+  CODE_SMALL_600_LETTERSPACING: "0px",
+  CODE_SMALL_600_FONTFAMILY: "SF Mono, monospace",
+  PARAGRAPH_MEDIUM_400_FONTSIZE: "16px",
+  PARAGRAPH_MEDIUM_400_FONTWEIGHT: "400",
+  PARAGRAPH_MEDIUM_400_LINEHEIGHT: "24px",
+  PARAGRAPH_MEDIUM_400_LETTERSPACING: "0px",
+  PARAGRAPH_MEDIUM_400_FONTFAMILY: "Inter, sans-serif",
+  PARAGRAPH_MEDIUM_500_FONTSIZE: "16px",
+  PARAGRAPH_MEDIUM_500_FONTWEIGHT: "500",
+  PARAGRAPH_MEDIUM_500_LINEHEIGHT: "24px",
+  PARAGRAPH_MEDIUM_500_LETTERSPACING: "0px",
+  PARAGRAPH_MEDIUM_500_FONTFAMILY: "Inter, sans-serif",
+  PARAGRAPH_MEDIUM_600_FONTSIZE: "16px",
+  PARAGRAPH_MEDIUM_600_FONTWEIGHT: "600",
+  PARAGRAPH_MEDIUM_600_LINEHEIGHT: "24px",
+  PARAGRAPH_MEDIUM_600_LETTERSPACING: "0px",
+  PARAGRAPH_MEDIUM_600_FONTFAMILY: "Inter, sans-serif",
+  PARAGRAPH_BASE_400_FONTSIZE: "13px",
+  PARAGRAPH_BASE_400_FONTWEIGHT: "400",
+  PARAGRAPH_BASE_400_LINEHEIGHT: "20px",
+  PARAGRAPH_BASE_400_LETTERSPACING: "-0.5px",
+  PARAGRAPH_BASE_400_FONTFAMILY: "Inter, sans-serif",
+  PARAGRAPH_BASE_500_FONTSIZE: "13px",
+  PARAGRAPH_BASE_500_FONTWEIGHT: "500",
+  PARAGRAPH_BASE_500_LINEHEIGHT: "20px",
+  PARAGRAPH_BASE_500_LETTERSPACING: "-0.5px",
+  PARAGRAPH_BASE_500_FONTFAMILY: "Inter, sans-serif",
+  PARAGRAPH_BASE_600_FONTSIZE: "13px",
+  PARAGRAPH_BASE_600_FONTWEIGHT: "600",
+  PARAGRAPH_BASE_600_LINEHEIGHT: "20px",
+  PARAGRAPH_BASE_600_LETTERSPACING: "-0.5px",
+  PARAGRAPH_BASE_600_FONTFAMILY: "Inter, sans-serif",
+  PARAGRAPH_SMALL_400_FONTSIZE: "11px",
+  PARAGRAPH_SMALL_400_FONTWEIGHT: "400",
+  PARAGRAPH_SMALL_400_LINEHEIGHT: "18px",
+  PARAGRAPH_SMALL_400_LETTERSPACING: "-0.5px",
+  PARAGRAPH_SMALL_400_FONTFAMILY: "Inter, sans-serif",
+  PARAGRAPH_SMALL_500_FONTSIZE: "11px",
+  PARAGRAPH_SMALL_500_FONTWEIGHT: "500",
+  PARAGRAPH_SMALL_500_LINEHEIGHT: "18px",
+  PARAGRAPH_SMALL_500_LETTERSPACING: "-0.5px",
+  PARAGRAPH_SMALL_500_FONTFAMILY: "Inter, sans-serif",
+  PARAGRAPH_SMALL_600_FONTSIZE: "11px",
+  PARAGRAPH_SMALL_600_FONTWEIGHT: "600",
+  PARAGRAPH_SMALL_600_LINEHEIGHT: "18px",
+  PARAGRAPH_SMALL_600_LETTERSPACING: "-0.5px",
+  PARAGRAPH_SMALL_600_FONTFAMILY: "Inter, sans-serif"
 }, e = {
   Robin: {
     50: {
-      value: "#EDFFFE",
+      value: "#edf1fe",
       type: "color"
     },
     100: {
-      value: "#DCFEFE",
+      value: "#cad5fd",
       type: "color"
     },
     150: {
-      value: "#CADEFD",
+      value: "#cad5fd",
       type: "color"
     },
     200: {
-      value: "#B8C7FC",
+      value: "#b8c7fc",
       type: "color"
     },
     300: {
-      value: "#95ACFB",
+      value: "#95acfb",
       type: "color"
     },
     400: {
-      value: "#7190F9",
+      value: "#7190f9",
       type: "color"
     },
     500: {
-      value: "#4E74F8",
+      value: "#4e74f8",
       type: "color"
     },
     600: {
-      value: "#3F5ECC",
+      value: "#3f5ecc",
       type: "color"
     },
     700: {
-      value: "#2F48A0",
+      value: "#2f48a0",
       type: "color"
     },
     800: {
-      value: "#2D3375",
-      type: "color"
-    },
-    850: {
-      value: "#1E2BF1",
+      value: "#1f3274",
       type: "color"
     },
     900: {
-      value: "#121D49",
+      value: "#101d49",
       type: "color"
     },
     950: {
-      value: "#0B1333",
+      value: "#091233",
       type: "color"
     }
   },
   Sienna: {
     50: {
-      value: "#FFF72F",
+      value: "#f7f2ee",
       type: "color"
     },
     100: {
-      value: "#E6D9CD",
-      type: "color"
-    },
-    150: {
-      value: "#DECCBC",
+      value: "#e6d9cd",
       type: "color"
     },
     200: {
-      value: "#DECCBC",
+      value: "#decbbc",
       type: "color"
     },
     300: {
-      value: "#CEB29B",
+      value: "#ceb29b",
       type: "color"
     },
     400: {
-      value: "#BD9979",
+      value: "#bd9879",
       type: "color"
     },
     500: {
-      value: "#AD7F58",
+      value: "#ad7f58",
       type: "color"
     },
     600: {
-      value: "#8A6646",
+      value: "#8a6546",
       type: "color"
     },
     700: {
-      value: "#684C35",
+      value: "#684c35",
       type: "color"
     },
     800: {
-      value: "#453323",
+      value: "#453223",
       type: "color"
     },
     850: {
-      value: "#3A291A",
+      value: "#34261a",
       type: "color"
     },
     900: {
-      value: "#231F12",
+      value: "#231912",
       type: "color"
     },
     950: {
-      value: "#130D09",
+      value: "#110d09",
       type: "color"
     }
   },
   Cherry: {
     50: {
-      value: "#CEDCED",
+      value: "#fceded",
       type: "color"
     },
     100: {
-      value: "#FADADB",
-      type: "color"
-    },
-    150: {
-      value: "#F7C8CA",
+      value: "#fadadb",
       type: "color"
     },
     200: {
-      value: "#F5B6B8",
+      value: "#f7c8ca",
       type: "color"
     },
     300: {
-      value: "#EF9794",
+      value: "#f5b6b8",
       type: "color"
     },
     400: {
-      value: "#EA6D71",
+      value: "#ea6d71",
       type: "color"
     },
     500: {
-      value: "#E5484D",
+      value: "#e5484d",
       type: "color"
     },
     600: {
-      value: "#B83A3E",
+      value: "#b83a3e",
       type: "color"
     },
     700: {
-      value: "#8B222F",
+      value: "#8b2c2f",
       type: "color"
     },
     800: {
-      value: "#5F1D1F",
+      value: "#5e1d1f",
       type: "color"
     },
     850: {
-      value: "#4E191B",
+      value: "#481618",
       type: "color"
     },
     900: {
-      value: "#320F10",
+      value: "#320f10",
       type: "color"
     },
     950: {
-      value: "#1F0D09",
+      value: "#1b0809",
       type: "color"
     }
   },
   Aqua: {
     50: {
-      value: "#EDF9FE",
+      value: "#e9f9fe",
       type: "color"
     },
     100: {
-      value: "#C1EEFD",
-      type: "color"
-    },
-    150: {
-      value: "#BDE0F0",
+      value: "#c1eefd",
       type: "color"
     },
     200: {
-      value: "#9AE4FC",
+      value: "#9ae4fc",
       type: "color"
     },
     300: {
-      value: "#7BDCFF",
+      value: "#72d9fb",
       type: "color"
     },
     400: {
-      value: "#4FCDF9",
+      value: "#4bcff9",
       type: "color"
     },
     500: {
-      value: "#23C4F8",
+      value: "#23c4f8",
       type: "color"
     },
     600: {
-      value: "#1CD0C9",
+      value: "#07afe6",
       type: "color"
     },
     700: {
-      value: "#157B95",
+      value: "#157594",
       type: "color"
     },
     800: {
-      value: "#0E6E63",
+      value: "#0e4e63",
       type: "color"
     },
     850: {
-      value: "#0B3B4A",
+      value: "#0b3b4a",
       type: "color"
     },
     900: {
@@ -609,99 +850,99 @@ const _ = {
       type: "color"
     },
     950: {
-      value: "#041A1D",
+      value: "#041419",
       type: "color"
     }
   },
   Sakura: {
     50: {
-      value: "#FEECF0",
+      value: "#feedf0",
       type: "color"
     },
     100: {
-      value: "#FCDA41",
+      value: "#fbc8d2",
       type: "color"
     },
     150: {
-      value: "#FBC8D2",
+      value: "#fbc8d2",
       type: "color"
     },
     200: {
-      value: "#FAB5C3",
+      value: "#fab5c3",
       type: "color"
     },
     300: {
-      value: "#F791A5",
+      value: "#f791a5",
       type: "color"
     },
     400: {
-      value: "#F56C87",
+      value: "#f56c87",
       type: "color"
     },
     500: {
-      value: "#F24769",
+      value: "#f24769",
       type: "color"
     },
     600: {
-      value: "#C53955",
+      value: "#c53955",
       type: "color"
     },
     700: {
-      value: "#962B41",
+      value: "#982b41",
       type: "color"
     },
     800: {
-      value: "#6A1D2C",
+      value: "#6a1d2c",
       type: "color"
     },
     850: {
-      value: "#5A1822",
+      value: "#531622",
       type: "color"
     },
     900: {
-      value: "#3D0F18",
+      value: "#3d0f18",
       type: "color"
     },
     950: {
-      value: "#27080E",
+      value: "#26080e",
       type: "color"
     }
   },
   Amber: {
     50: {
-      value: "#FFFAEE",
+      value: "#fffaee",
       type: "color"
     },
     100: {
-      value: "#FFF5DD",
+      value: "#fff0cc",
       type: "color"
     },
     150: {
-      value: "#FFF0CC",
+      value: "#fff0cc",
       type: "color"
     },
     200: {
-      value: "#FFEBBB",
+      value: "#ffebbb",
       type: "color"
     },
     300: {
-      value: "#FFE19A",
+      value: "#ffe19a",
       type: "color"
     },
     400: {
-      value: "#FFD778",
+      value: "#ffd778",
       type: "color"
     },
     500: {
-      value: "#FFCD56",
+      value: "#ffcc56",
       type: "color"
     },
     600: {
-      value: "#D5AA45",
+      value: "#d5aa45",
       type: "color"
     },
     700: {
-      value: "#A88B3A",
+      value: "#ab8834",
       type: "color"
     },
     800: {
@@ -709,7 +950,7 @@ const _ = {
       type: "color"
     },
     850: {
-      value: "#6C5A1A",
+      value: "#6c5319",
       type: "color"
     },
     900: {
@@ -717,11 +958,65 @@ const _ = {
       type: "color"
     },
     950: {
-      value: "#4A3109",
+      value: "#423109",
       type: "color"
     },
     1e3: {
-      value: "#2D200D",
+      value: "#2d2000",
+      type: "color"
+    }
+  },
+  Forest: {
+    50: {
+      value: "#e9fcf4",
+      type: "color"
+    },
+    100: {
+      value: "#d3f9e9",
+      type: "color"
+    },
+    150: {
+      value: "#bef6de",
+      type: "color"
+    },
+    200: {
+      value: "#a8f3d3",
+      type: "color"
+    },
+    300: {
+      value: "#7cedbd",
+      type: "color"
+    },
+    400: {
+      value: "#50e7a7",
+      type: "color"
+    },
+    500: {
+      value: "#25e192",
+      type: "color"
+    },
+    600: {
+      value: "#1eb475",
+      type: "color"
+    },
+    700: {
+      value: "#168757",
+      type: "color"
+    },
+    800: {
+      value: "#0f5a3a",
+      type: "color"
+    },
+    850: {
+      value: "#0b442c",
+      type: "color"
+    },
+    900: {
+      value: "#072d1d",
+      type: "color"
+    },
+    950: {
+      value: "#04170f",
       type: "color"
     }
   },
@@ -791,6 +1086,116 @@ const _ = {
       type: "color"
     }
   },
+  NeutralDark: {
+    50: {
+      value: "#eceef2",
+      type: "color"
+    },
+    100: {
+      value: "#adb4c2",
+      type: "color"
+    },
+    200: {
+      value: "#747b8b",
+      type: "color"
+    },
+    300: {
+      value: "#676e7d",
+      type: "color"
+    },
+    400: {
+      value: "#5a6070",
+      type: "color"
+    },
+    500: {
+      value: "#414755",
+      type: "color"
+    },
+    600: {
+      value: "#343945",
+      type: "color"
+    },
+    700: {
+      value: "#2c303a",
+      type: "color"
+    },
+    800: {
+      value: "#23262e",
+      type: "color"
+    },
+    900: {
+      value: "#16181d",
+      type: "color"
+    },
+    950: {
+      value: "#121317",
+      type: "color"
+    },
+    1e3: {
+      value: "#0a0c10",
+      type: "color"
+    }
+  },
+  NeutralLight: {
+    50: {
+      value: "#1e1f24",
+      type: "color"
+    },
+    100: {
+      value: "#62636c",
+      type: "color"
+    },
+    200: {
+      value: "#80828d",
+      type: "color"
+    },
+    300: {
+      value: "#8b8d98",
+      type: "color"
+    },
+    400: {
+      value: "#b9bbc6",
+      type: "color"
+    },
+    500: {
+      value: "#cdced7",
+      type: "color"
+    },
+    600: {
+      value: "#d8d9e0",
+      type: "color"
+    },
+    700: {
+      value: "#e0e1e6",
+      type: "color"
+    },
+    800: {
+      value: "#e7e8ec",
+      type: "color"
+    },
+    900: {
+      value: "#eff0f3",
+      type: "color"
+    },
+    950: {
+      value: "#f9f9fb",
+      type: "color"
+    },
+    1e3: {
+      value: "#fcfcfd",
+      type: "color"
+    }
+  },
+  Base: {
+    Black: {
+      value: "#000000",
+      type: "color"
+    },
+    White: {
+      value: "#ffffff",
+      type: "color"
+    }
+  },
   Gradient: {
     Coral: {
       value: "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
@@ -800,6 +1205,10 @@ const _ = {
       value: "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
       type: "color"
     },
+    Styx: {
+      value: "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
+      type: "color"
+    },
     Dawn: {
       value: "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
       type: "color"
@@ -816,387 +1225,371 @@ const _ = {
       value: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
       type: "color"
     }
-  },
-  Forest: {
+  }
+}, a = {
+  Robin: {
     50: {
-      value: "#EBCFCF",
+      value: "#edf1fe",
       type: "color"
     },
     100: {
-      value: "#BDF9ED",
+      value: "#cad5fd",
       type: "color"
     },
     150: {
-      value: "#BBEFD6",
+      value: "#cad5fd",
       type: "color"
     },
     200: {
-      value: "#A8F3D3",
+      value: "#b8c7fc",
       type: "color"
     },
     300: {
-      value: "#7CEDBE",
+      value: "#95acfb",
       type: "color"
     },
     400: {
-      value: "#51E7A8",
+      value: "#7190f9",
       type: "color"
     },
     500: {
-      value: "#25E192",
+      value: "#4e74f8",
       type: "color"
     },
     600: {
-      value: "#1EB475",
+      value: "#3f5ecc",
       type: "color"
     },
     700: {
-      value: "#188759",
+      value: "#2f48a0",
       type: "color"
     },
     800: {
-      value: "#0F5A34",
-      type: "color"
-    },
-    850: {
-      value: "#0B442C",
+      value: "#1f3274",
       type: "color"
     },
     900: {
-      value: "#072D1D",
+      value: "#101d49",
       type: "color"
     },
     950: {
-      value: "#041F0F",
+      value: "#091233",
       type: "color"
     }
-  }
-}, l = {
-  Robin: {
+  },
+  Sienna: {
     50: {
-      value: "#EDFFFE",
+      value: "#f7f2ee",
       type: "color"
     },
     100: {
-      value: "#DCFEFE",
-      type: "color"
-    },
-    150: {
-      value: "#CADEFD",
+      value: "#e6d9cd",
       type: "color"
     },
     200: {
-      value: "#B8C7FC",
+      value: "#decbbc",
       type: "color"
     },
     300: {
-      value: "#95ACFB",
+      value: "#ceb29b",
       type: "color"
     },
     400: {
-      value: "#7190F9",
+      value: "#bd9879",
       type: "color"
     },
     500: {
-      value: "#4E74F8",
+      value: "#ad7f58",
       type: "color"
     },
     600: {
-      value: "#3F5ECC",
+      value: "#8a6546",
       type: "color"
     },
     700: {
-      value: "#2F48A0",
+      value: "#684c35",
       type: "color"
     },
     800: {
-      value: "#2D3375",
+      value: "#453223",
       type: "color"
     },
     850: {
-      value: "#1E2BF1",
+      value: "#34261a",
       type: "color"
     },
     900: {
-      value: "#121D49",
+      value: "#231912",
       type: "color"
     },
     950: {
-      value: "#0B1333",
+      value: "#110d09",
       type: "color"
     }
   },
-  Sienna: {
+  Cherry: {
     50: {
-      value: "#FFF72F",
+      value: "#fceded",
       type: "color"
     },
     100: {
-      value: "#E6D9CD",
-      type: "color"
-    },
-    150: {
-      value: "#DECCBC",
+      value: "#fadadb",
       type: "color"
     },
     200: {
-      value: "#DECCBC",
+      value: "#f7c8ca",
       type: "color"
     },
     300: {
-      value: "#CEB29B",
+      value: "#f5b6b8",
       type: "color"
     },
     400: {
-      value: "#BD9979",
+      value: "#ea6d71",
       type: "color"
     },
     500: {
-      value: "#AD7F58",
+      value: "#e5484d",
       type: "color"
     },
     600: {
-      value: "#8A6646",
+      value: "#b83a3e",
       type: "color"
     },
     700: {
-      value: "#684C35",
+      value: "#8b2c2f",
       type: "color"
     },
     800: {
-      value: "#453323",
+      value: "#5e1d1f",
       type: "color"
     },
     850: {
-      value: "#3A291A",
+      value: "#481618",
       type: "color"
     },
     900: {
-      value: "#231F12",
+      value: "#320f10",
       type: "color"
     },
     950: {
-      value: "#130D09",
+      value: "#1b0809",
       type: "color"
     }
   },
-  Cherry: {
+  Aqua: {
     50: {
-      value: "#CEDCED",
+      value: "#e9f9fe",
       type: "color"
     },
     100: {
-      value: "#FADADB",
-      type: "color"
-    },
-    150: {
-      value: "#F7C8CA",
+      value: "#c1eefd",
       type: "color"
     },
     200: {
-      value: "#F5B6B8",
+      value: "#9ae4fc",
       type: "color"
     },
     300: {
-      value: "#EF9794",
+      value: "#72d9fb",
       type: "color"
     },
     400: {
-      value: "#EA6D71",
+      value: "#4bcff9",
       type: "color"
     },
     500: {
-      value: "#E5484D",
+      value: "#23c4f8",
       type: "color"
     },
     600: {
-      value: "#B83A3E",
+      value: "#07afe6",
       type: "color"
     },
     700: {
-      value: "#8B222F",
+      value: "#157594",
       type: "color"
     },
     800: {
-      value: "#5F1D1F",
+      value: "#0e4e63",
       type: "color"
     },
     850: {
-      value: "#4E191B",
+      value: "#0b3b4a",
       type: "color"
     },
     900: {
-      value: "#320F10",
+      value: "#072732",
       type: "color"
     },
     950: {
-      value: "#1F0D09",
+      value: "#041419",
       type: "color"
     }
   },
-  Aqua: {
+  Sakura: {
     50: {
-      value: "#EDF9FE",
+      value: "#feedf0",
       type: "color"
     },
     100: {
-      value: "#C1EEFD",
+      value: "#fbc8d2",
       type: "color"
     },
     150: {
-      value: "#BDE0F0",
+      value: "#fbc8d2",
       type: "color"
     },
     200: {
-      value: "#9AE4FC",
+      value: "#fab5c3",
       type: "color"
     },
     300: {
-      value: "#7BDCFF",
+      value: "#f791a5",
       type: "color"
     },
     400: {
-      value: "#4FCDF9",
+      value: "#f56c87",
       type: "color"
     },
     500: {
-      value: "#23C4F8",
+      value: "#f24769",
       type: "color"
     },
     600: {
-      value: "#1CD0C9",
+      value: "#c53955",
       type: "color"
     },
     700: {
-      value: "#157B95",
+      value: "#982b41",
       type: "color"
     },
     800: {
-      value: "#0E6E63",
+      value: "#6a1d2c",
       type: "color"
     },
     850: {
-      value: "#0B3B4A",
+      value: "#531622",
       type: "color"
     },
     900: {
-      value: "#072732",
+      value: "#3d0f18",
       type: "color"
     },
     950: {
-      value: "#041A1D",
+      value: "#26080e",
       type: "color"
     }
   },
-  Sakura: {
+  Amber: {
     50: {
-      value: "#FEECF0",
+      value: "#fffaee",
       type: "color"
     },
     100: {
-      value: "#FCDA41",
+      value: "#fff0cc",
       type: "color"
     },
     150: {
-      value: "#FBC8D2",
+      value: "#fff0cc",
       type: "color"
     },
     200: {
-      value: "#FAB5C3",
+      value: "#ffebbb",
       type: "color"
     },
     300: {
-      value: "#F791A5",
+      value: "#ffe19a",
       type: "color"
     },
     400: {
-      value: "#F56C87",
+      value: "#ffd778",
       type: "color"
     },
     500: {
-      value: "#F24769",
+      value: "#ffcc56",
       type: "color"
     },
     600: {
-      value: "#C53955",
+      value: "#d5aa45",
       type: "color"
     },
     700: {
-      value: "#962B41",
+      value: "#ab8834",
       type: "color"
     },
     800: {
-      value: "#6A1D2C",
+      value: "#816522",
       type: "color"
     },
     850: {
-      value: "#5A1822",
+      value: "#6c5319",
       type: "color"
     },
     900: {
-      value: "#3D0F18",
+      value: "#574311",
       type: "color"
     },
     950: {
-      value: "#27080E",
+      value: "#423109",
+      type: "color"
+    },
+    1e3: {
+      value: "#2d2000",
       type: "color"
     }
   },
-  Amber: {
+  Forest: {
     50: {
-      value: "#FFFAEE",
+      value: "#e9fcf4",
       type: "color"
     },
     100: {
-      value: "#FFF5DD",
+      value: "#d3f9e9",
       type: "color"
     },
     150: {
-      value: "#FFF0CC",
+      value: "#bef6de",
       type: "color"
     },
     200: {
-      value: "#FFEBBB",
+      value: "#a8f3d3",
       type: "color"
     },
     300: {
-      value: "#FFE19A",
+      value: "#7cedbd",
       type: "color"
     },
     400: {
-      value: "#FFD778",
+      value: "#50e7a7",
       type: "color"
     },
     500: {
-      value: "#FFCD56",
+      value: "#25e192",
       type: "color"
     },
     600: {
-      value: "#D5AA45",
+      value: "#1eb475",
       type: "color"
     },
     700: {
-      value: "#A88B3A",
+      value: "#168757",
       type: "color"
     },
     800: {
-      value: "#816522",
+      value: "#0f5a3a",
       type: "color"
     },
     850: {
-      value: "#6C5A1A",
+      value: "#0b442c",
       type: "color"
     },
     900: {
-      value: "#574311",
+      value: "#072d1d",
       type: "color"
     },
     950: {
-      value: "#4A3109",
-      type: "color"
-    },
-    1e3: {
-      value: "#2D200D",
+      value: "#04170f",
       type: "color"
     }
   },
@@ -1241,6 +1634,14 @@ const _ = {
     }
   },
   Slate: {
+    50: {
+      value: "#62687C",
+      type: "color"
+    },
+    100: {
+      value: "#3C4152",
+      type: "color"
+    },
     200: {
       value: "#2C3140",
       type: "color"
@@ -1258,90 +1659,150 @@ const _ = {
       type: "color"
     }
   },
-  Gradient: {
-    Coral: {
-      value: "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
+  NeutralDark: {
+    50: {
+      value: "#eceef2",
       type: "color"
     },
-    "Dark-Shadow": {
-      value: "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
+    100: {
+      value: "#adb4c2",
       type: "color"
     },
-    Dawn: {
-      value: "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
+    200: {
+      value: "#747b8b",
       type: "color"
     },
-    Ocean: {
-      value: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
+    300: {
+      value: "#676e7d",
       type: "color"
     },
-    Splash: {
-      value: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
+    400: {
+      value: "#5a6070",
       type: "color"
     },
-    Flamingo: {
-      value: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
+    500: {
+      value: "#414755",
+      type: "color"
+    },
+    600: {
+      value: "#343945",
+      type: "color"
+    },
+    700: {
+      value: "#2c303a",
+      type: "color"
+    },
+    800: {
+      value: "#23262e",
+      type: "color"
+    },
+    900: {
+      value: "#16181d",
+      type: "color"
+    },
+    950: {
+      value: "#121317",
+      type: "color"
+    },
+    1e3: {
+      value: "#0a0c10",
       type: "color"
     }
   },
-  Forest: {
+  NeutralLight: {
     50: {
-      value: "#EBCFCF",
+      value: "#1e1f24",
       type: "color"
     },
     100: {
-      value: "#BDF9ED",
-      type: "color"
-    },
-    150: {
-      value: "#BBEFD6",
+      value: "#62636c",
       type: "color"
     },
     200: {
-      value: "#A8F3D3",
+      value: "#80828d",
       type: "color"
     },
     300: {
-      value: "#7CEDBE",
+      value: "#8b8d98",
       type: "color"
     },
     400: {
-      value: "#51E7A8",
+      value: "#b9bbc6",
       type: "color"
     },
     500: {
-      value: "#25E192",
+      value: "#cdced7",
       type: "color"
     },
     600: {
-      value: "#1EB475",
+      value: "#d8d9e0",
       type: "color"
     },
     700: {
-      value: "#188759",
+      value: "#e0e1e6",
       type: "color"
     },
     800: {
-      value: "#0F5A34",
-      type: "color"
-    },
-    850: {
-      value: "#0B442C",
+      value: "#e7e8ec",
       type: "color"
     },
     900: {
-      value: "#072D1D",
+      value: "#eff0f3",
       type: "color"
     },
     950: {
-      value: "#041F0F",
+      value: "#f9f9fb",
+      type: "color"
+    },
+    1e3: {
+      value: "#fcfcfd",
+      type: "color"
+    }
+  },
+  Base: {
+    Black: {
+      value: "#000000",
+      type: "color"
+    },
+    White: {
+      value: "#ffffff",
+      type: "color"
+    }
+  },
+  Gradient: {
+    Coral: {
+      value: "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
+      type: "color"
+    },
+    "Dark-Shadow": {
+      value: "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
+      type: "color"
+    },
+    Styx: {
+      value: "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
+      type: "color"
+    },
+    Dawn: {
+      value: "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
+      type: "color"
+    },
+    Ocean: {
+      value: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
+      type: "color"
+    },
+    Splash: {
+      value: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
+      type: "color"
+    },
+    Flamingo: {
+      value: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
       type: "color"
     }
   }
-}, p = {
+}, L = {
   bg: e,
-  text: l
-}, a = {
+  text: a
+}, p = {
   1: {
     value: "0.25rem",
     type: "spacing"
@@ -1414,7 +1875,7 @@ const _ = {
     value: "16rem",
     type: "spacing"
   }
-}, o = {
+}, t = {
   1: {
     value: "0.25rem",
     type: "spacing"
@@ -1487,10 +1948,19 @@ const _ = {
     value: "16rem",
     type: "spacing"
   }
-}, B = {
-  padding: a,
-  margin: o
-}, r = {
+}, I = {
+  padding: p,
+  margin: t
+}, _ = {
+  inter: {
+    value: "Inter, sans-serif",
+    type: "typography"
+  },
+  sfMono: {
+    value: "SF Mono, monospace",
+    type: "typography"
+  }
+}, l = {
   xs: {
     value: "0.75rem",
     type: "typography"
@@ -1499,6 +1969,10 @@ const _ = {
     value: "0.875rem",
     type: "typography"
   },
+  base: {
+    value: "1rem",
+    type: "typography"
+  },
   lg: {
     value: "1.125rem",
     type: "typography"
@@ -1539,7 +2013,7 @@ const _ = {
     value: "8rem",
     type: "typography"
   }
-}, E = {
+}, o = {
   thin: {
     value: "100",
     type: "typography"
@@ -1577,15 +2051,848 @@ const _ = {
     type: "typography"
   }
 }, y = {
-  fontSize: r,
-  fontWeight: E
+  18: {
+    value: "18px",
+    type: "typography"
+  },
+  20: {
+    value: "20px",
+    type: "typography"
+  },
+  24: {
+    value: "24px",
+    type: "typography"
+  },
+  none: {
+    value: "1",
+    type: "typography"
+  },
+  tight: {
+    value: "1.25",
+    type: "typography"
+  },
+  snug: {
+    value: "1.375",
+    type: "typography"
+  },
+  normal: {
+    value: "1.5",
+    type: "typography"
+  },
+  relaxed: {
+    value: "1.625",
+    type: "typography"
+  },
+  loose: {
+    value: "2",
+    type: "typography"
+  }
+}, r = {
+  0: {
+    value: "0px",
+    type: "typography"
+  },
+  4: {
+    value: "4px",
+    type: "typography"
+  },
+  tighter: {
+    value: "-0.05em",
+    type: "typography"
+  },
+  tight: {
+    value: "-0.025em",
+    type: "typography"
+  },
+  normal: {
+    value: "0em",
+    type: "typography"
+  },
+  wide: {
+    value: "0.025em",
+    type: "typography"
+  },
+  wider: {
+    value: "0.05em",
+    type: "typography"
+  },
+  widest: {
+    value: "0.1em",
+    type: "typography"
+  },
+  "-0.5": {
+    value: "-0.5px",
+    type: "typography"
+  }
+}, E = {
+  large: {
+    400: {
+      fontSize: {
+        value: "18px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "400",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    500: {
+      fontSize: {
+        value: "18px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "500",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    600: {
+      fontSize: {
+        value: "18px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "600",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    }
+  },
+  medium: {
+    400: {
+      fontSize: {
+        value: "16px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "400",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    500: {
+      fontSize: {
+        value: "16px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "500",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    600: {
+      fontSize: {
+        value: "16px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "600",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    }
+  },
+  base: {
+    400: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "400",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "-0.5px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    500: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "500",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "-0.5px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    600: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "600",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "-0.5px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    }
+  },
+  small: {
+    400: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "400",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    500: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "500",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    600: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "600",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    }
+  }
+}, A = {
+  base: {
+    400: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "400",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "4px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    500: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "500",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "4px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    600: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "600",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "4px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    }
+  },
+  small: {
+    400: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "400",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "4px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    500: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "500",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "4px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    600: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "600",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "4px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    }
+  }
+}, T = {
+  base: {
+    400: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "400",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "SF Mono, monospace",
+        type: "typography"
+      }
+    },
+    500: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "500",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "SF Mono, monospace",
+        type: "typography"
+      }
+    },
+    600: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "600",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "SF Mono, monospace",
+        type: "typography"
+      }
+    }
+  },
+  small: {
+    400: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "400",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "SF Mono, monospace",
+        type: "typography"
+      }
+    },
+    500: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "500",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "SF Mono, monospace",
+        type: "typography"
+      }
+    },
+    600: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "600",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "1",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "SF Mono, monospace",
+        type: "typography"
+      }
+    }
+  }
+}, c = {
+  medium: {
+    400: {
+      fontSize: {
+        value: "16px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "400",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "24px",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    500: {
+      fontSize: {
+        value: "16px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "500",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "24px",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    600: {
+      fontSize: {
+        value: "16px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "600",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "24px",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "0px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    }
+  },
+  base: {
+    400: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "400",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "20px",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "-0.5px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    500: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "500",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "20px",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "-0.5px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    600: {
+      fontSize: {
+        value: "13px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "600",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "20px",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "-0.5px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    }
+  },
+  small: {
+    400: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "400",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "18px",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "-0.5px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    500: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "500",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "18px",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "-0.5px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    },
+    600: {
+      fontSize: {
+        value: "11px",
+        type: "typography"
+      },
+      fontWeight: {
+        value: "600",
+        type: "typography"
+      },
+      lineHeight: {
+        value: "18px",
+        type: "typography"
+      },
+      letterSpacing: {
+        value: "-0.5px",
+        type: "typography"
+      },
+      fontFamily: {
+        value: "Inter, sans-serif",
+        type: "typography"
+      }
+    }
+  }
+}, g = {
+  fontFamily: _,
+  fontSize: l,
+  fontWeight: o,
+  lineHeight: y,
+  letterSpacing: r,
+  label: E,
+  uppercase: A,
+  code: T,
+  paragraph: c
 };
 export {
-  _ as Color,
-  F as ColorTailwind,
-  A as Spacing,
-  t as Typography,
-  p as colorTokens,
-  B as spacingTokens,
-  y as typographyTokens
+  u as Color,
+  f as ColorTailwind,
+  n as Spacing,
+  v as Typography,
+  L as colorTokens,
+  I as spacingTokens,
+  g as typographyTokens
 };