@signozhq/design-tokens 1.2.1 → 2.1.0

package/dist/design-tokens.js

@@ -1,83 +1,92 @@
-const _ = {
-  BG_ROBIN_50: "#EDF1FE",
-  BG_ROBIN_100: "#DCE3FE",
-  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: "#203375",
-  BG_ROBIN_850: "#18285F",
-  BG_ROBIN_900: "#101D49",
+const v = {
+  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: "#EFE5DE",
-  BG_SIENNA_150: "#E6D9CD",
-  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: "#34261A",
+  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_150: "#F7C8CA",
-  BG_CHERRY_200: "#F5B6B8",
-  BG_CHERRY_300: "#EF9194",
-  BG_CHERRY_400: "#EA6D71",
-  BG_CHERRY_500: "#E5484D",
-  BG_CHERRY_600: "#B83A3E",
-  BG_CHERRY_700: "#8B2C2F",
-  BG_CHERRY_800: "#5F1D1F",
+  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: "#D3F3FE",
-  BG_AQUA_150: "#BDEDFD",
-  BG_AQUA_200: "#A7E7FC",
-  BG_AQUA_300: "#7BDCFB",
-  BG_AQUA_400: "#4FD0F9",
-  BG_AQUA_500: "#23C4F8",
-  BG_AQUA_600: "#1C9DC6",
-  BG_AQUA_700: "#157695",
-  BG_AQUA_800: "#0E4E63",
-  BG_AQUA_850: "#0B3B4A",
+  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: "#041419",
-  BG_SAKURA_50: "#FEEDF0",
-  BG_SAKURA_100: "#FCDAE1",
-  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: "#541622",
-  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: "#AB8834",
+  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: "#6C541A",
+  BG_AMBER_850: "#6c5319",
   BG_AMBER_900: "#574311",
   BG_AMBER_950: "#423109",
-  BG_AMBER_1000: "#2D2000",
+  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: "#E9FCF4",
-  BG_FOREST_100: "#D3F9E9",
-  BG_FOREST_150: "#BEF6DE",
-  BG_FOREST_200: "#A8F3D3",
-  BG_FOREST_300: "#7CEDBE",
-  BG_FOREST_400: "#51E7A8",
-  BG_FOREST_500: "#25E192",
-  BG_FOREST_600: "#1EB475",
-  BG_FOREST_700: "#168758",
-  BG_FOREST_800: "#0F5A3A",
-  BG_FOREST_850: "#0B442C",
-  BG_FOREST_900: "#072D1D",
-  BG_FOREST_950: "#04170F",
-  TEXT_ROBIN_50: "#EDF1FE",
-  TEXT_ROBIN_100: "#DCE3FE",
-  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: "#203375",
-  TEXT_ROBIN_850: "#18285F",
-  TEXT_ROBIN_900: "#101D49",
+  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: "#EFE5DE",
-  TEXT_SIENNA_150: "#E6D9CD",
-  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: "#34261A",
+  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_150: "#F7C8CA",
-  TEXT_CHERRY_200: "#F5B6B8",
-  TEXT_CHERRY_300: "#EF9194",
-  TEXT_CHERRY_400: "#EA6D71",
-  TEXT_CHERRY_500: "#E5484D",
-  TEXT_CHERRY_600: "#B83A3E",
-  TEXT_CHERRY_700: "#8B2C2F",
-  TEXT_CHERRY_800: "#5F1D1F",
+  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: "#D3F3FE",
-  TEXT_AQUA_150: "#BDEDFD",
-  TEXT_AQUA_200: "#A7E7FC",
-  TEXT_AQUA_300: "#7BDCFB",
-  TEXT_AQUA_400: "#4FD0F9",
-  TEXT_AQUA_500: "#23C4F8",
-  TEXT_AQUA_600: "#1C9DC6",
-  TEXT_AQUA_700: "#157695",
-  TEXT_AQUA_800: "#0E4E63",
-  TEXT_AQUA_850: "#0B3B4A",
+  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: "#041419",
-  TEXT_SAKURA_50: "#FEEDF0",
-  TEXT_SAKURA_100: "#FCDAE1",
-  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: "#541622",
-  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: "#AB8834",
+  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: "#6C541A",
+  TEXT_AMBER_850: "#6c5319",
   TEXT_AMBER_900: "#574311",
   TEXT_AMBER_950: "#423109",
-  TEXT_AMBER_1000: "#2D2000",
+  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",
@@ -206,105 +238,128 @@ const _ = {
   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: "#E9FCF4",
-  TEXT_FOREST_100: "#D3F9E9",
-  TEXT_FOREST_150: "#BEF6DE",
-  TEXT_FOREST_200: "#A8F3D3",
-  TEXT_FOREST_300: "#7CEDBE",
-  TEXT_FOREST_400: "#51E7A8",
-  TEXT_FOREST_500: "#25E192",
-  TEXT_FOREST_600: "#1EB475",
-  TEXT_FOREST_700: "#168758",
-  TEXT_FOREST_800: "#0F5A3A",
-  TEXT_FOREST_850: "#0B442C",
-  TEXT_FOREST_900: "#072D1D",
-  TEXT_FOREST_950: "#04170F"
-}, F = {
-  "robin-50": "#EDF1FE",
-  "robin-100": "#DCE3FE",
-  "robin-150": "#CAD5FD",
-  "robin-200": "#B8C7FC",
-  "robin-300": "#95ACFB",
-  "robin-400": "#7190F9",
-  "robin-500": "#4E74F8",
-  "robin-600": "#3F5ECC",
-  "robin-700": "#2F48A0",
-  "robin-800": "#203375",
-  "robin-850": "#18285F",
-  "robin-900": "#101D49",
+  TEXT_GRADIENT_FLAMINGO: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
+}, T = {
+  "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": "#EFE5DE",
-  "sienna-150": "#E6D9CD",
-  "sienna-200": "#DECCBC",
-  "sienna-300": "#CEB29B",
-  "sienna-400": "#BD9979",
-  "sienna-500": "#AD7F58",
-  "sienna-600": "#8A6646",
-  "sienna-700": "#684C35",
-  "sienna-800": "#453323",
-  "sienna-850": "#34261A",
+  "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-150": "#F7C8CA",
-  "cherry-200": "#F5B6B8",
-  "cherry-300": "#EF9194",
-  "cherry-400": "#EA6D71",
-  "cherry-500": "#E5484D",
-  "cherry-600": "#B83A3E",
-  "cherry-700": "#8B2C2F",
-  "cherry-800": "#5F1D1F",
+  "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": "#D3F3FE",
-  "aqua-150": "#BDEDFD",
-  "aqua-200": "#A7E7FC",
-  "aqua-300": "#7BDCFB",
-  "aqua-400": "#4FD0F9",
-  "aqua-500": "#23C4F8",
-  "aqua-600": "#1C9DC6",
-  "aqua-700": "#157695",
-  "aqua-800": "#0E4E63",
-  "aqua-850": "#0B3B4A",
+  "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": "#041419",
-  "sakura-50": "#FEEDF0",
-  "sakura-100": "#FCDAE1",
-  "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": "#541622",
-  "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": "#AB8834",
+  "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": "#6C541A",
+  "amber-850": "#6c5319",
   "amber-900": "#574311",
   "amber-950": "#423109",
-  "amber-1000": "#2D2000",
+  "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",
@@ -320,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": "#E9FCF4",
-  "forest-100": "#D3F9E9",
-  "forest-150": "#BEF6DE",
-  "forest-200": "#A8F3D3",
-  "forest-300": "#7CEDBE",
-  "forest-400": "#51E7A8",
-  "forest-500": "#25E192",
-  "forest-600": "#1EB475",
-  "forest-700": "#168758",
-  "forest-800": "#0F5A3A",
-  "forest-850": "#0B442C",
-  "forest-900": "#072D1D",
-  "forest-950": "#04170F"
-}, A = {
+  "gradient-flamingo": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
+}, R = {
   PADDING_1: "0.25rem",
   PADDING_2: "0.5rem",
   PADDING_3: "0.75rem",
@@ -376,9 +445,12 @@ const _ = {
   MARGIN_48: "12rem",
   MARGIN_56: "14rem",
   MARGIN_64: "16rem"
-}, t = {
+}, s = {
+  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",
@@ -397,55 +469,708 @@ 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"
+}, S = {
+  LABEL_LARGE_400: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "18px",
+    fontWeight: "400",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  LABEL_LARGE_500: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "18px",
+    fontWeight: "500",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  LABEL_LARGE_600: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "18px",
+    fontWeight: "600",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  LABEL_MEDIUM_400: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "16px",
+    fontWeight: "400",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  LABEL_MEDIUM_500: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "16px",
+    fontWeight: "500",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  LABEL_MEDIUM_600: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "16px",
+    fontWeight: "600",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  LABEL_BASE_400: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "13px",
+    fontWeight: "400",
+    lineHeight: "1",
+    letterSpacing: "-0.5px"
+  },
+  LABEL_BASE_500: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "13px",
+    fontWeight: "500",
+    lineHeight: "1",
+    letterSpacing: "-0.5px"
+  },
+  LABEL_BASE_600: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "13px",
+    fontWeight: "600",
+    lineHeight: "1",
+    letterSpacing: "-0.5px"
+  },
+  LABEL_SMALL_400: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "11px",
+    fontWeight: "400",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  LABEL_SMALL_500: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "11px",
+    fontWeight: "500",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  LABEL_SMALL_600: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "11px",
+    fontWeight: "600",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  UPPERCASE_BASE_400: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "13px",
+    fontWeight: "400",
+    lineHeight: "1",
+    letterSpacing: "4px"
+  },
+  UPPERCASE_BASE_500: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "13px",
+    fontWeight: "500",
+    lineHeight: "1",
+    letterSpacing: "4px"
+  },
+  UPPERCASE_BASE_600: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "13px",
+    fontWeight: "600",
+    lineHeight: "1",
+    letterSpacing: "4px"
+  },
+  UPPERCASE_SMALL_400: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "11px",
+    fontWeight: "400",
+    lineHeight: "1",
+    letterSpacing: "4px"
+  },
+  UPPERCASE_SMALL_500: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "11px",
+    fontWeight: "500",
+    lineHeight: "1",
+    letterSpacing: "4px"
+  },
+  UPPERCASE_SMALL_600: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "11px",
+    fontWeight: "600",
+    lineHeight: "1",
+    letterSpacing: "4px"
+  },
+  CODE_BASE_400: {
+    fontFamily: "SF Mono, monospace",
+    fontSize: "13px",
+    fontWeight: "400",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  CODE_BASE_500: {
+    fontFamily: "SF Mono, monospace",
+    fontSize: "13px",
+    fontWeight: "500",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  CODE_BASE_600: {
+    fontFamily: "SF Mono, monospace",
+    fontSize: "13px",
+    fontWeight: "600",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  CODE_SMALL_400: {
+    fontFamily: "SF Mono, monospace",
+    fontSize: "11px",
+    fontWeight: "400",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  CODE_SMALL_500: {
+    fontFamily: "SF Mono, monospace",
+    fontSize: "11px",
+    fontWeight: "500",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  CODE_SMALL_600: {
+    fontFamily: "SF Mono, monospace",
+    fontSize: "11px",
+    fontWeight: "600",
+    lineHeight: "1",
+    letterSpacing: "0px"
+  },
+  PARAGRAPH_MEDIUM_400: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "16px",
+    fontWeight: "400",
+    lineHeight: "24px",
+    letterSpacing: "0px"
+  },
+  PARAGRAPH_MEDIUM_500: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "16px",
+    fontWeight: "500",
+    lineHeight: "24px",
+    letterSpacing: "0px"
+  },
+  PARAGRAPH_MEDIUM_600: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "16px",
+    fontWeight: "600",
+    lineHeight: "24px",
+    letterSpacing: "0px"
+  },
+  PARAGRAPH_BASE_400: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "13px",
+    fontWeight: "400",
+    lineHeight: "20px",
+    letterSpacing: "-0.5px"
+  },
+  PARAGRAPH_BASE_500: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "13px",
+    fontWeight: "500",
+    lineHeight: "20px",
+    letterSpacing: "-0.5px"
+  },
+  PARAGRAPH_BASE_600: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "13px",
+    fontWeight: "600",
+    lineHeight: "20px",
+    letterSpacing: "-0.5px"
+  },
+  PARAGRAPH_SMALL_400: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "11px",
+    fontWeight: "400",
+    lineHeight: "18px",
+    letterSpacing: "-0.5px"
+  },
+  PARAGRAPH_SMALL_500: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "11px",
+    fontWeight: "500",
+    lineHeight: "18px",
+    letterSpacing: "-0.5px"
+  },
+  PARAGRAPH_SMALL_600: {
+    fontFamily: "Inter, sans-serif",
+    fontSize: "11px",
+    fontWeight: "600",
+    lineHeight: "18px",
+    letterSpacing: "-0.5px"
+  }
+}, d = {
+  BACKGROUND: "var(--background)",
+  FOREGROUND: "var(--foreground)",
+  CARD: "var(--card)",
+  CARD_FOREGROUND: "var(--card-foreground)",
+  POPOVER: "var(--popover)",
+  POPOVER_FOREGROUND: "var(--popover-foreground)",
+  PRIMARY: "var(--primary)",
+  SECONDARY: "var(--secondary)",
+  MUTED: "var(--muted)",
+  MUTED_FOREGROUND: "var(--muted-foreground)",
+  ACCENT: "var(--accent)",
+  ACCENT_FOREGROUND: "var(--accent-foreground)",
+  DESTRUCTIVE: "var(--destructive)",
+  DESTRUCTIVE_FOREGROUND: "var(--destructive-foreground)",
+  BORDER: "var(--border)",
+  INPUT: "var(--input)",
+  RING: "var(--ring)",
+  RADIUS: "var(--radius)",
+  CHART_1: "var(--chart-1)",
+  CHART_2: "var(--chart-2)",
+  CHART_3: "var(--chart-3)",
+  CHART_4: "var(--chart-4)",
+  CHART_5: "var(--chart-5)",
+  SIDEBAR: "var(--sidebar)",
+  SIDEBAR_FOREGROUND: "var(--sidebar-foreground)",
+  SIDEBAR_PRIMARY: "var(--sidebar-primary)",
+  SIDEBAR_PRIMARY_FOREGROUND: "var(--sidebar-primary-foreground)",
+  SIDEBAR_ACCENT: "var(--sidebar-accent)",
+  SIDEBAR_ACCENT_FOREGROUND: "var(--sidebar-accent-foreground)",
+  SIDEBAR_BORDER: "var(--sidebar-border)",
+  SIDEBAR_RING: "var(--sidebar-ring)",
+  FONT_SANS: "var(--font-sans)",
+  FONT_SERIF: "var(--font-serif)",
+  FONT_MONO: "var(--font-mono)",
+  BASE_WHITE: "var(--base-white)",
+  BASE_BLACK: "var(--base-black)",
+  L1_BACKGROUND: "var(--l1-background)",
+  L2_BACKGROUND: "var(--l2-background)",
+  L3_BACKGROUND: "var(--l3-background)",
+  L1_BACKGROUND_HOVER: "var(--l1-background-hover)",
+  L2_BACKGROUND_HOVER: "var(--l2-background-hover)",
+  L3_BACKGROUND_HOVER: "var(--l3-background-hover)",
+  L1_FOREGROUND: "var(--l1-foreground)",
+  L1_FOREGROUND_HOVER: "var(--l1-foreground-hover)",
+  L2_FOREGROUND: "var(--l2-foreground)",
+  L2_FOREGROUND_HOVER: "var(--l2-foreground-hover)",
+  L3_FOREGROUND: "var(--l3-foreground)",
+  L3_FOREGROUND_HOVER: "var(--l3-foreground-hover)",
+  L1_BORDER: "var(--l1-border)",
+  L2_BORDER: "var(--l2-border)",
+  L3_BORDER: "var(--l3-border)",
+  PRIMARY_BACKGROUND: "var(--primary-background)",
+  PRIMARY_BACKGROUND_HOVER: "var(--primary-background-hover)",
+  PRIMARY_FOREGROUND: "var(--primary-foreground)",
+  PRIMARY_FOREGROUND_HOVER: "var(--primary-foreground-hover)",
+  SECONDARY_BACKGROUND: "var(--secondary-background)",
+  SECONDARY_BACKGROUND_HOVER: "var(--secondary-background-hover)",
+  SECONDARY_FOREGROUND: "var(--secondary-foreground)",
+  SECONDARY_FOREGROUND_HOVER: "var(--secondary-foreground-hover)",
+  SECONDARY_BORDER: "var(--secondary-border)",
+  SUCCESS_BACKGROUND: "var(--success-background)",
+  SUCCESS_BACKGROUND_HOVER: "var(--success-background-hover)",
+  SUCCESS_FOREGROUND: "var(--success-foreground)",
+  SUCCESS_FOREGROUND_HOVER: "var(--success-foreground-hover)",
+  WARNING_BACKGROUND: "var(--warning-background)",
+  WARNING_BACKGROUND_HOVER: "var(--warning-background-hover)",
+  WARNING_FOREGROUND: "var(--warning-foreground)",
+  WARNING_FOREGROUND_HOVER: "var(--warning-foreground-hover)",
+  DANGER_BACKGROUND: "var(--danger-background)",
+  DANGER_BACKGROUND_HOVER: "var(--danger-background-hover)",
+  DANGER_FOREGROUND: "var(--danger-foreground)",
+  DANGER_FOREGROUND_HOVER: "var(--danger-foreground-hover)",
+  L1_BACKGROUND_TRANSPARENT: "var(--l1-background-transparent)",
+  L1_BACKGROUND_60: "var(--l1-background-60)",
+  L2_BACKGROUND_TRANSPARENT: "var(--l2-background-transparent)",
+  L2_BACKGROUND_60: "var(--l2-background-60)",
+  L3_BACKGROUND_TRANSPARENT: "var(--l3-background-transparent)",
+  L3_BACKGROUND_60: "var(--l3-background-60)",
+  ALERT_STRIP_BUTTON_BACKGROUND: "var(--alert-strip-button-background)",
+  CALLOUT_PRIMARY_BACKGROUND: "var(--callout-primary-background)",
+  CALLOUT_PRIMARY_BORDER: "var(--callout-primary-border)",
+  CALLOUT_PRIMARY_TITLE: "var(--callout-primary-title)",
+  CALLOUT_PRIMARY_DESCRIPTION: "var(--callout-primary-description)",
+  CALLOUT_PRIMARY_ICON: "var(--callout-primary-icon)",
+  CALLOUT_SUCCESS_BACKGROUND: "var(--callout-success-background)",
+  CALLOUT_SUCCESS_BORDER: "var(--callout-success-border)",
+  CALLOUT_SUCCESS_TITLE: "var(--callout-success-title)",
+  CALLOUT_SUCCESS_DESCRIPTION: "var(--callout-success-description)",
+  CALLOUT_SUCCESS_ICON: "var(--callout-success-icon)",
+  CALLOUT_WARNING_BACKGROUND: "var(--callout-warning-background)",
+  CALLOUT_WARNING_BORDER: "var(--callout-warning-border)",
+  CALLOUT_WARNING_TITLE: "var(--callout-warning-title)",
+  CALLOUT_WARNING_DESCRIPTION: "var(--callout-warning-description)",
+  CALLOUT_WARNING_ICON: "var(--callout-warning-icon)",
+  CALLOUT_ERROR_BACKGROUND: "var(--callout-error-background)",
+  CALLOUT_ERROR_BORDER: "var(--callout-error-border)",
+  CALLOUT_ERROR_TITLE: "var(--callout-error-title)",
+  CALLOUT_ERROR_DESCRIPTION: "var(--callout-error-description)",
+  CALLOUT_ERROR_ICON: "var(--callout-error-icon)",
+  ACCENT_PRIMARY: "var(--accent-primary)",
+  ACCENT_PRIMARY_HOVER: "var(--accent-primary-hover)",
+  ACCENT_PRIMARY_FOREGROUND: "var(--accent-primary-foreground)",
+  ACCENT_FOREST: "var(--accent-forest)",
+  ACCENT_FOREST_HOVER: "var(--accent-forest-hover)",
+  ACCENT_FOREST_FOREGROUND: "var(--accent-forest-foreground)",
+  ACCENT_AMBER: "var(--accent-amber)",
+  ACCENT_AMBER_HOVER: "var(--accent-amber-hover)",
+  ACCENT_AMBER_FOREGROUND: "var(--accent-amber-foreground)",
+  ACCENT_CHERRY: "var(--accent-cherry)",
+  ACCENT_CHERRY_HOVER: "var(--accent-cherry-hover)",
+  ACCENT_CHERRY_FOREGROUND: "var(--accent-cherry-foreground)",
+  ACCENT_AQUA: "var(--accent-aqua)",
+  ACCENT_AQUA_HOVER: "var(--accent-aqua-hover)",
+  ACCENT_AQUA_FOREGROUND: "var(--accent-aqua-foreground)",
+  ACCENT_SAKURA: "var(--accent-sakura)",
+  ACCENT_SAKURA_HOVER: "var(--accent-sakura-hover)",
+  ACCENT_SAKURA_FOREGROUND: "var(--accent-sakura-foreground)",
+  ACCENT_SIENNA: "var(--accent-sienna)",
+  ACCENT_SIENNA_HOVER: "var(--accent-sienna-hover)",
+  ACCENT_SIENNA_FOREGROUND: "var(--accent-sienna-foreground)"
+}, L = {
+  background: "var(--background)",
+  foreground: "var(--foreground)",
+  card: "var(--card)",
+  "card-foreground": "var(--card-foreground)",
+  popover: "var(--popover)",
+  "popover-foreground": "var(--popover-foreground)",
+  primary: "var(--primary)",
+  secondary: "var(--secondary)",
+  muted: "var(--muted)",
+  "muted-foreground": "var(--muted-foreground)",
+  accent: "var(--accent)",
+  "accent-foreground": "var(--accent-foreground)",
+  destructive: "var(--destructive)",
+  "destructive-foreground": "var(--destructive-foreground)",
+  border: "var(--border)",
+  input: "var(--input)",
+  ring: "var(--ring)",
+  radius: "var(--radius)",
+  "chart-1": "var(--chart-1)",
+  "chart-2": "var(--chart-2)",
+  "chart-3": "var(--chart-3)",
+  "chart-4": "var(--chart-4)",
+  "chart-5": "var(--chart-5)",
+  sidebar: "var(--sidebar)",
+  "sidebar-foreground": "var(--sidebar-foreground)",
+  "sidebar-primary": "var(--sidebar-primary)",
+  "sidebar-primary-foreground": "var(--sidebar-primary-foreground)",
+  "sidebar-accent": "var(--sidebar-accent)",
+  "sidebar-accent-foreground": "var(--sidebar-accent-foreground)",
+  "sidebar-border": "var(--sidebar-border)",
+  "sidebar-ring": "var(--sidebar-ring)",
+  "font-sans": "var(--font-sans)",
+  "font-serif": "var(--font-serif)",
+  "font-mono": "var(--font-mono)",
+  "base-white": "var(--base-white)",
+  "base-black": "var(--base-black)",
+  "l1-background": "var(--l1-background)",
+  "l2-background": "var(--l2-background)",
+  "l3-background": "var(--l3-background)",
+  "l1-background-hover": "var(--l1-background-hover)",
+  "l2-background-hover": "var(--l2-background-hover)",
+  "l3-background-hover": "var(--l3-background-hover)",
+  "l1-foreground": "var(--l1-foreground)",
+  "l1-foreground-hover": "var(--l1-foreground-hover)",
+  "l2-foreground": "var(--l2-foreground)",
+  "l2-foreground-hover": "var(--l2-foreground-hover)",
+  "l3-foreground": "var(--l3-foreground)",
+  "l3-foreground-hover": "var(--l3-foreground-hover)",
+  "l1-border": "var(--l1-border)",
+  "l2-border": "var(--l2-border)",
+  "l3-border": "var(--l3-border)",
+  "primary-background": "var(--primary-background)",
+  "primary-background-hover": "var(--primary-background-hover)",
+  "primary-foreground": "var(--primary-foreground)",
+  "primary-foreground-hover": "var(--primary-foreground-hover)",
+  "secondary-background": "var(--secondary-background)",
+  "secondary-background-hover": "var(--secondary-background-hover)",
+  "secondary-foreground": "var(--secondary-foreground)",
+  "secondary-foreground-hover": "var(--secondary-foreground-hover)",
+  "secondary-border": "var(--secondary-border)",
+  "success-background": "var(--success-background)",
+  "success-background-hover": "var(--success-background-hover)",
+  "success-foreground": "var(--success-foreground)",
+  "success-foreground-hover": "var(--success-foreground-hover)",
+  "warning-background": "var(--warning-background)",
+  "warning-background-hover": "var(--warning-background-hover)",
+  "warning-foreground": "var(--warning-foreground)",
+  "warning-foreground-hover": "var(--warning-foreground-hover)",
+  "danger-background": "var(--danger-background)",
+  "danger-background-hover": "var(--danger-background-hover)",
+  "danger-foreground": "var(--danger-foreground)",
+  "danger-foreground-hover": "var(--danger-foreground-hover)",
+  "l1-background-transparent": "var(--l1-background-transparent)",
+  "l1-background-60": "var(--l1-background-60)",
+  "l2-background-transparent": "var(--l2-background-transparent)",
+  "l2-background-60": "var(--l2-background-60)",
+  "l3-background-transparent": "var(--l3-background-transparent)",
+  "l3-background-60": "var(--l3-background-60)",
+  "alert-strip-button-background": "var(--alert-strip-button-background)",
+  "callout-primary-background": "var(--callout-primary-background)",
+  "callout-primary-border": "var(--callout-primary-border)",
+  "callout-primary-title": "var(--callout-primary-title)",
+  "callout-primary-description": "var(--callout-primary-description)",
+  "callout-primary-icon": "var(--callout-primary-icon)",
+  "callout-success-background": "var(--callout-success-background)",
+  "callout-success-border": "var(--callout-success-border)",
+  "callout-success-title": "var(--callout-success-title)",
+  "callout-success-description": "var(--callout-success-description)",
+  "callout-success-icon": "var(--callout-success-icon)",
+  "callout-warning-background": "var(--callout-warning-background)",
+  "callout-warning-border": "var(--callout-warning-border)",
+  "callout-warning-title": "var(--callout-warning-title)",
+  "callout-warning-description": "var(--callout-warning-description)",
+  "callout-warning-icon": "var(--callout-warning-icon)",
+  "callout-error-background": "var(--callout-error-background)",
+  "callout-error-border": "var(--callout-error-border)",
+  "callout-error-title": "var(--callout-error-title)",
+  "callout-error-description": "var(--callout-error-description)",
+  "callout-error-icon": "var(--callout-error-icon)",
+  "accent-primary": "var(--accent-primary)",
+  "accent-primary-hover": "var(--accent-primary-hover)",
+  "accent-primary-foreground": "var(--accent-primary-foreground)",
+  "accent-forest": "var(--accent-forest)",
+  "accent-forest-hover": "var(--accent-forest-hover)",
+  "accent-forest-foreground": "var(--accent-forest-foreground)",
+  "accent-amber": "var(--accent-amber)",
+  "accent-amber-hover": "var(--accent-amber-hover)",
+  "accent-amber-foreground": "var(--accent-amber-foreground)",
+  "accent-cherry": "var(--accent-cherry)",
+  "accent-cherry-hover": "var(--accent-cherry-hover)",
+  "accent-cherry-foreground": "var(--accent-cherry-foreground)",
+  "accent-aqua": "var(--accent-aqua)",
+  "accent-aqua-hover": "var(--accent-aqua-hover)",
+  "accent-aqua-foreground": "var(--accent-aqua-foreground)",
+  "accent-sakura": "var(--accent-sakura)",
+  "accent-sakura-hover": "var(--accent-sakura-hover)",
+  "accent-sakura-foreground": "var(--accent-sakura-foreground)",
+  "accent-sienna": "var(--accent-sienna)",
+  "accent-sienna-hover": "var(--accent-sienna-hover)",
+  "accent-sienna-foreground": "var(--accent-sienna-foreground)"
 }, e = {
   Robin: {
     50: {
-      value: "#EDF1FE",
+      value: "#edf1fe",
       type: "color"
     },
     100: {
-      value: "#DCE3FE",
+      value: "#cad5fd",
       type: "color"
     },
     150: {
-      value: "#CAD5FD",
+      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: "#203375",
-      type: "color"
-    },
-    850: {
-      value: "#18285F",
+      value: "#1f3274",
       type: "color"
     },
     900: {
-      value: "#101D49",
+      value: "#101d49",
       type: "color"
     },
     950: {
@@ -455,47 +1180,43 @@ const _ = {
   },
   Sienna: {
     50: {
-      value: "#F7F2EE",
+      value: "#f7f2ee",
       type: "color"
     },
     100: {
-      value: "#EFE5DE",
-      type: "color"
-    },
-    150: {
-      value: "#E6D9CD",
+      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: "#34261A",
+      value: "#34261a",
       type: "color"
     },
     900: {
@@ -503,49 +1224,45 @@ const _ = {
       type: "color"
     },
     950: {
-      value: "#110D09",
+      value: "#110d09",
       type: "color"
     }
   },
   Cherry: {
     50: {
-      value: "#FCEDED",
+      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: "#EF9194",
+      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: "#8B2C2F",
+      value: "#8b2c2f",
       type: "color"
     },
     800: {
-      value: "#5F1D1F",
+      value: "#5e1d1f",
       type: "color"
     },
     850: {
@@ -553,57 +1270,53 @@ const _ = {
       type: "color"
     },
     900: {
-      value: "#320F10",
+      value: "#320f10",
       type: "color"
     },
     950: {
-      value: "#1B0809",
+      value: "#1b0809",
       type: "color"
     }
   },
   Aqua: {
     50: {
-      value: "#E9F9FE",
+      value: "#e9f9fe",
       type: "color"
     },
     100: {
-      value: "#D3F3FE",
-      type: "color"
-    },
-    150: {
-      value: "#BDEDFD",
+      value: "#c1eefd",
       type: "color"
     },
     200: {
-      value: "#A7E7FC",
+      value: "#9ae4fc",
       type: "color"
     },
     300: {
-      value: "#7BDCFB",
+      value: "#72d9fb",
       type: "color"
     },
     400: {
-      value: "#4FD0F9",
+      value: "#4bcff9",
       type: "color"
     },
     500: {
-      value: "#23C4F8",
+      value: "#23c4f8",
       type: "color"
     },
     600: {
-      value: "#1C9DC6",
+      value: "#07afe6",
       type: "color"
     },
     700: {
-      value: "#157695",
+      value: "#157594",
       type: "color"
     },
     800: {
-      value: "#0E4E63",
+      value: "#0e4e63",
       type: "color"
     },
     850: {
-      value: "#0B3B4A",
+      value: "#0b3b4a",
       type: "color"
     },
     900: {
@@ -617,93 +1330,93 @@ const _ = {
   },
   Sakura: {
     50: {
-      value: "#FEEDF0",
+      value: "#feedf0",
       type: "color"
     },
     100: {
-      value: "#FCDAE1",
+      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: "#982B41",
+      value: "#982b41",
       type: "color"
     },
     800: {
-      value: "#6A1D2C",
+      value: "#6a1d2c",
       type: "color"
     },
     850: {
-      value: "#541622",
+      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: "#AB8834",
+      value: "#ab8834",
       type: "color"
     },
     800: {
@@ -711,7 +1424,7 @@ const _ = {
       type: "color"
     },
     850: {
-      value: "#6C541A",
+      value: "#6c5319",
       type: "color"
     },
     900: {
@@ -723,7 +1436,61 @@ const _ = {
       type: "color"
     },
     1e3: {
-      value: "#2D2000",
+      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"
     }
   },
@@ -793,134 +1560,190 @@ 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: "#E9FCF4",
+      value: "#1e1f24",
       type: "color"
     },
     100: {
-      value: "#D3F9E9",
-      type: "color"
-    },
-    150: {
-      value: "#BEF6DE",
+      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: "#168758",
+      value: "#e0e1e6",
       type: "color"
     },
     800: {
-      value: "#0F5A3A",
-      type: "color"
-    },
-    850: {
-      value: "#0B442C",
+      value: "#e7e8ec",
       type: "color"
     },
     900: {
-      value: "#072D1D",
+      value: "#eff0f3",
       type: "color"
     },
     950: {
-      value: "#04170F",
+      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"
     }
   }
-}, l = {
+}, a = {
   Robin: {
     50: {
-      value: "#EDF1FE",
+      value: "#edf1fe",
       type: "color"
     },
     100: {
-      value: "#DCE3FE",
+      value: "#cad5fd",
       type: "color"
     },
     150: {
-      value: "#CAD5FD",
+      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: "#203375",
-      type: "color"
-    },
-    850: {
-      value: "#18285F",
+      value: "#1f3274",
       type: "color"
     },
     900: {
-      value: "#101D49",
+      value: "#101d49",
       type: "color"
     },
     950: {
@@ -930,47 +1753,43 @@ const _ = {
   },
   Sienna: {
     50: {
-      value: "#F7F2EE",
+      value: "#f7f2ee",
       type: "color"
     },
     100: {
-      value: "#EFE5DE",
-      type: "color"
-    },
-    150: {
-      value: "#E6D9CD",
+      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: "#34261A",
+      value: "#34261a",
       type: "color"
     },
     900: {
@@ -978,49 +1797,45 @@ const _ = {
       type: "color"
     },
     950: {
-      value: "#110D09",
+      value: "#110d09",
       type: "color"
     }
   },
   Cherry: {
     50: {
-      value: "#FCEDED",
+      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: "#EF9194",
+      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: "#8B2C2F",
+      value: "#8b2c2f",
       type: "color"
     },
     800: {
-      value: "#5F1D1F",
+      value: "#5e1d1f",
       type: "color"
     },
     850: {
@@ -1028,57 +1843,53 @@ const _ = {
       type: "color"
     },
     900: {
-      value: "#320F10",
+      value: "#320f10",
       type: "color"
     },
     950: {
-      value: "#1B0809",
+      value: "#1b0809",
       type: "color"
     }
   },
   Aqua: {
     50: {
-      value: "#E9F9FE",
+      value: "#e9f9fe",
       type: "color"
     },
     100: {
-      value: "#D3F3FE",
-      type: "color"
-    },
-    150: {
-      value: "#BDEDFD",
+      value: "#c1eefd",
       type: "color"
     },
     200: {
-      value: "#A7E7FC",
+      value: "#9ae4fc",
       type: "color"
     },
     300: {
-      value: "#7BDCFB",
+      value: "#72d9fb",
       type: "color"
     },
     400: {
-      value: "#4FD0F9",
+      value: "#4bcff9",
       type: "color"
     },
     500: {
-      value: "#23C4F8",
+      value: "#23c4f8",
       type: "color"
     },
     600: {
-      value: "#1C9DC6",
+      value: "#07afe6",
       type: "color"
     },
     700: {
-      value: "#157695",
+      value: "#157594",
       type: "color"
     },
     800: {
-      value: "#0E4E63",
+      value: "#0e4e63",
       type: "color"
     },
     850: {
-      value: "#0B3B4A",
+      value: "#0b3b4a",
       type: "color"
     },
     900: {
@@ -1092,93 +1903,93 @@ const _ = {
   },
   Sakura: {
     50: {
-      value: "#FEEDF0",
+      value: "#feedf0",
       type: "color"
     },
     100: {
-      value: "#FCDAE1",
+      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: "#982B41",
+      value: "#982b41",
       type: "color"
     },
     800: {
-      value: "#6A1D2C",
+      value: "#6a1d2c",
       type: "color"
     },
     850: {
-      value: "#541622",
+      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: "#AB8834",
+      value: "#ab8834",
       type: "color"
     },
     800: {
@@ -1186,7 +1997,7 @@ const _ = {
       type: "color"
     },
     850: {
-      value: "#6C541A",
+      value: "#6c5319",
       type: "color"
     },
     900: {
@@ -1198,7 +2009,61 @@ const _ = {
       type: "color"
     },
     1e3: {
-      value: "#2D2000",
+      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"
     }
   },
@@ -1268,90 +2133,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: "#E9FCF4",
+      value: "#1e1f24",
       type: "color"
     },
     100: {
-      value: "#D3F9E9",
-      type: "color"
-    },
-    150: {
-      value: "#BEF6DE",
+      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: "#168758",
+      value: "#e0e1e6",
       type: "color"
     },
     800: {
-      value: "#0F5A3A",
-      type: "color"
-    },
-    850: {
-      value: "#0B442C",
+      value: "#e7e8ec",
       type: "color"
     },
     900: {
-      value: "#072D1D",
+      value: "#eff0f3",
       type: "color"
     },
     950: {
-      value: "#04170F",
+      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 = {
+}, I = {
   bg: e,
-  text: l
-}, a = {
+  text: a
+}, r = {
   1: {
     value: "0.25rem",
     type: "spacing"
@@ -1424,7 +2349,7 @@ const _ = {
     value: "16rem",
     type: "spacing"
   }
-}, o = {
+}, t = {
   1: {
     value: "0.25rem",
     type: "spacing"
@@ -1497,10 +2422,19 @@ const _ = {
     value: "16rem",
     type: "spacing"
   }
-}, y = {
-  padding: a,
-  margin: o
-}, E = {
+}, h = {
+  padding: r,
+  margin: t
+}, o = {
+  inter: {
+    value: "Inter, sans-serif",
+    type: "typography"
+  },
+  sfMono: {
+    value: "SF Mono, monospace",
+    type: "typography"
+  }
+}, p = {
   xs: {
     value: "0.75rem",
     type: "typography"
@@ -1509,6 +2443,10 @@ const _ = {
     value: "0.875rem",
     type: "typography"
   },
+  base: {
+    value: "1rem",
+    type: "typography"
+  },
   lg: {
     value: "1.125rem",
     type: "typography"
@@ -1549,7 +2487,7 @@ const _ = {
     value: "8rem",
     type: "typography"
   }
-}, r = {
+}, l = {
   thin: {
     value: "100",
     type: "typography"
@@ -1586,16 +2524,1115 @@ const _ = {
     value: "900",
     type: "typography"
   }
-}, B = {
-  fontSize: E,
-  fontWeight: r
+}, n = {
+  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"
+  }
+}, _ = {
+  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"
+  }
+}, c = {
+  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"
+      }
+    }
+  }
+}, y = {
+  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"
+      }
+    }
+  }
+}, i = {
+  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"
+      }
+    }
+  }
+}, E = {
+  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"
+      }
+    }
+  }
+}, N = {
+  fontFamily: o,
+  fontSize: p,
+  fontWeight: l,
+  lineHeight: n,
+  letterSpacing: _,
+  label: c,
+  uppercase: y,
+  code: i,
+  paragraph: E
+}, A = {
+  large: {
+    400: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "18px",
+      fontWeight: "400",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    },
+    500: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "18px",
+      fontWeight: "500",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    },
+    600: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "18px",
+      fontWeight: "600",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    }
+  },
+  medium: {
+    400: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "16px",
+      fontWeight: "400",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    },
+    500: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "16px",
+      fontWeight: "500",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    },
+    600: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "16px",
+      fontWeight: "600",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    }
+  },
+  base: {
+    400: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "13px",
+      fontWeight: "400",
+      lineHeight: "1",
+      letterSpacing: "-0.5px"
+    },
+    500: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "13px",
+      fontWeight: "500",
+      lineHeight: "1",
+      letterSpacing: "-0.5px"
+    },
+    600: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "13px",
+      fontWeight: "600",
+      lineHeight: "1",
+      letterSpacing: "-0.5px"
+    }
+  },
+  small: {
+    400: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "11px",
+      fontWeight: "400",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    },
+    500: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "11px",
+      fontWeight: "500",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    },
+    600: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "11px",
+      fontWeight: "600",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    }
+  }
+}, f = {
+  base: {
+    400: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "13px",
+      fontWeight: "400",
+      lineHeight: "1",
+      letterSpacing: "4px"
+    },
+    500: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "13px",
+      fontWeight: "500",
+      lineHeight: "1",
+      letterSpacing: "4px"
+    },
+    600: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "13px",
+      fontWeight: "600",
+      lineHeight: "1",
+      letterSpacing: "4px"
+    }
+  },
+  small: {
+    400: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "11px",
+      fontWeight: "400",
+      lineHeight: "1",
+      letterSpacing: "4px"
+    },
+    500: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "11px",
+      fontWeight: "500",
+      lineHeight: "1",
+      letterSpacing: "4px"
+    },
+    600: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "11px",
+      fontWeight: "600",
+      lineHeight: "1",
+      letterSpacing: "4px"
+    }
+  }
+}, g = {
+  base: {
+    400: {
+      fontFamily: "SF Mono, monospace",
+      fontSize: "13px",
+      fontWeight: "400",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    },
+    500: {
+      fontFamily: "SF Mono, monospace",
+      fontSize: "13px",
+      fontWeight: "500",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    },
+    600: {
+      fontFamily: "SF Mono, monospace",
+      fontSize: "13px",
+      fontWeight: "600",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    }
+  },
+  small: {
+    400: {
+      fontFamily: "SF Mono, monospace",
+      fontSize: "11px",
+      fontWeight: "400",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    },
+    500: {
+      fontFamily: "SF Mono, monospace",
+      fontSize: "11px",
+      fontWeight: "500",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    },
+    600: {
+      fontFamily: "SF Mono, monospace",
+      fontSize: "11px",
+      fontWeight: "600",
+      lineHeight: "1",
+      letterSpacing: "0px"
+    }
+  }
+}, u = {
+  medium: {
+    400: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "16px",
+      fontWeight: "400",
+      lineHeight: "24px",
+      letterSpacing: "0px"
+    },
+    500: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "16px",
+      fontWeight: "500",
+      lineHeight: "24px",
+      letterSpacing: "0px"
+    },
+    600: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "16px",
+      fontWeight: "600",
+      lineHeight: "24px",
+      letterSpacing: "0px"
+    }
+  },
+  base: {
+    400: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "13px",
+      fontWeight: "400",
+      lineHeight: "20px",
+      letterSpacing: "-0.5px"
+    },
+    500: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "13px",
+      fontWeight: "500",
+      lineHeight: "20px",
+      letterSpacing: "-0.5px"
+    },
+    600: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "13px",
+      fontWeight: "600",
+      lineHeight: "20px",
+      letterSpacing: "-0.5px"
+    }
+  },
+  small: {
+    400: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "11px",
+      fontWeight: "400",
+      lineHeight: "18px",
+      letterSpacing: "-0.5px"
+    },
+    500: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "11px",
+      fontWeight: "500",
+      lineHeight: "18px",
+      letterSpacing: "-0.5px"
+    },
+    600: {
+      fontFamily: "Inter, sans-serif",
+      fontSize: "11px",
+      fontWeight: "600",
+      lineHeight: "18px",
+      letterSpacing: "-0.5px"
+    }
+  }
+}, G = {
+  label: A,
+  uppercase: f,
+  code: g,
+  paragraph: u
 };
 export {
-  _ as Color,
-  F as ColorTailwind,
-  A as Spacing,
-  t as Typography,
-  p as colorTokens,
-  y as spacingTokens,
-  B as typographyTokens
+  v as Color,
+  T as ColorTailwind,
+  R as Spacing,
+  d as Style,
+  L as StyleTailwind,
+  s as Typography,
+  S as TypographyStyles,
+  I as colorTokens,
+  h as spacingTokens,
+  G as typographyStylesTokens,
+  N as typographyTokens
 };