@lightsparkdev/ui 0.0.12 → 1.0.0

package/dist/styles/fields.cjs

@@ -53,6 +53,7 @@ __export(fields_exports, {
   LabelDiv: () => LabelDiv,
   StyledInputSubtext: () => StyledInputSubtext,
   aboveFieldError: () => aboveFieldError,
+  defaultTextInputTypography: () => defaultTextInputTypography,
   fieldWidth: () => fieldWidth,
   formButtonTopMargin: () => formButtonTopMargin,
   formButtonTopMarginStyle: () => formButtonTopMarginStyle,
@@ -64,7 +65,6 @@ __export(fields_exports, {
   textInputBorderColor: () => textInputBorderColor,
   textInputBorderColorFocused: () => textInputBorderColorFocused,
   textInputBorderRadiusPx: () => textInputBorderRadiusPx,
-  textInputColor: () => textInputColor,
   textInputFontWeight: () => textInputFontWeight,
   textInputPadding: () => textInputPadding,
   textInputPaddingPx: () => textInputPaddingPx,
@@ -76,8 +76,9 @@ var import_react5 = require("@emotion/react");
 var import_styled2 = __toESM(require("@emotion/styled"), 1);
 var import_react6 = require("react");
 
-// src/styles/colors.tsx
-var import_react3 = require("@emotion/react");
+// src/styles/common.tsx
+var import_react4 = require("@emotion/react");
+var import_styled = __toESM(require("@emotion/styled"), 1);
 
 // src/styles/breakpoints.tsx
 var import_react = require("@emotion/react");
@@ -175,41 +176,228 @@ function inRange(currentBp, assertBp) {
   return false;
 }
 
-// src/styles/fonts/typographyTokens.ts
+// src/styles/colors.tsx
+var neutral = {
+  black: "#000000",
+  gray5: "#0D0D0D",
+  gray10: "#1A1A1A",
+  gray15: "#262626",
+  gray20: "#333333",
+  gray25: "#404040",
+  gray30: "#4D4D4D",
+  gray40: "#666666",
+  gray50: "#808080",
+  gray57: "#8B8E98",
+  gray60: "#999999",
+  gray70: "#B3B3B3",
+  gray80: "#CCCCCC",
+  gray85: "#D9D9D9",
+  gray90: "#E6E6E6",
+  gray91: "#171717",
+  gray95: "#F2F2F2",
+  gray98: "#F9F9F9",
+  white: "#FFFFFF"
+};
+var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
+var primary = "#FFF14E";
+var baseColors = __spreadProps(__spreadValues({}, neutral), {
+  // green
+  success: "#17C27C",
+  green33: "#179257",
+  // blue
+  blue43: "#145BC6",
+  blue22: "#0E2E60",
+  blue39: "#0068C9",
+  blue37: "#21529c",
+  blue58: "#28BFFF",
+  // less than 50% saturated blue
+  grayBlue9: "#16171A",
+  grayBlue32: "#4F5156",
+  grayBlue43: "#686A72",
+  grayBlue45: "#676F80",
+  grayBlue67: "#9BA7B9",
+  grayBlue80: "#C0C9D6",
+  grayBlue88: "#DEDFE4",
+  grayBlue94: "#EBEEF2",
+  grayBlue96: "#F2F5F7",
+  // purple
+  purple43: "#820AD1",
+  purple55: "#8B38DE",
+  // red
+  red42a10: "#D800271A",
+  // yellow
+  primary,
+  warning: primary,
+  // orange
+  danger: "#FD2C0F",
+  // neutral
+  secondary: neutral.black
+});
+var colors = baseColors;
+function isColorKey(key) {
+  return key in colors;
+}
+function hcNeutralFromBg(bgHex, defaultHex, altHex) {
+  const bgRGB = hexToRGB(bgHex);
+  const hcRGB = hexToRGB(defaultHex);
+  if (!bgRGB || !hcRGB)
+    return defaultHex;
+  const c = contrast(bgRGB, hcRGB);
+  if (c < 4.5) {
+    return altHex;
+  }
+  return defaultHex;
+}
+function luminance(r, g, b) {
+  const a = [r, g, b].map(function(v) {
+    v /= 255;
+    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  });
+  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+}
+function contrast(rgb1, rgb2) {
+  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
+  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
+  const brightest = Math.max(lum1, lum2);
+  const darkest = Math.min(lum1, lum2);
+  return (brightest + 0.05) / (darkest + 0.05);
+}
+function hexToRGB(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? [
+    parseInt(result[1], 16),
+    parseInt(result[2], 16),
+    parseInt(result[3], 16)
+  ] : [0, 0, 0];
+}
+
+// src/styles/themes.tsx
+var import_react3 = require("@emotion/react");
+var import_deepmerge = __toESM(require("deepmerge"), 1);
+
+// src/styles/buttons.tsx
+var buttonsThemeBase = {
+  defaultSize: "Small",
+  defaultTypography: "Body Strong",
+  defaultBorderRadius: 32,
+  defaultBorderWidth: 1,
+  defaultBackgroundColor: "bg",
+  defaultBorderColor: "bg",
+  defaultHoverBackgroundColor: "bg",
+  defaultHoverBorderColor: "bg",
+  defaultOutlineOffset: 1,
+  defaultPaddingsY: {
+    ExtraSmall: 4,
+    Small: {
+      short: 8,
+      regular: 12
+    },
+    Schmedium: 12,
+    Medium: 12,
+    Mlarge: 12,
+    Large: 12
+  },
+  kinds: {}
+};
+var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
+  kinds: {
+    primary: {
+      defaultBorderWidth: 0,
+      defaultBackgroundColor: "c9Neutral",
+      defaultBorderColor: "c9Neutral",
+      defaultHoverBackgroundColor: "c8Neutral",
+      defaultHoverBorderColor: "c8Neutral"
+    },
+    ghost: {
+      defaultBackgroundColor: "transparent",
+      defaultBorderWidth: 0,
+      defaultHoverBackgroundColor: "transparent",
+      defaultHoverBorderColor: "transparent",
+      defaultPaddingsY: {
+        ExtraSmall: 0,
+        Small: 0,
+        Schmedium: 0,
+        Medium: 0,
+        Mlarge: 0,
+        Large: 0
+      }
+    },
+    secondary: {
+      defaultBackgroundColor: ["bg", "c1Neutral"],
+      defaultBorderColor: ["gray90", "gray20"],
+      defaultHoverBackgroundColor: ["bg", "c1Neutral"],
+      defaultHoverBorderColor: ["gray90", "gray20"]
+    },
+    blue39: {
+      defaultBorderColor: "blue39"
+    }
+  }
+});
+
+// src/styles/tokens/typography.ts
 var FONT_FAMILIES = {
   main: "Montserrat",
   code: "Monaco"
 };
 var LINE_HEIGHTS = {
-  ["UmaDocs" /* UmaDocs */]: {
-    "5xl": "72px",
-    "4xl": "60px",
-    "3xl": "44px",
-    "2xl": "40px",
-    xl: "36px",
-    lg: "32px",
-    md: "28px",
-    sm: "24px",
-    xs: "20px",
-    "2xs": "16px"
-  },
   ["Lightspark" /* Lightspark */]: {
     "7xl": "72px",
     "6xl": "60px",
     "5xl": "44px",
     "4xl": "40px",
     "3xl": "36px",
+    "2xs": "14px",
     "2xl": "32px",
+    lg: "24px",
+    md: "20px",
+    sm: "18px",
     xl: "28px",
+    xs: "16px"
+  },
+  ["LightsparkDocs" /* LightsparkDocs */]: {
+    "7xl": "72px",
+    "6xl": "60px",
+    "5xl": "44px",
+    "4xl": "40px",
+    "3xl": "36px",
+    "2xs": "14px",
+    "2xl": "32px",
     lg: "24px",
     md: "20px",
     sm: "18px",
-    xs: "16px",
-    "2xs": "14px"
+    xl: "28px",
+    xs: "16px"
+  },
+  ["UmameDocs" /* UmameDocs */]: {
+    "5xl": "72px",
+    "4xl": "60px",
+    "3xl": "44px",
+    "2xs": "16px",
+    "2xl": "40px",
+    lg: "32px",
+    md: "28px",
+    sm: "24px",
+    xl: "36px",
+    xs: "20px"
+  },
+  ["Bridge" /* Bridge */]: {
+    "8xl": "72px",
+    "7xl": "60px",
+    "6xl": "44px",
+    "5xl": "40px",
+    "4xl": "36px",
+    "3xl": "32px",
+    "2xl": "28px",
+    lg: "22px",
+    md: "20px",
+    sm: "18px",
+    xl: "24px",
+    xs: "16px"
   }
 };
 var FONT_WEIGHTS = {
   main: {
+    ExtraBold: 800,
     Bold: 700,
     SemiBold: 600,
     Medium: 500
@@ -220,8 +408,8 @@ var FONT_WEIGHTS = {
   }
 };
 var FONT_SIZE = {
-  ["UmaDocs" /* UmaDocs */]: {
-    "2xs": "11px",
+  ["Lightspark" /* Lightspark */]: {
+    "2xs": "10px",
     xs: "12px",
     sm: "14px",
     md: "16px",
@@ -233,7 +421,7 @@ var FONT_SIZE = {
     "5xl": "48px",
     "6xl": "64px"
   },
-  ["Lightspark" /* Lightspark */]: {
+  ["LightsparkDocs" /* LightsparkDocs */]: {
     "2xs": "10px",
     xs: "12px",
     sm: "14px",
@@ -245,21 +433,59 @@ var FONT_SIZE = {
     "4xl": "36px",
     "5xl": "48px",
     "6xl": "64px"
+  },
+  ["UmameDocs" /* UmameDocs */]: {
+    "2xs": "11px",
+    xs: "12px",
+    sm: "14px",
+    md: "16px",
+    lg: "20px",
+    xl: "24px",
+    "2xl": "28px",
+    "3xl": "32px",
+    "4xl": "36px",
+    "5xl": "48px",
+    "6xl": "64px"
+  },
+  ["Bridge" /* Bridge */]: {
+    "2xs": "11px",
+    xs: "12px",
+    md: "14px",
+    lg: "16px",
+    xl: "20px",
+    "2xl": "24px",
+    "3xl": "28px",
+    "4xl": "32px",
+    "5xl": "36px",
+    "6xl": "48px",
+    "7xl": "64px"
   }
 };
 var LETTER_SPACING = {
-  ["UmaDocs" /* UmaDocs */]: {
-    tight: "-.02em",
+  ["Lightspark" /* Lightspark */]: {
+    "tight-max": "-4%",
+    "tight-high": "-3%",
+    "tight-medium": "-2%",
+    "tight-low": "-0.5%",
     normal: "0",
-    loose: ".1em"
+    "loose-max": "1.44px"
   },
-  ["Lightspark" /* Lightspark */]: {
+  ["LightsparkDocs" /* LightsparkDocs */]: {
     "tight-max": "-4%",
     "tight-high": "-3%",
     "tight-medium": "-2%",
     "tight-low": "-0.5%",
     normal: "0",
     "loose-max": "1.44px"
+  },
+  ["UmameDocs" /* UmameDocs */]: {
+    tight: "-.02em",
+    normal: "0",
+    loose: ".1em"
+  },
+  ["Bridge" /* Bridge */]: {
+    tight: "-2%",
+    normal: "0%"
   }
 };
 var TEXT_CASE = {
@@ -278,891 +504,3066 @@ var PARAGRAPH_SPACING = {
   16: "16px",
   40: "40px"
 };
-var getTypography = (customFontFamilies) => {
-  const fontFamilies = customFontFamilies != null ? customFontFamilies : FONT_FAMILIES;
+var TokenSize = {
+  Large: "Large",
+  Mlarge: "Mlarge",
+  Medium: "Medium",
+  Schmedium: "Schmedium",
+  Small: "Small",
+  ExtraSmall: "ExtraSmall"
+};
+var TypographyType = {
+  Display: "Display",
+  Headline: "Headline",
+  Title: "Title",
+  Body: "Body",
+  BodyStrong: "Body Strong",
+  Label: "Label",
+  LabelModerate: "Label Moderate",
+  LabelStrong: "Label Strong",
+  Overline: "Overline",
+  Code: "Code",
+  CodeStrong: "Code Strong"
+};
+function getTypographyTypes(fontFamilies) {
   return {
-    fontFamilies,
-    lineHeights: LINE_HEIGHTS,
-    fontWeights: FONT_WEIGHTS,
-    fontSize: FONT_SIZE,
-    letterSpacing: LETTER_SPACING,
-    textCase: TEXT_CASE,
-    textDecoration: TEXT_DECORATION,
-    paragraphIndent: PARAGRAPH_INDENT,
-    paragraphSpacing: PARAGRAPH_SPACING,
     ["Lightspark" /* Lightspark */]: {
-      Display: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
-          "letter-spacing": "-2.56px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
-          "letter-spacing": "-1.92px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
-          "letter-spacing": "-1.44px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Headline: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
-          "letter-spacing": "-.96px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
-          "letter-spacing": "-.84px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
-          "letter-spacing": "-.72px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Title: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-          "letter-spacing": "-.4px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-          "letter-spacing": "-.32x",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-          "letter-spacing": "-.28px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Body: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-          "letter-spacing": "-.08px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-          "letter-spacing": "-.07px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-          "letter-spacing": "-.06px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      "Body Strong": {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-          "letter-spacing": "-.08px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-          "letter-spacing": "-.07px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-          "letter-spacing": "-.06px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Label: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-          "letter-spacing": "-.07px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-          "letter-spacing": "-.06px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-          "letter-spacing": "-.05px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      "Label Moderate": {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-          "letter-spacing": "-.07px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-          "letter-spacing": "-.06px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-          "letter-spacing": "-.05px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      "Label Strong": {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-          "letter-spacing": "-.07px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-          "letter-spacing": "-.06px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-          "letter-spacing": "-.05px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Overline: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-          "letter-spacing": "1.92px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.uppercase}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-          "letter-spacing": "1.68px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.uppercase}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-          "letter-spacing": "1.44px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.uppercase}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Code: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
+      Mobile: {
+        [TypographyType.Display]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
+            letterSpacing: "-2.56px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
+            letterSpacing: "-1.92px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
+            letterSpacing: "-1.44px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Headline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
+            letterSpacing: "-.96px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
+            letterSpacing: "-.84px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
+            letterSpacing: "-.72px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Title]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.4px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.32x",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.28px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Body]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.08px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: fontFamilies.main,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.BodyStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.08px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: fontFamilies.main,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Label]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelModerate]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Overline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "1.92px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "1.68px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "1.44px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Code]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.CodeStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
         }
       },
-      "Code Strong": {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
+      Desktop: {
+        [TypographyType.Display]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
+            letterSpacing: "-2.56px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
+            letterSpacing: "-1.92px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
+            letterSpacing: "-1.44px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Headline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
+            letterSpacing: "-.96px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
+            letterSpacing: "-.84px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
+            letterSpacing: "-.72px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Title]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.4px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.32x",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.28px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Body]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.08px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: fontFamilies.main,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.BodyStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.08px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: fontFamilies.main,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Label]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelModerate]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Overline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "1.92px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "1.68px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "1.44px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Code]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.CodeStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
         }
       }
     },
-    ["UmaDocs" /* UmaDocs */]: {
-      Display: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["5xl"]}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["6xl"]}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["4xl"]}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["5xl"]}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["3xl"]}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["4xl"]}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Headline: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xl"]}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["3xl"]}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xl}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xl"]}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].lg}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xl}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Title: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].md}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].lg}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Body: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      "Body Strong": {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Label: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
+    ["LightsparkDocs" /* LightsparkDocs */]: {
+      Mobile: {
+        [TypographyType.Display]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
+            letterSpacing: "-2.56px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
+            letterSpacing: "-1.92px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
+            letterSpacing: "-1.44px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Headline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
+            letterSpacing: "-.96px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
+            letterSpacing: "-.84px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
+            letterSpacing: "-.72px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.60px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Title]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.4px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.32x",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.28px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Body]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.08px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: fontFamilies.main,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.BodyStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.08px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Label]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelModerate]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Overline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "1.92px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "1.68px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "1.44px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Code]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.CodeStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
         }
       },
-      "Label Moderate": {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
+      Desktop: {
+        [TypographyType.Display]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
+            letterSpacing: "-2.56px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
+            letterSpacing: "-1.92px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
+            letterSpacing: "-1.44px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Headline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
+            letterSpacing: "-.96px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
+            letterSpacing: "-.84px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
+            letterSpacing: "-.72px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["xl"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.60px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Title]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.4px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.32x",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.28px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Body]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.08px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: fontFamilies.main,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.BodyStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: "-.08px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Label]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelModerate]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "-.07px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "-.06px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+            letterSpacing: "-.05px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Overline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: "1.92px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: "1.68px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: "1.44px",
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Code]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.CodeStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
         }
-      },
-      "Label Strong": {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
+      }
+    },
+    ["UmameDocs" /* UmameDocs */]: {
+      Mobile: {
+        [TypographyType.Display]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["5xl"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["6xl"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["4xl"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["5xl"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["3xl"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["4xl"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Headline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xl"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["3xl"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xl}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xl"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].lg}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xl}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].md}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].lg}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Title]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].md}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].lg}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Body]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.BodyStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Label]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelModerate]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Overline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Code]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.CodeStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
         }
       },
-      Overline: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.uppercase}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.uppercase}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.uppercase}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
+      Desktop: {
+        [TypographyType.Display]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["5xl"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["6xl"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["4xl"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["5xl"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["3xl"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["4xl"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Headline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xl"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["3xl"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xl}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xl"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].lg}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xl}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].md}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].lg}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Title]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].md}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].lg}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Body]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.BodyStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Label]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelModerate]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Overline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Code]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.CodeStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
+            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
         }
-      },
-      Code: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
+      }
+    },
+    ["Bridge" /* Bridge */]: {
+      Mobile: {
+        [TypographyType.Display]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["8xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["7xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["7xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["6xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["6xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["5xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Headline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["5xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["4xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["4xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["3xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["3xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Title]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["2xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Body]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["lg"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["sm"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Label]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelModerate]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
         }
       },
-      "Code Strong": {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
-          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
-          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
+      Desktop: {
+        [TypographyType.Display]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["8xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["7xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["7xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["6xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["6xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["5xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Headline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["5xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["4xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["4xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["3xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["3xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Title]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["2xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xl"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Body]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["lg"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["sm"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.Label]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelModerate]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
+        [TypographyType.LabelStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
         }
       }
     }
   };
-};
-
-// src/styles/colors.tsx
-var neutral = {
-  black: "#000000",
-  gray5: "#0D0D0D",
-  gray10: "#1A1A1A",
-  gray15: "#262626",
-  gray20: "#333333",
-  gray25: "#404040",
-  gray30: "#4D4D4D",
-  gray40: "#666666",
-  gray50: "#808080",
-  gray60: "#999999",
-  gray70: "#B3B3B3",
-  gray80: "#CCCCCC",
-  gray85: "#D9D9D9",
-  gray90: "#E6E6E6",
-  gray95: "#F2F2F2",
-  white: "#FFFFFF"
-};
-var uma = {
-  background: "#F9F9F9",
-  black: "#16171A",
-  blue: "#0068C9",
-  blue50: "#C0C9D6",
-  blue80: "#DCE2EA",
-  blue90: "#EBEEF2",
-  blue95: "#F2F5F7",
-  grey300: "#DEDFE4",
-  secondary: "#686A72",
-  stroke: "#C0C9D6",
-  strokeProminent: "#9BA7B9",
-  fill: "#EBEEF2"
-};
-var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
-var primary = "#FFF14E";
-var colors = __spreadProps(__spreadValues({}, neutral), {
-  uma,
-  // green
-  success: "#17C27C",
-  // blue
-  blue43: "#145BC6",
-  blue22: "#0E2E60",
-  blue58: "#28BFFF",
-  blue95: "#EBEEF2",
-  // yellow
-  primary,
-  warning: primary,
-  // orange
-  danger: "#FD2C0F",
-  // neutral
-  secondary: neutral.black,
-  // billing
-  tier1: "#179257",
-  tier2: "#8B38DE",
-  tier3: "#0048F7"
-});
-function extend(obj, rest) {
-  return __spreadValues(__spreadValues({}, obj), rest);
 }
-function extendBase(obj, rest) {
-  return __spreadValues(__spreadValues({}, obj), rest);
+function getTypography(typographyGroup, customFontFamilies) {
+  const fontFamilies = customFontFamilies != null ? customFontFamilies : FONT_FAMILIES;
+  return {
+    group: typographyGroup,
+    fontFamilies,
+    lineHeights: LINE_HEIGHTS[typographyGroup],
+    fontWeights: FONT_WEIGHTS,
+    fontSize: FONT_SIZE[typographyGroup],
+    letterSpacing: LETTER_SPACING[typographyGroup],
+    textCase: TEXT_CASE,
+    textDecoration: TEXT_DECORATION,
+    paragraphIndent: PARAGRAPH_INDENT,
+    paragraphSpacing: PARAGRAPH_SPACING,
+    types: getTypographyTypes(fontFamilies)[typographyGroup]
+  };
 }
-function hcNeutralFromBg(bgHex, defaultHex, altHex) {
-  const bgRGB = hexToRGB(bgHex);
-  const hcRGB = hexToRGB(defaultHex);
-  if (!bgRGB || !hcRGB)
-    return defaultHex;
-  const c = contrast(bgRGB, hcRGB);
-  if (c < 4.5) {
-    return altHex;
-  }
-  return defaultHex;
+function mayTokensToStyles(tokens) {
+  return Object.entries(tokens).map((entry) => {
+    switch (entry[0]) {
+      case "fontFamily":
+        return `font-family: ${entry[1]};`;
+      case "fontWeight":
+        return `font-weight: ${entry[1]};`;
+      case "lineHeight":
+        return `line-height: ${entry[1]};`;
+      case "fontSize":
+        return `font-size: ${entry[1]};`;
+      case "letterSpacing":
+        return `letter-spacing: ${entry[1]};`;
+      case "textDecoration":
+        return `text-decoration: ${entry[1]};`;
+      case "paragraphSpacing":
+        return "";
+      case "paragraphIndent":
+        return `text-indent: ${entry[1]};`;
+      case "textCase":
+        return `text-transform: ${entry[1]};`;
+      default:
+        return `${entry[0]}: ${entry[1]};`;
+    }
+  }).join("");
 }
-var lightBaseTheme = {
-  type: "light" /* Light */,
-  app: "Lightspark" /* Lightspark */,
+var defaultTokens = {
+  fontFamily: FONT_FAMILIES.main,
+  fontWeight: `${FONT_WEIGHTS.main.Medium}`,
+  lineHeight: LINE_HEIGHTS["Lightspark" /* Lightspark */].sm,
+  fontSize: FONT_SIZE["Lightspark" /* Lightspark */].sm,
+  letterSpacing: LETTER_SPACING["Lightspark" /* Lightspark */].normal,
+  paragraphSpacing: PARAGRAPH_SPACING.default,
+  paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+  textCase: TEXT_CASE.none,
+  textDecoration: TEXT_DECORATION.none
+};
+var getTypographyString = (theme, typographyType, size) => {
+  const mobileTokenGroups = theme.typography.types["Mobile"];
+  const desktopTokenGroups = theme.typography.types["Desktop"];
+  const mobileTokenSizes = mobileTokenGroups[typographyType];
+  const desktopTokenSizes = desktopTokenGroups[typographyType];
+  let mobileTokens = mobileTokenSizes == null ? void 0 : mobileTokenSizes[size];
+  let desktopTokens = desktopTokenSizes == null ? void 0 : desktopTokenSizes[size];
+  if (!mobileTokens || !desktopTokens) {
+    if (!mobileTokenSizes || !desktopTokenSizes) {
+      console.error(
+        `Attempted to use a typography type "${typographyType}" that does not exist in the current theme. Falling back to default tokens.`
+      );
+    } else {
+      console.error(
+        `Attempted to use a typography size "${size}" that does not exist for typography type "${typographyType}" in the current theme. Falling back to default tokens.`
+      );
+    }
+    mobileTokens = defaultTokens;
+    desktopTokens = defaultTokens;
+  }
+  const typographyStr = `
+    ${mayTokensToStyles(desktopTokens)}
+    ${bp.sm(mayTokensToStyles(mobileTokens))}
+  `;
+  return typographyStr;
+};
+
+// src/styles/themes.tsx
+var baseThemeColors = {
   bg: colors.white,
   smBg: colors.white,
-  c05Neutral: neutral.gray95,
-  c1Neutral: neutral.gray90,
-  c15Neutral: neutral.gray85,
-  c2Neutral: neutral.gray80,
-  c3Neutral: neutral.gray70,
-  c4Neutral: neutral.gray60,
-  c5Neutral: neutral.gray50,
-  c6Neutral: neutral.gray40,
-  c7Neutral: neutral.gray30,
-  c8Neutral: neutral.gray20,
-  c9Neutral: neutral.gray10,
+  c05Neutral: colors.gray95,
+  c1Neutral: colors.gray90,
+  c15Neutral: colors.gray85,
+  c2Neutral: colors.gray80,
+  c3Neutral: colors.gray70,
+  c4Neutral: colors.gray60,
+  c5Neutral: colors.gray50,
+  c6Neutral: colors.gray40,
+  c7Neutral: colors.gray30,
+  c8Neutral: colors.gray20,
+  c9Neutral: colors.gray10,
   danger: colors.danger,
   hcNeutral: colors.black,
-  hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
   info: colors.blue43,
-  lcNeutral: neutral.gray80,
+  lcNeutral: colors.gray80,
   link: colors.blue43,
-  mcNeutral: neutral.gray40,
+  mcNeutral: colors.gray40,
   onInfoText: colors.white,
   onPrimaryText: colors.black,
   onSuccessText: colors.white,
@@ -1170,33 +3571,44 @@ var lightBaseTheme = {
   secondary: colors.secondary,
   success: colors.success,
   text: colors.black,
-  typography: getTypography(),
-  vlcNeutral: neutral.gray95,
+  vlcNeutral: colors.gray95,
   warning: colors.warning
 };
+var themeOrColorKeyValues = [
+  ...Object.keys(baseThemeColors),
+  ...Object.keys(colors)
+];
+var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
+  // base type should be Themes but default to Light
+  type: "light" /* Light */,
+  typography: getTypography("Lightspark" /* Lightspark */),
+  hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
+  buttons: defaultButtonsTheme,
+  loading: "LoadingSpinner"
+});
+var lightBaseTheme = baseTheme;
 var darkBaseTheme = {
   type: "dark" /* Dark */,
-  app: "Lightspark" /* Lightspark */,
   bg: colors.black,
   smBg: colors.black,
-  c05Neutral: neutral.gray5,
-  c1Neutral: neutral.gray10,
-  c15Neutral: neutral.gray15,
-  c2Neutral: neutral.gray20,
-  c3Neutral: neutral.gray30,
-  c4Neutral: neutral.gray40,
-  c5Neutral: neutral.gray50,
-  c6Neutral: neutral.gray60,
-  c7Neutral: neutral.gray70,
-  c8Neutral: neutral.gray80,
-  c9Neutral: neutral.gray90,
+  c05Neutral: colors.gray5,
+  c1Neutral: colors.gray10,
+  c15Neutral: colors.gray15,
+  c2Neutral: colors.gray20,
+  c3Neutral: colors.gray30,
+  c4Neutral: colors.gray40,
+  c5Neutral: colors.gray50,
+  c6Neutral: colors.gray60,
+  c7Neutral: colors.gray70,
+  c8Neutral: colors.gray80,
+  c9Neutral: colors.gray90,
   danger: colors.danger,
   hcNeutral: colors.white,
   hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.white, colors.black),
   info: colors.white,
-  lcNeutral: neutral.gray40,
+  lcNeutral: colors.gray40,
   link: colors.blue43,
-  mcNeutral: neutral.gray60,
+  mcNeutral: colors.gray60,
   onInfoText: colors.white,
   onPrimaryText: colors.black,
   onSuccessText: colors.white,
@@ -1204,9 +3616,11 @@ var darkBaseTheme = {
   secondary: colors.secondary,
   success: colors.success,
   text: colors.white,
-  typography: getTypography(),
-  vlcNeutral: neutral.gray20,
-  warning: colors.warning
+  typography: getTypography("Lightspark" /* Lightspark */),
+  vlcNeutral: colors.gray20,
+  warning: colors.warning,
+  buttons: defaultButtonsTheme,
+  loading: "LoadingSpinner"
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -1221,9 +3635,9 @@ var lightTheme = extend(lightBaseTheme, {
     smBg: colors.white
   }),
   controls: extendBase(lightBaseTheme, {
-    bg: neutral.gray95,
-    smBg: neutral.gray95,
-    text: neutral.gray60,
+    bg: colors.gray95,
+    smBg: colors.gray95,
+    text: colors.gray60,
     secondary: colors.secondary
   })
 });
@@ -1232,61 +3646,145 @@ var darkTheme = extend(darkBaseTheme, {
   nav: extendBase(darkBaseTheme, {}),
   content: extendBase(darkBaseTheme, {}),
   controls: extendBase(darkBaseTheme, {
-    bg: neutral.gray40,
-    smBg: neutral.gray40,
-    text: neutral.white,
+    bg: colors.gray40,
+    smBg: colors.gray40,
+    text: colors.white,
     secondary: colors.secondary
   })
 });
-var umaLightTheme = extend(lightTheme, {
-  app: "UmaDocs" /* UmaDocs */,
-  bg: uma.background,
-  smBg: uma.background,
-  secondary: uma.secondary,
-  text: uma.black,
-  link: uma.blue,
+var umameDocsLightTheme = extend(lightTheme, {
+  type: "umameDocsLight" /* UmameDocsLight */,
+  bg: colors.gray98,
+  smBg: colors.gray98,
+  secondary: colors.grayBlue43,
+  text: colors.grayBlue9,
+  link: colors.blue39,
+  typography: getTypography("UmameDocs" /* UmameDocs */, {
+    main: "Manrope",
+    code: "Monaco"
+  }),
   content: extendBase(lightBaseTheme, {
-    bg: uma.background,
-    smBg: uma.background,
-    text: uma.black,
-    secondary: uma.secondary
+    bg: colors.gray98,
+    smBg: colors.gray98,
+    text: colors.grayBlue9,
+    secondary: colors.grayBlue43
   }),
   controls: extendBase(lightBaseTheme, {
-    text: uma.black,
-    secondary: uma.secondary,
-    bg: uma.blue90
+    text: colors.grayBlue9,
+    secondary: colors.grayBlue43,
+    bg: colors.grayBlue94
   })
 });
-var isLight = (theme) => theme.type === "light" /* Light */;
-var themeOr = (lightValue, darkValue) => ({ theme }) => {
-  return isLight(theme) ? lightValue : darkValue;
+var umameDocsDarkTheme = extend(darkTheme, {
+  type: "umameDocsDark" /* UmameDocsDark */,
+  bg: colors.gray98,
+  smBg: colors.gray98,
+  secondary: colors.grayBlue43,
+  text: colors.grayBlue9,
+  link: colors.blue39,
+  typography: getTypography("UmameDocs" /* UmameDocs */, {
+    main: "Manrope",
+    code: "Monaco"
+  })
+});
+var lightsparkDocsLightTheme = extend(lightTheme, {
+  type: "lightsparkDocsLight" /* LightsparkDocsLight */,
+  typography: getTypography("LightsparkDocs" /* LightsparkDocs */)
+});
+var lightsparkDocsDarkTheme = extend(darkTheme, {
+  type: "lightsparkDocsDark" /* LightsparkDocsDark */,
+  typography: getTypography("LightsparkDocs" /* LightsparkDocs */)
+});
+var bridgeBaseSettings = {
+  secondary: colors.grayBlue43,
+  mcNeutral: colors.grayBlue43,
+  typography: getTypography("Bridge" /* Bridge */, {
+    main: "Manrope",
+    code: "Monaco"
+  }),
+  buttons: (0, import_deepmerge.default)(buttonsThemeBase, {
+    defaultTypography: "Title",
+    defaultSize: "Medium",
+    defaultBorderRadius: 8,
+    defaultBorderWidth: 0,
+    kinds: {
+      primary: {
+        defaultBackgroundColor: "blue39",
+        defaultHoverBackgroundColor: "blue37"
+      },
+      ghost: {
+        defaultBackgroundColor: "transparent",
+        defaultBorderWidth: 0,
+        defaultHoverBackgroundColor: "transparent",
+        defaultHoverBorderColor: "transparent",
+        defaultPaddingsY: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        }
+      },
+      secondary: {
+        defaultBackgroundColor: "transparent",
+        defaultHoverBackgroundColor: "grayBlue94",
+        defaultBorderColor: "grayBlue80",
+        defaultBorderWidth: 1
+      }
+    }
+  })
 };
-function luminance(r, g, b) {
-  const a = [r, g, b].map(function(v) {
-    v /= 255;
-    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
-  });
-  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
+  type: "bridgeLight" /* BridgeLight */,
+  loading: "UmaBridgeLoading",
+  bg: colors.gray98,
+  smBg: colors.gray98,
+  text: colors.grayBlue9,
+  secondary: colors.grayBlue43
+}));
+var bridgeDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
+  type: "bridgeDark" /* BridgeDark */
+}));
+function extend(obj, rest) {
+  return __spreadValues(__spreadValues({}, obj), rest);
 }
-function contrast(rgb1, rgb2) {
-  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
-  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
-  const brightest = Math.max(lum1, lum2);
-  const darkest = Math.min(lum1, lum2);
-  return (brightest + 0.05) / (darkest + 0.05);
+function extendBase(obj, rest) {
+  return __spreadValues(__spreadValues({}, obj), rest);
 }
-function hexToRGB(hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? [
-    parseInt(result[1], 16),
-    parseInt(result[2], 16),
-    parseInt(result[3], 16)
-  ] : [0, 0, 0];
+function isThemeColorKey(key) {
+  return Boolean(key && typeof key === "string" && key in baseThemeColors);
 }
+function getColor(theme, key) {
+  if (key && isThemeColorKey(key)) {
+    return theme[key];
+  } else if (key && Array.isArray(key)) {
+    const [surface, colorKey] = key;
+    const surfaceTheme = theme[surface];
+    const color = surfaceTheme[colorKey];
+    return color;
+  } else if (key && isColorKey(key)) {
+    return colors[key];
+  }
+  return theme.text;
+}
+function getFontColor(theme, key, defaultColor = "inherit") {
+  if (key === "inherit" || !key && defaultColor === "inherit") {
+    return "inherit";
+  }
+  return getColor(theme, key);
+}
+var isLight = (theme) => [
+  "light" /* Light */,
+  "bridgeLight" /* BridgeLight */,
+  "lightsparkDocsLight" /* LightsparkDocsLight */,
+  "umameDocsLight" /* UmameDocsLight */
+].includes(theme.type);
+var themeOr = (lightValue, darkValue) => ({ theme }) => {
+  return isLight(theme) ? lightValue : darkValue;
+};
 
 // src/styles/common.tsx
-var import_react4 = require("@emotion/react");
-var import_styled = __toESM(require("@emotion/styled"), 1);
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
 function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
@@ -1338,6 +3836,15 @@ var standardCardShadow = import_react4.css`
     0px 4px 10px 0px rgba(0, 0, 0, 0.08),
     0px 8px 24px 0px rgba(0, 0, 0, 0.04);
 `;
+var standardCardShadowHard = import_react4.css`
+  box-shadow:
+    0px 24px 24px -12px rgba(0, 0, 0, 0.06),
+    0px 12px 12px -6px rgba(0, 0, 0, 0.06),
+    0px 6px 6px -3px rgba(0, 0, 0, 0.06),
+    0px 3px 3px -1.5px rgba(0, 0, 0, 0.06),
+    0px 1px 1px -0.5px rgba(0, 0, 0, 0.06),
+    0px 0px 0px 1px rgba(0, 0, 0, 0.06);
+`;
 var pageBorderRadiusPx = 16;
 var pageBorderRadius = `
   border-radius: ${pageBorderRadiusPx}px;
@@ -1353,6 +3860,17 @@ var darkGradientBg = import_react4.css`
   background: ${darkGradient};
 `;
 
+// src/styles/typography.tsx
+var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {
+  const selector = applyToAll ? "&, & *" : "&";
+  return `
+    ${selector} {
+      ${getTypographyString(theme, typographyType, size)};
+      color: ${getFontColor(theme, color)};
+    }
+  `;
+};
+
 // src/styles/z-index.tsx
 var z = {
   card: 1,
@@ -1408,10 +3926,9 @@ var inputBlockStyle = ({
   position: relative;
   cursor: pointer;
   padding: 52.5px;
-  ${hasError ? `border-style: solid; border-color: ${colors.danger}; border-width: 2px;` : hasValue ? `border-style: solid; border-color: ${theme.info};` : `border-style: dashed;`}
+  ${hasError ? `border-style: solid; border-color: ${theme.danger}; border-width: 2px;` : hasValue ? `border-style: solid; border-color: ${theme.info};` : `border-style: dashed;`}
 `;
 var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
-var textInputColor = ({ theme }) => theme.text;
 var textInputFontWeight = 600;
 var textInputBorderRadiusPx = 8;
 var textInputPaddingPx = 12;
@@ -1425,18 +3942,23 @@ var textInputActiveStyles = ({
 }) => import_react5.css`
   border-color: ${textInputBorderColorFocused({ theme })};
   border-width: 2px;
-  color: ${textInputColor({ theme })};
   padding: ${textInputPaddingPx - 1}px;
   ${paddingLeftPx ? `padding-left: ${paddingLeftPx - 1}px;` : ""}
   ${paddingRightPx ? `padding-right: ${paddingRightPx - 1}px;` : ""}
 `;
+var defaultTextInputTypography = {
+  type: "Body",
+  size: "Small",
+  color: "text"
+};
 var textInputStyle = ({
   theme,
   active,
   disabled,
   hasError,
   paddingLeftPx,
-  paddingRightPx
+  paddingRightPx,
+  typography
 }) => {
   var _a;
   return import_react5.css`
@@ -1457,11 +3979,14 @@ var textInputStyle = ({
   border-color: ${hasError ? theme.danger : textInputBorderColor({ theme })};
   line-height: 22px;
   outline: none;
-  /* Use low contrast by default. Some fields, eg login, need high contrast simply
-     because of quirks with default autofill styles. Clicking in to an autofilled value
-     does not change the color of the text, it just uses the default field color */
-  color: ${textInputColor({ theme })};
-  font-size: 14px;
+
+  ${applyTypography(
+    theme,
+    (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
+    (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
+    (typography == null ? void 0 : typography.color) || defaultTextInputTypography.color
+  )}
+
   width: ${fieldWidth};
   max-width: ${maxFieldWidth};
   text-overflow: ellipsis;
@@ -1579,6 +4104,7 @@ var LabelDiv = import_styled2.default.div`
   LabelDiv,
   StyledInputSubtext,
   aboveFieldError,
+  defaultTextInputTypography,
   fieldWidth,
   formButtonTopMargin,
   formButtonTopMarginStyle,
@@ -1590,7 +4116,6 @@ var LabelDiv = import_styled2.default.div`
   textInputBorderColor,
   textInputBorderColorFocused,
   textInputBorderRadiusPx,
-  textInputColor,
   textInputFontWeight,
   textInputPadding,
   textInputPaddingPx,