@mario_hahn/jumpy-ui 0.5.0

package/tokens/web/json/jumpy/nested-variables.json

@@ -0,0 +1,2108 @@
+{
+  "jumpy": {
+    "color": {
+      "light": {
+        "agp": {
+          "dark": {
+            "red": {
+              "150": "#E2BBB7FF",
+              "300": "#C5776FFF",
+              "500": "#9E1C0FFF",
+              "700": "#631E17FF",
+              "950": "#4F0E08FF"
+            }
+          },
+          "green": {
+            "150": "#D5DFBCFF",
+            "300": "#AABF79FF",
+            "500": "#72941FFF",
+            "700": "#566C1DFF",
+            "950": "#394A10FF"
+          },
+          "orange": {
+            "150": "#F6D1B2FF",
+            "300": "#EEA366FF",
+            "500": "#E26500FF",
+            "700": "#BB5400FF",
+            "950": "#713300FF"
+          },
+          "red": {
+            "150": "#F4C0BAFF",
+            "300": "#E88175FF",
+            "500": "#D92D1AFF",
+            "700": "#840F01FF",
+            "950": "#6C170DFF"
+          },
+          "yellow": {
+            "150": "#FBE5B8FF",
+            "300": "#F7CC71FF",
+            "500": "#F2AA13FF",
+            "700": "#C38500FF",
+            "950": "#79550AFF"
+          },
+          "background": {
+            "high": "#FBE5B8FF",
+            "in": {
+              "range": "#D5DFBCFF"
+            },
+            "low": "#F4C0BAFF",
+            "very": {
+              "high": "#F6D1B2FF",
+              "low": "#E2BBB7FF"
+            }
+          },
+          "foreground": {
+            "high": "#C38500FF",
+            "in": {
+              "range": "#566C1DFF"
+            },
+            "low": "#D92D1AFF",
+            "very": {
+              "high": "#E26500FF",
+              "low": "#9E1C0FFF"
+            }
+          },
+          "interface": {
+            "high": "#F2AA13FF",
+            "in": {
+              "range": "#72941FFF"
+            },
+            "low": "#D92D1AFF",
+            "no": {
+              "value": "#B5B5B5FF"
+            },
+            "very": {
+              "high": "#E26500FF",
+              "low": "#9E1C0FFF"
+            }
+          }
+        },
+        "beige": {
+          "100": "#FFF7F5FF",
+          "200": "#FFE8DEFF",
+          "300": "#FAD6C7FF",
+          "400": "#FAC9B5FF",
+          "500": "#F0B69EFF",
+          "600": "#D8AB97FF",
+          "700": "#BE9476FF",
+          "800": "#86521DFF",
+          "900": "#5D3921FF"
+        },
+        "blue": {
+          "100": "#F5F9FFFF",
+          "200": "#DAEDFBFF",
+          "300": "#BDE3FFFF",
+          "400": "#8CCFFFFF",
+          "500": "#5E94EDFF",
+          "600": "#1482FAFF",
+          "700": "#0B41CDFF",
+          "800": "#1942A3FF",
+          "900": "#022366FF",
+          "1000": "#071227FF"
+        },
+        "green": {
+          "100": "#E7F3EAFF",
+          "200": "#CEE7D8FF",
+          "300": "#9DCEB6FF",
+          "400": "#54AA81FF",
+          "500": "#00874AFF",
+          "600": "#005F34FF",
+          "700": "#004425FF",
+          "800": "#00361EFF",
+          "900": "#001B0FFF"
+        },
+        "magenta": {
+          "100": "#EAADD8FF",
+          "200": "#E87DC4FF",
+          "300": "#E557B3FF",
+          "400": "#E13EA2FF",
+          "500": "#DD2391FF",
+          "600": "#D60078FF",
+          "700": "#CB0174FF",
+          "800": "#B2046BFF"
+        },
+        "my": {
+          "amber": {
+            "100": "#FBF3E3FF",
+            "200": "#F7E7C7FF",
+            "300": "#F2D7A2FF",
+            "400": "#EABF6AFF",
+            "500": "#E5AF45FF",
+            "600": "#B78C37FF",
+            "700": "#7E6026FF",
+            "800": "#654D1EFF",
+            "900": "#453515FF"
+          },
+          "aqua": {
+            "100": "#E5F6F3FF",
+            "200": "#CAEDE7FF",
+            "300": "#A7E1D8FF",
+            "400": "#72CEC0FF",
+            "500": "#4FC2B0FF",
+            "600": "#3F9B8DFF",
+            "700": "#327C71FF",
+            "800": "#2B6960FF",
+            "900": "#183A35FF"
+          },
+          "azure": {
+            "100": "#E3F2FFFF",
+            "200": "#C6E4FFFF",
+            "300": "#A0D3FFFF",
+            "400": "#67B8FFFF",
+            "500": "#41A6FFFF",
+            "600": "#3485CCFF",
+            "700": "#2C71ADFF",
+            "800": "#256093FF",
+            "900": "#14324DFF"
+          },
+          "blue": {
+            "100": "#DEF5F8FF",
+            "200": "#BEECF1FF",
+            "300": "#93DFE7FF",
+            "400": "#51CBD9FF",
+            "500": "#26BECFFF",
+            "600": "#1E98A6FF",
+            "700": "#1A818DFF",
+            "800": "#156771FF",
+            "900": "#0B393EFF"
+          },
+          "orange": {
+            "100": "#FFEDDDFF",
+            "200": "#FFDBBAFF",
+            "300": "#FFC48CFF",
+            "400": "#FFA047FF",
+            "500": "#FF8819FF",
+            "600": "#E86A0FFF",
+            "700": "#BA550CFF",
+            "800": "#95440AFF",
+            "900": "#4D2908FF"
+          },
+          "pink": {
+            "100": "#F8E6F8FF",
+            "200": "#F0CCF1FF",
+            "300": "#E7AAE7FF",
+            "400": "#D877D9FF",
+            "500": "#CE55CFFF",
+            "600": "#A544A6FF",
+            "700": "#8C3A8DFF",
+            "800": "#773178FF",
+            "900": "#3E1A3EFF"
+          },
+          "purple": {
+            "100": "#F1ECF9FF",
+            "200": "#E3DAF2FF",
+            "300": "#D0C1EAFF",
+            "400": "#B49CDDFF",
+            "500": "#A183D4FF",
+            "600": "#895AC3FF",
+            "700": "#744DA6FF",
+            "800": "#63418DFF",
+            "900": "#302740FF"
+          }
+        },
+        "orange": {
+          "100": "#FFF1E0FF",
+          "200": "#FFDDB3FF",
+          "250": "#FFBD69FF",
+          "300": "#FF9B5AFF",
+          "400": "#FF7D29FF",
+          "500": "#FD6423FF",
+          "600": "#ED4A0DFF",
+          "700": "#B22B0DFF",
+          "800": "#8E1C02FF"
+        },
+        "purple": {
+          "100": "#F2D4FFFF",
+          "200": "#EBB4FEFF",
+          "300": "#E085FCFF",
+          "400": "#D151FEFF",
+          "500": "#BC36F0FF",
+          "600": "#A320D3FF",
+          "700": "#8A0BAAFF",
+          "800": "#7D0096FF",
+          "base": "#D151FEFF",
+          "darkbase": "#BC36F0FF",
+          "lightbase": "#E085FCFF",
+          "ultradark": "#7D0096FF",
+          "ultralight": "#F2D4FFFF"
+        },
+        "red": {
+          "100": "#FFDDE1FF",
+          "200": "#F6B7BEFF",
+          "300": "#E68098FF",
+          "400": "#DB4D67FF",
+          "500": "#CC0033FF",
+          "600": "#A30014FF",
+          "700": "#7A000FFF",
+          "800": "#52000FFF",
+          "900": "#29000AFF"
+        },
+        "yellow": {
+          "100": "#FFF9E8FF",
+          "200": "#FFEDB9FF",
+          "250": "#FFE28AFF",
+          "300": "#FFD043FF",
+          "400": "#FFC414FF",
+          "500": "#9B5400FF",
+          "600": "#67370AFF",
+          "700": "#391C00FF",
+          "800": "#1D0E00FF"
+        }
+      },
+      "background": {
+        "default": "#0F0F1A"
+      },
+      "brand": {
+        "0": "rgba(255, 200, 0, 0)",
+        "100": "#FFF7D9FF",
+        "200": "#FFEFB3FF",
+        "300": "#FDE280FF",
+        "400": "#FBD033FF",
+        "500": "#FFC800FF",
+        "600": "#C89D00FF",
+        "700": "#8C6E00FF",
+        "800": "#735A00FF",
+        "900": "#E05200",
+        "base": "#FF5C00",
+        "keyline": "rgba(255, 200, 0, 0)",
+        "ultralight": "#FFEFB3FF"
+      },
+      "illustration": {
+        "solid": {
+          "dark": "#5D7B00FF",
+          "extra": {
+            "light": "#F9FCF4FF"
+          },
+          "glow": "#F9FCF4FF",
+          "light": "#DDEABEFF",
+          "medium": "#8EB927FF",
+          "white": "#FFFFFFFF"
+        },
+        "translucid": {
+          "dark": "#5D7B0066",
+          "extra": {
+            "light": "#F9FCF466"
+          },
+          "glow": "#F9FCF466",
+          "light": "#DDEABE66",
+          "medium": "#8EB92766",
+          "white": "#FFFFFF66"
+        },
+        "transparent": {
+          "glow": "rgba(249, 252, 244, 0)",
+          "white": "rgba(255, 255, 255, 0)"
+        }
+      },
+      "neutral": {
+        "0": "#121212FF",
+        "50": "#1212123D",
+        "100": "#F6F6F6FF",
+        "200": "#E3E3E3FF",
+        "300": "#D1D1D1FF",
+        "400": "#B5B5B5FF",
+        "500": "#949494FF",
+        "600": "#737373FF",
+        "700": "#666666FF",
+        "800": "#4D4D4DFF",
+        "900": "#343434FF",
+        "1000": "#121212FF",
+        "base": "#575B5E",
+        "box": {
+          "shadow": "#1212123D"
+        },
+        "dark": "#343434FF",
+        "darkbase": "#F3F4F6",
+        "extradark": "#F3F4F6",
+        "extralight": "rgba(42,42,74,0.72)",
+        "light": "#9CA3AF",
+        "lightbase": "#737373FF",
+        "megalight": "#F6F6F6FF",
+        "modal": "#121212FF",
+        "superlight": "#E3E3E3FF",
+        "ultralight": "#1A1A2E"
+      },
+      "primary": {
+        "100": "#F9FCF4FF",
+        "200": "#F4F8E9FF",
+        "300": "#EEF5DFFF",
+        "400": "#DDEABEFF",
+        "500": "#C7DC93FF",
+        "600": "#FF7A2F",
+        "700": "#5D7B00FF",
+        "800": "#556F17FF",
+        "900": "#394A10FF",
+        "1000": "#2B380CFF",
+        "base": "#FF5C00",
+        "dark": "#FF5C00",
+        "darkbase": "#E05200",
+        "extradark": "#2B380CFF",
+        "extralight": "rgba(255,92,0,0.28)",
+        "light": "#DDEABEFF",
+        "lightbase": "#FF7A2F",
+        "megalight": "#F9FCF4FF",
+        "ultralight": "rgba(255,92,0,0.1)"
+      },
+      "secondary": {
+        "100": "#FFF9F4FF",
+        "200": "#FFF3E8FF",
+        "300": "#FFEDDDFF",
+        "400": "#FFDBBAFF",
+        "500": "#FFC48CFF"
+      },
+      "non": {
+        "color": {
+          "color": {
+            "black": "#000000FF",
+            "white": "#FFFFFFFF"
+          },
+          "transparent": "rgba(255, 255, 255, 0)",
+          "always": {
+            "ultradark": "#1A1C1F",
+            "ultralight": "#FFFFFF"
+          },
+          "contrast": {
+            "ultradark": "#000000FF",
+            "ultralight": "#FFFFFFFF"
+          }
+        }
+      },
+      "alarm": {
+        "base": "#DC2626",
+        "dark": "#FCA5A5",
+        "darkbase": "#FCA5A5",
+        "extradark": "#52000FFF",
+        "extralight": "rgba(239,68,68,0.3)",
+        "light": "#E68098FF",
+        "lightbase": "#DB4D67FF",
+        "ultradark": "#29000AFF",
+        "ultralight": "rgba(239,68,68,0.14)"
+      },
+      "positive": {
+        "base": "#128A42",
+        "dark": "#6EE7B7",
+        "darkbase": "#005F34FF",
+        "extradark": "#00361EFF",
+        "extralight": "rgba(16,185,129,0.3)",
+        "light": "#9DCEB6FF",
+        "lightbase": "#54AA81FF",
+        "ultradark": "#001B0FFF",
+        "ultralight": "rgba(16,185,129,0.14)"
+      },
+      "warning": {
+        "base": "#F59E0B",
+        "dark": "#67370AFF",
+        "darkbase": "#9B5400FF",
+        "extradark": "#391C00FF",
+        "extralight": "rgba(245,158,11,0.3)",
+        "light": "#FFE28AFF",
+        "lightbase": "#FFD043FF",
+        "ultradark": "#1D0E00FF",
+        "ultralight": "rgba(245,158,11,0.14)"
+      }
+    },
+    "actions": {
+      "borderless": {
+        "alarm": {
+          "default": {
+            "action": "#DC2626",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#DC2626",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#DC2626"
+          },
+          "disabled": {
+            "action": "rgba(42,42,74,0.72)",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "rgba(42,42,74,0.72)",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "action": "#DC2626",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#DC2626",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#DC2626"
+          },
+          "hover": {
+            "action": "#FCA5A5",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#FCA5A5",
+            "surface": {
+              "$value": "rgba(239,68,68,0.14)",
+              "alternate": "rgba(239,68,68,0.3)"
+            },
+            "text": "#FCA5A5"
+          },
+          "pressed": {
+            "action": "#FCA5A5",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#52000FFF",
+            "surface": "rgba(239,68,68,0.3)",
+            "text": "#52000FFF"
+          }
+        },
+        "regular": {
+          "default": {
+            "action": "#F3F4F6",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#FF5C00",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#FF5C00"
+          },
+          "disabled": {
+            "action": "rgba(42,42,74,0.72)",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "rgba(42,42,74,0.72)",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "action": "#F3F4F6",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#FF5C00",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#FF5C00"
+          },
+          "hover": {
+            "action": "#343434FF",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#FF5C00",
+            "surface": {
+              "$value": "#F9FCF4FF",
+              "alternate": "rgba(255,92,0,0.1)"
+            },
+            "text": "#FF5C00"
+          },
+          "pressed": {
+            "action": "#343434FF",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#FF5C00",
+            "surface": "rgba(255,92,0,0.1)",
+            "text": "#FF5C00"
+          }
+        }
+      },
+      "primary": {
+        "alarm": {
+          "default": {
+            "border": "#FFFFFFFF",
+            "icon": "#FFFFFFFF",
+            "surface": "#DC2626",
+            "text": "#FFFFFFFF"
+          },
+          "disabled": {
+            "border": "#1A1A2E",
+            "icon": "rgba(42,42,74,0.72)",
+            "surface": {
+              "$value": "#1A1A2E",
+              "alternate": "#F6F6F6FF"
+            },
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "border": "#FFFFFFFF",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#FFFFFFFF",
+            "surface": "#DC2626",
+            "text": "#FFFFFFFF"
+          },
+          "hover": {
+            "border": "#FFFFFFFF",
+            "icon": "#FFFFFFFF",
+            "surface": "#FCA5A5",
+            "text": "#FFFFFFFF"
+          },
+          "pressed": {
+            "border": "#FFFFFFFF",
+            "icon": "#FFFFFFFF",
+            "surface": "#FCA5A5",
+            "text": "#FFFFFFFF"
+          }
+        },
+        "info": {
+          "default": {
+            "border": "#000000FF",
+            "icon": "#000000FF",
+            "surface": "#1A1A2E",
+            "text": "#000000FF"
+          },
+          "disabled": {
+            "border": "#1A1A2E",
+            "icon": "rgba(42,42,74,0.72)",
+            "surface": {
+              "$value": "#1A1A2E",
+              "alternate": "#F6F6F6FF"
+            },
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "border": "#000000FF",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#000000FF",
+            "surface": "#1A1A2E",
+            "text": "#000000FF"
+          },
+          "hover": {
+            "border": "#000000FF",
+            "icon": "#000000FF",
+            "surface": "rgba(42,42,74,0.72)",
+            "text": "#000000FF"
+          },
+          "pressed": {
+            "border": "#000000FF",
+            "icon": "#000000FF",
+            "surface": "#F6F6F6FF",
+            "text": "#000000FF"
+          }
+        },
+        "regular": {
+          "default": {
+            "border": "#FF5C00",
+            "icon": "#F9FCF4FF",
+            "surface": "#FF5C00",
+            "text": "#FFFFFFFF"
+          },
+          "disabled": {
+            "border": "#1A1A2E",
+            "icon": "rgba(42,42,74,0.72)",
+            "surface": {
+              "$value": "#1A1A2E",
+              "alternate": "#F6F6F6FF"
+            },
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "border": "#FF5C00",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#F9FCF4FF",
+            "surface": "#FF5C00",
+            "text": "#FFFFFFFF"
+          },
+          "hover": {
+            "border": "#FF5C00",
+            "icon": "#F9FCF4FF",
+            "surface": "#E05200",
+            "text": "#FFFFFFFF"
+          },
+          "pressed": {
+            "border": "#FF5C00",
+            "icon": "#F9FCF4FF",
+            "surface": "#FF5C00",
+            "text": "#FFFFFFFF"
+          }
+        },
+        "warning": {
+          "default": {
+            "border": "#1A1C1F",
+            "icon": "#1A1C1F",
+            "surface": "#F59E0B",
+            "text": "#1A1C1F"
+          },
+          "disabled": {
+            "border": "#1A1A2E",
+            "icon": "rgba(42,42,74,0.72)",
+            "surface": {
+              "$value": "#1A1A2E",
+              "alternate": "#F6F6F6FF"
+            },
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "border": "#1A1C1F",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#1A1C1F",
+            "surface": "#F59E0B",
+            "text": "#1A1C1F"
+          },
+          "hover": {
+            "border": "#1A1C1F",
+            "icon": "#1A1C1F",
+            "surface": "#FFE28AFF",
+            "text": "#1A1C1F"
+          },
+          "pressed": {
+            "border": "#1A1C1F",
+            "icon": "#1A1C1F",
+            "surface": "rgba(245,158,11,0.3)",
+            "text": "#1A1C1F"
+          }
+        }
+      },
+      "secondary": {
+        "alarm": {
+          "default": {
+            "action": "#DC2626",
+            "border": "#9CA3AF",
+            "icon": "#DC2626",
+            "surface": "#FFFFFFFF",
+            "text": "#DC2626"
+          },
+          "disabled": {
+            "action": "rgba(42,42,74,0.72)",
+            "border": "#1A1A2E",
+            "icon": "rgba(42,42,74,0.72)",
+            "surface": "#FFFFFFFF",
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "action": "#DC2626",
+            "border": "#9CA3AF",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#DC2626",
+            "surface": "#FFFFFFFF",
+            "text": "#DC2626"
+          },
+          "hover": {
+            "action": "#FCA5A5",
+            "border": "#575B5E",
+            "icon": "#FCA5A5",
+            "surface": {
+              "$value": "rgba(239,68,68,0.14)",
+              "alternate": "rgba(239,68,68,0.3)"
+            },
+            "text": "#FCA5A5"
+          },
+          "pressed": {
+            "action": "#FCA5A5",
+            "border": "#9CA3AF",
+            "icon": "#52000FFF",
+            "surface": "rgba(239,68,68,0.3)",
+            "text": "#52000FFF"
+          }
+        },
+        "regular": {
+          "default": {
+            "action": "#F3F4F6",
+            "border": "#9CA3AF",
+            "icon": "#FF5C00",
+            "surface": "#FFFFFFFF",
+            "text": "#FF5C00"
+          },
+          "disabled": {
+            "action": "rgba(42,42,74,0.72)",
+            "border": "#1A1A2E",
+            "icon": "rgba(42,42,74,0.72)",
+            "surface": "#FFFFFFFF",
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "action": "#F3F4F6",
+            "border": "#9CA3AF",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#FF5C00",
+            "surface": "#FFFFFFFF",
+            "text": "#FF5C00"
+          },
+          "hover": {
+            "action": "#343434FF",
+            "border": "#575B5E",
+            "icon": "#FF5C00",
+            "surface": {
+              "$value": "#F9FCF4FF",
+              "alternate": "rgba(255,92,0,0.1)"
+            },
+            "text": "#FF5C00"
+          },
+          "pressed": {
+            "action": "#343434FF",
+            "border": "#9CA3AF",
+            "icon": "#FF5C00",
+            "surface": "rgba(255,92,0,0.1)",
+            "text": "#FF5C00"
+          }
+        }
+      },
+      "tertiary": {
+        "alarm": {
+          "default": {
+            "action": "#DC2626",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#DC2626",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#DC2626"
+          },
+          "disabled": {
+            "action": "rgba(42,42,74,0.72)",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "rgba(42,42,74,0.72)",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "action": "#DC2626",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#DC2626",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#DC2626"
+          },
+          "hover": {
+            "action": "#FCA5A5",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#FCA5A5",
+            "surface": {
+              "$value": "rgba(239,68,68,0.14)",
+              "alternate": "rgba(239,68,68,0.3)"
+            },
+            "text": "#FCA5A5"
+          },
+          "pressed": {
+            "action": "#FCA5A5",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#52000FFF",
+            "surface": "rgba(239,68,68,0.3)",
+            "text": "#52000FFF"
+          }
+        },
+        "regular": {
+          "default": {
+            "action": "#F3F4F6",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#FF5C00",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#FF5C00"
+          },
+          "disabled": {
+            "action": "rgba(42,42,74,0.72)",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "rgba(42,42,74,0.72)",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "action": "#F3F4F6",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#FF5C00",
+            "surface": "rgba(255, 255, 255, 0)",
+            "text": "#FF5C00"
+          },
+          "hover": {
+            "action": "#343434FF",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#FF5C00",
+            "surface": {
+              "$value": "#F9FCF4FF",
+              "alternate": "rgba(255,92,0,0.1)"
+            },
+            "text": "#FF5C00"
+          },
+          "pressed": {
+            "action": "#343434FF",
+            "border": "rgba(255, 255, 255, 0)",
+            "focus": "rgba(255, 255, 255, 0)",
+            "icon": "#FF5C00",
+            "surface": "rgba(255,92,0,0.1)",
+            "text": "#FF5C00"
+          }
+        }
+      }
+    },
+    "card": {
+      "active": {
+        "default": {
+          "border": "rgba(42,42,74,0.72)",
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "rgba(255,92,0,0.1)",
+          "text": "#F3F4F6"
+        },
+        "disabled": {
+          "border": "#1A1A2E",
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "#1A1A2E",
+          "text": "#F3F4F6"
+        },
+        "dragged": {
+          "border": "#FF5C00",
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "rgba(255,92,0,0.28)",
+          "text": "#F3F4F6"
+        },
+        "focus": {
+          "border": "rgba(42,42,74,0.72)",
+          "focus": {
+            "ring": "#FF5C00"
+          },
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "rgba(255,92,0,0.1)",
+          "text": "#F3F4F6"
+        },
+        "hover": {
+          "border": "#FF7A2F",
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "rgba(255,92,0,0.1)",
+          "text": "#F3F4F6"
+        },
+        "pressed": {
+          "border": "#FF5C00",
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "rgba(255,92,0,0.28)",
+          "text": "#F3F4F6"
+        }
+      },
+      "inactive": {
+        "default": {
+          "border": "rgba(42,42,74,0.72)",
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "#1A1A2E",
+          "text": "#F3F4F6"
+        },
+        "disabled": {
+          "border": "#1A1A2E",
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "#1A1A2E",
+          "text": "#F3F4F6"
+        },
+        "dragged": {
+          "border": "#FF5C00",
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "rgba(255,92,0,0.1)",
+          "text": "#F3F4F6"
+        },
+        "focus": {
+          "border": "rgba(42,42,74,0.72)",
+          "focus": {
+            "ring": "#FF5C00"
+          },
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "#1A1A2E",
+          "text": "#F3F4F6"
+        },
+        "hover": {
+          "border": "#FF7A2F",
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "#1A1A2E",
+          "text": "#F3F4F6"
+        },
+        "pressed": {
+          "border": "#FF5C00",
+          "icon": "#F3F4F6",
+          "subtext": "#9CA3AF",
+          "surface": "rgba(255,92,0,0.1)",
+          "text": "#F3F4F6"
+        }
+      }
+    },
+    "coachmark": {
+      "default": {
+        "inner": {
+          "circle": {
+            "outline": "#FF5C00",
+            "surface": "#FFFFFFFF"
+          }
+        },
+        "outer": {
+          "circle": {
+            "surface": "rgba(255,92,0,0.1)"
+          }
+        },
+        "surface": "rgba(255, 255, 255, 0)"
+      },
+      "disabled": {
+        "inner": {
+          "circle": {
+            "outline": "rgba(42,42,74,0.72)",
+            "surface": "#FFFFFFFF"
+          }
+        },
+        "outer": {
+          "circle": {
+            "surface": "#F6F6F6FF"
+          }
+        },
+        "surface": "rgba(255, 255, 255, 0)"
+      },
+      "focus": {
+        "focus": {
+          "ring": "#E05200"
+        },
+        "inner": {
+          "circle": {
+            "outline": "#FF5C00",
+            "surface": "#FFFFFFFF"
+          }
+        },
+        "outer": {
+          "circle": {
+            "surface": "rgba(255,92,0,0.1)"
+          }
+        },
+        "surface": "rgba(255, 255, 255, 0)"
+      },
+      "hover": {
+        "inner": {
+          "circle": {
+            "outline": "#FF5C00",
+            "surface": "#FFFFFFFF"
+          }
+        },
+        "outer": {
+          "circle": {
+            "surface": "rgba(255,92,0,0.1)"
+          }
+        },
+        "surface": "#F9FCF4FF"
+      },
+      "pressed": {
+        "inner": {
+          "circle": {
+            "outline": "#FF5C00",
+            "surface": "#FFFFFFFF"
+          }
+        },
+        "outer": {
+          "circle": {
+            "surface": "#F9FCF4FF"
+          }
+        },
+        "surface": "rgba(255,92,0,0.1)"
+      }
+    },
+    "input": {
+      "alarm": {
+        "default": {
+          "alarm": {
+            "icon": "#DC2626"
+          },
+          "border": "#DC2626",
+          "icon": "#F3F4F6",
+          "label": "#DC2626",
+          "subtext": "#F3F4F6",
+          "supporting": "#DC2626",
+          "surface": "#FFFFFFFF",
+          "value": "#F3F4F6"
+        },
+        "focus": {
+          "alarm": {
+            "icon": "#DC2626"
+          },
+          "border": "#DC2626",
+          "icon": "#F3F4F6",
+          "label": "#DC2626",
+          "placeholder": "#737373FF",
+          "subtext": "#F3F4F6",
+          "supporting": "#DC2626",
+          "surface": "#FFFFFFFF",
+          "value": "#343434FF"
+        },
+        "hover": {
+          "alarm": {
+            "icon": "#DC2626"
+          },
+          "border": "#E68098FF",
+          "icon": "#F3F4F6",
+          "label": "#FCA5A5",
+          "subtext": "#F3F4F6",
+          "supporting": "#DC2626",
+          "surface": "#FFFFFFFF",
+          "value": "#343434FF"
+        }
+      },
+      "regular": {
+        "default": {
+          "border": "#2A2A4A",
+          "icon": "#F3F4F6",
+          "label": "#9CA3AF",
+          "subtext": "#9CA3AF",
+          "supporting": "#9CA3AF",
+          "surface": {
+            "$value": "#1A1A2E",
+            "search": "#1A1A2E"
+          },
+          "value": "#F3F4F6"
+        },
+        "disabled": {
+          "border": "#2A2A4A",
+          "icon": "#F3F4F6",
+          "label": "#9CA3AF",
+          "subtext": "#9CA3AF",
+          "supporting": "#9CA3AF",
+          "surface": "#1A1A2E",
+          "value": "#F3F4F6"
+        },
+        "focus": {
+          "border": "#FF5C00",
+          "icon": "#F3F4F6",
+          "label": "#9CA3AF",
+          "placeholder": "#737373FF",
+          "subtext": "#9CA3AF",
+          "supporting": "#9CA3AF",
+          "surface": {
+            "$value": "#1A1A2E",
+            "search": "#1A1A2E"
+          },
+          "value": "#F3F4F6"
+        },
+        "hover": {
+          "border": "#2A2A4A",
+          "icon": "#F3F4F6",
+          "label": "#9CA3AF",
+          "subtext": "#9CA3AF",
+          "supporting": "#9CA3AF",
+          "surface": {
+            "$value": "#1A1A2E",
+            "search": "#1A1A2E"
+          },
+          "value": "#F3F4F6"
+        }
+      }
+    },
+    "interactive": {
+      "active": {
+        "alarm": {
+          "default": {
+            "border": "rgba(239,68,68,0.14)",
+            "icon": "#DC2626",
+            "subtext": "#F3F4F6",
+            "surface": "rgba(239,68,68,0.14)",
+            "text": "#DC2626"
+          },
+          "disabled": {
+            "border": "#1A1A2E",
+            "icon": "rgba(42,42,74,0.72)",
+            "subtext": "#9CA3AF",
+            "surface": "#1A1A2E",
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "border": "rgba(239,68,68,0.14)",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#DC2626",
+            "subtext": "#F3F4F6",
+            "surface": "rgba(239,68,68,0.14)",
+            "text": "#DC2626"
+          },
+          "hover": {
+            "border": "rgba(239,68,68,0.14)",
+            "icon": "#FCA5A5",
+            "subtext": "#F3F4F6",
+            "surface": {
+              "$value": "rgba(239,68,68,0.14)",
+              "alternate": "rgba(239,68,68,0.3)"
+            },
+            "text": "#FCA5A5"
+          },
+          "pressed": {
+            "border": "rgba(239,68,68,0.3)",
+            "icon": "#FCA5A5",
+            "subtext": "#F3F4F6",
+            "surface": "rgba(239,68,68,0.3)",
+            "text": "#FCA5A5"
+          }
+        },
+        "regular": {
+          "default": {
+            "border": "rgba(255,92,0,0.1)",
+            "icon": "#FF5C00",
+            "subtext": "#F3F4F6",
+            "surface": "rgba(255,92,0,0.1)",
+            "text": "#FF5C00"
+          },
+          "disabled": {
+            "border": "#1A1A2E",
+            "icon": "rgba(42,42,74,0.72)",
+            "subtext": "#9CA3AF",
+            "surface": "#1A1A2E",
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "border": "rgba(255,92,0,0.1)",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#FF5C00",
+            "subtext": "#F3F4F6",
+            "surface": "rgba(255,92,0,0.1)",
+            "text": "#FF5C00"
+          },
+          "hover": {
+            "border": "rgba(255,92,0,0.1)",
+            "icon": "#FF5C00",
+            "subtext": "#F3F4F6",
+            "surface": {
+              "$value": "rgba(255,92,0,0.28)",
+              "alternate": "rgba(255,92,0,0.28)"
+            },
+            "text": "#FF5C00"
+          },
+          "pressed": {
+            "border": "rgba(255,92,0,0.1)",
+            "icon": "#FF5C00",
+            "subtext": "#F3F4F6",
+            "surface": "#DDEABEFF",
+            "text": "#FF5C00"
+          }
+        }
+      },
+      "inactive": {
+        "alarm": {
+          "default": {
+            "border": "#9CA3AF",
+            "icon": "#DC2626",
+            "subtext": "#575B5E",
+            "surface": {
+              "$value": "#FFFFFFFF",
+              "alternate": "#1A1A2E"
+            },
+            "text": "#DC2626"
+          },
+          "disabled": {
+            "border": "#1A1A2E",
+            "icon": "rgba(42,42,74,0.72)",
+            "subtext": "#9CA3AF",
+            "surface": "#FFFFFFFF",
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "border": "#9CA3AF",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#DC2626",
+            "subtext": "#575B5E",
+            "surface": {
+              "$value": "#FFFFFFFF",
+              "alternate": "#1A1A2E"
+            },
+            "text": "#DC2626"
+          },
+          "hover": {
+            "border": "#9CA3AF",
+            "icon": "#FCA5A5",
+            "subtext": "#575B5E",
+            "surface": {
+              "$value": "rgba(239,68,68,0.14)",
+              "alternate": "rgba(239,68,68,0.3)"
+            },
+            "text": "#FCA5A5"
+          },
+          "pressed": {
+            "border": "#737373FF",
+            "icon": "#FCA5A5",
+            "subtext": "#575B5E",
+            "surface": "rgba(239,68,68,0.3)",
+            "text": "#FCA5A5"
+          }
+        },
+        "regular": {
+          "default": {
+            "border": "#9CA3AF",
+            "icon": "#F3F4F6",
+            "subtext": "#575B5E",
+            "surface": {
+              "$value": "#FFFFFFFF",
+              "alternate": "#1A1A2E"
+            },
+            "text": "#343434FF"
+          },
+          "disabled": {
+            "border": "#1A1A2E",
+            "icon": "rgba(42,42,74,0.72)",
+            "subtext": "#9CA3AF",
+            "surface": "#FFFFFFFF",
+            "text": "#9CA3AF"
+          },
+          "focus": {
+            "border": "#9CA3AF",
+            "focus": {
+              "ring": "#FF5C00"
+            },
+            "icon": "#F3F4F6",
+            "subtext": "#575B5E",
+            "surface": {
+              "$value": "#FFFFFFFF",
+              "alternate": "#1A1A2E"
+            },
+            "text": "#343434FF"
+          },
+          "hover": {
+            "border": "#9CA3AF",
+            "icon": "#343434FF",
+            "subtext": "#575B5E",
+            "surface": {
+              "$value": "#F9FCF4FF",
+              "alternate": "rgba(255,92,0,0.1)"
+            },
+            "text": "#343434FF"
+          },
+          "pressed": {
+            "border": "#737373FF",
+            "icon": "#343434FF",
+            "subtext": "#575B5E",
+            "surface": "rgba(255,92,0,0.1)",
+            "text": "#343434FF"
+          }
+        }
+      }
+    },
+    "non": {
+      "interactive": {
+        "background": {
+          "alternative": {
+            "$value": "#1A1A2E",
+            "floating": "#1A1A2E",
+            "raised": "#1A1A2E"
+          },
+          "brand": "#F9FCF4FF",
+          "default": {
+            "$value": "#0F0F1A",
+            "floating": "#1A1A2E",
+            "raised": "#1A1A2E"
+          }
+        },
+        "foreground": {
+          "primary": "#F3F4F6",
+          "secondary": "#9CA3AF"
+        }
+      }
+    },
+    "selectors": {
+      "active": {
+        "default": {
+          "border": "#FF5C00",
+          "handle": "#FFFFFFFF",
+          "icon": "#FFFFFFFF",
+          "surface": "#FF5C00",
+          "text": "#FF5C00"
+        },
+        "disabled": {
+          "border": "#1A1A2E",
+          "handle": "#FFFFFFFF",
+          "icon": "#FFFFFFFF",
+          "surface": "#1A1A2E",
+          "text": "#9CA3AF"
+        },
+        "focus": {
+          "border": "#FF5C00",
+          "focus": {
+            "ring": "#FF5C00"
+          },
+          "handle": "#FFFFFFFF",
+          "icon": "#FFFFFFFF",
+          "surface": "#FF5C00",
+          "text": "#FF5C00"
+        },
+        "hover": {
+          "border": "#FF7A2F",
+          "handle": "#FFFFFFFF",
+          "hover": {
+            "ring": "#F9FCF4FF"
+          },
+          "icon": "#FFFFFFFF",
+          "surface": "#FF7A2F",
+          "text": "#FF5C00"
+        },
+        "pressed": {
+          "border": "#DDEABEFF",
+          "handle": "#FFFFFFFF",
+          "icon": "#FFFFFFFF",
+          "surface": "#DDEABEFF",
+          "text": "#FF5C00"
+        },
+        "read": {
+          "only": {
+            "border": "#E3E3E3FF",
+            "handle": "#E3E3E3FF",
+            "icon": "#FF5C00",
+            "surface": "#FFFFFFFF",
+            "text": "#FF5C00"
+          }
+        }
+      },
+      "inactive": {
+        "default": {
+          "border": "#9CA3AF",
+          "handle": "#575B5E",
+          "icon": "#F3F4F6",
+          "surface": "#F6F6F6FF",
+          "text": "#343434FF"
+        },
+        "disabled": {
+          "border": "#1A1A2E",
+          "handle": "rgba(42,42,74,0.72)",
+          "icon": "rgba(42,42,74,0.72)",
+          "surface": "#1A1A2E",
+          "text": "#9CA3AF"
+        },
+        "focus": {
+          "border": "#9CA3AF",
+          "focus": {
+            "ring": "#FF5C00"
+          },
+          "handle": "#575B5E",
+          "icon": "#F3F4F6",
+          "surface": "#F6F6F6FF",
+          "text": "#343434FF"
+        },
+        "hover": {
+          "border": "#575B5E",
+          "handle": "#575B5E",
+          "hover": {
+            "ring": "#F9FCF4FF"
+          },
+          "icon": "#575B5E",
+          "surface": "#F9FCF4FF",
+          "text": "#343434FF"
+        },
+        "pressed": {
+          "border": "#9CA3AF",
+          "handle": "#575B5E",
+          "icon": "#575B5E",
+          "surface": "rgba(255,92,0,0.1)",
+          "text": "#343434FF"
+        },
+        "read": {
+          "only": {
+            "border": "#E3E3E3FF",
+            "handle": "#E3E3E3FF",
+            "icon": "#575B5E",
+            "surface": "#FFFFFFFF",
+            "text": "#343434FF"
+          }
+        }
+      }
+    },
+    "slider": {
+      "active": {
+        "default": {
+          "handle": {
+            "$value": "#FF5C00",
+            "surface": "rgba(255, 255, 255, 0)"
+          },
+          "icon": "#FF5C00",
+          "stop": {
+            "dot": "rgba(42,42,74,0.72)",
+            "text": "#343434FF"
+          },
+          "track": "#FF5C00"
+        },
+        "disabled": {
+          "handle": {
+            "$value": "rgba(42,42,74,0.72)",
+            "surface": "rgba(255, 255, 255, 0)"
+          },
+          "icon": "rgba(42,42,74,0.72)",
+          "stop": {
+            "dot": "#1A1A2E",
+            "text": "rgba(42,42,74,0.72)"
+          },
+          "track": "#1A1A2E"
+        },
+        "focus": {
+          "handle": {
+            "$value": "#FF5C00",
+            "focus": {
+              "ring": "#E05200"
+            },
+            "surface": "rgba(255, 255, 255, 0)"
+          },
+          "icon": "#FF5C00",
+          "stop": {
+            "dot": "rgba(42,42,74,0.72)",
+            "text": "#343434FF"
+          },
+          "track": "#FF5C00"
+        },
+        "hover": {
+          "handle": {
+            "$value": "#FF5C00",
+            "surface": "#F9FCF4FF"
+          },
+          "icon": "#FF5C00",
+          "stop": {
+            "dot": "rgba(42,42,74,0.72)",
+            "text": "#343434FF"
+          },
+          "track": "#FF5C00"
+        },
+        "pressed": {
+          "handle": {
+            "$value": "#FF5C00",
+            "surface": "rgba(255,92,0,0.1)"
+          },
+          "icon": "#FF5C00",
+          "stop": {
+            "dot": "rgba(42,42,74,0.72)",
+            "text": "#343434FF"
+          },
+          "track": "#FF5C00"
+        }
+      },
+      "inactive": {
+        "default": {
+          "icon": "#FF5C00",
+          "stop": {
+            "dot": "rgba(42,42,74,0.72)",
+            "text": "#343434FF"
+          },
+          "track": "#1A1A2E"
+        },
+        "disabled": {
+          "icon": "rgba(42,42,74,0.72)",
+          "stop": {
+            "dot": "#1A1A2E",
+            "text": "rgba(42,42,74,0.72)"
+          },
+          "track": "#1A1A2E"
+        },
+        "focus": {
+          "icon": "#FF5C00",
+          "stop": {
+            "dot": "rgba(42,42,74,0.72)",
+            "text": "#343434FF"
+          },
+          "track": "#1A1A2E"
+        },
+        "hover": {
+          "icon": "#FF5C00",
+          "stop": {
+            "dot": "rgba(42,42,74,0.72)",
+            "text": "#343434FF"
+          },
+          "track": "#1A1A2E"
+        },
+        "pressed": {
+          "icon": "#FF5C00",
+          "stop": {
+            "dot": "rgba(42,42,74,0.72)",
+            "text": "#343434FF"
+          },
+          "track": "#1A1A2E"
+        }
+      }
+    },
+    "spacing": {
+      "gap": {
+        "none": 0,
+        "4xsmall": 2,
+        "3xsmall": 4,
+        "2xsmall": 6,
+        "xsmall": 8,
+        "small": 10,
+        "medium": 12,
+        "large": 16,
+        "xlarge": 20,
+        "2xlarge": 24,
+        "3xlarge": 32,
+        "4xlarge": 40
+      },
+      "zero": 0,
+      "small": {
+        "4xs": 2,
+        "3xs": 4,
+        "2xs": 6,
+        "xs": 8,
+        "$value": 10
+      },
+      "medium": 12,
+      "large": {
+        "$value": 16,
+        "xl": 20,
+        "2xl": 24,
+        "3xl": 32,
+        "4xl": 40
+      }
+    },
+    "radius": {
+      "radius": {
+        "none": 0,
+        "3xsmall": 2,
+        "2xsmall": 4,
+        "xsmall": 6,
+        "small": 8,
+        "medium": 12,
+        "large": 16,
+        "xlarge": 18,
+        "2xlarge": 20,
+        "full": 9999
+      },
+      "none": 0,
+      "small": {
+        "3xs": 2,
+        "2xs": 4,
+        "xs": 6,
+        "$value": 8
+      },
+      "medium": 12,
+      "large": {
+        "$value": 16,
+        "xl": 18,
+        "2xl": 20
+      },
+      "full": 9999
+    },
+    "sizing": {
+      "size": {
+        "none": 0,
+        "5xsmall": 4,
+        "4xsmall": 8,
+        "3xsmall": 12,
+        "2xsmall": 16,
+        "xsmall": 20,
+        "small": 24,
+        "medium": 32,
+        "large": 40,
+        "xlarge": 48,
+        "2xlarge": 56,
+        "3xlarge": 64,
+        "4xlarge": 72,
+        "5xlarge": 80,
+        "6xlarge": 88,
+        "7xlarge": 120,
+        "8xlarge": 128
+      },
+      "control": {
+        "height": 48,
+        "padding": {
+          "x": 16
+        }
+      },
+      "field": {
+        "padding": {
+          "x": 16,
+          "y": 4
+        },
+        "radius": 8
+      },
+      "loader": {
+        "size": 80
+      },
+      "card": {
+        "radius": 22
+      },
+      "choice": {
+        "radius": 18
+      },
+      "modal": {
+        "width": 384
+      }
+    },
+    "opacity": {
+      "transparent": 0,
+      "softest": 0.08,
+      "soft": 0.16,
+      "gentle": 0.24,
+      "mild": 0.3,
+      "medium": 0.48,
+      "strong": 0.64,
+      "hard": 0.8,
+      "solid": 1,
+      "disabled": 0.48,
+      "muted": 0.64,
+      "subtle": 0.24,
+      "overlay": 0.8
+    },
+    "border": {
+      "width": {
+        "outline": {
+          "none": 0,
+          "small": 1,
+          "medium": 2,
+          "large": 4,
+          "xlarge": 8
+        },
+        "none": 0,
+        "small": 1,
+        "medium": 2,
+        "large": 4,
+        "xlarge": 8
+      }
+    },
+    "shadow": {
+      "keyline": {
+        "box": {
+          "shadow": "0 1px 2px rgba(26,28,31,0.08)"
+        }
+      },
+      "negative": {
+        "small": "0 -8px 20px rgba(26,28,31,0.08)",
+        "medium": "0 -14px 32px rgba(26,28,31,0.1)",
+        "large": "0 -24px 60px rgba(26,28,31,0.14)"
+      },
+      "positive": {
+        "small": "0 12px 24px rgba(26,28,31,0.08)",
+        "medium": "0 24px 90px rgba(26,28,31,0.08)",
+        "large": "0 18px 50px rgba(18,138,66,0.22)"
+      },
+      "card": "0 24px 90px rgba(26,28,31,0.08)",
+      "button": "0 18px 50px rgba(18,138,66,0.22)",
+      "loader": "0 24px 90px rgba(26,28,31,0.08)"
+    },
+    "animation": {
+      "delay": {
+        "none": "0ms",
+        "xsmall": "50ms",
+        "small": "100ms",
+        "medium": "200ms",
+        "large": "300ms"
+      },
+      "duration": {
+        "none": "0ms",
+        "2xsmall": "100ms",
+        "xsmall": "200ms",
+        "small": "300ms",
+        "medium": "400ms",
+        "large": "600ms",
+        "xlarge": "800ms",
+        "2xlarge": "1000ms"
+      },
+      "time": {
+        "easing": {
+          "drift": "cubic-bezier(0.22, 1, 0.36, 1)",
+          "impulse": "cubic-bezier(0.2, 0, 0, 1)",
+          "release": "cubic-bezier(0.4, 0, 0.2, 1)"
+        }
+      },
+      "scale": {
+        "pressed": 0.95,
+        "soft": {
+          "pressed": 0.97
+        }
+      }
+    },
+    "font": {
+      "family": {
+        "family": {
+          "base": "Arial, Helvetica, sans-serif"
+        },
+        "display": {
+          "large": {
+            "font": {
+              "size": 40,
+              "weight": 700
+            },
+            "line": {
+              "height": 1.05
+            },
+            "letter": {
+              "spacing": "-0.03em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 40,
+                "weight": 800
+              },
+              "line": {
+                "height": 1.05
+              },
+              "letter": {
+                "spacing": "-0.03em"
+              }
+            }
+          },
+          "medium": {
+            "font": {
+              "size": 34,
+              "weight": 700
+            },
+            "line": {
+              "height": 1.08
+            },
+            "letter": {
+              "spacing": "-0.03em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 34,
+                "weight": 800
+              },
+              "line": {
+                "height": 1.08
+              },
+              "letter": {
+                "spacing": "-0.03em"
+              }
+            }
+          },
+          "small": {
+            "font": {
+              "size": 30,
+              "weight": 700
+            },
+            "line": {
+              "height": 1.1
+            },
+            "letter": {
+              "spacing": "-0.02em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 30,
+                "weight": 800
+              },
+              "line": {
+                "height": 1.1
+              },
+              "letter": {
+                "spacing": "-0.02em"
+              }
+            }
+          }
+        },
+        "headline": {
+          "large": {
+            "font": {
+              "size": 28,
+              "weight": 700
+            },
+            "line": {
+              "height": 1.15
+            },
+            "letter": {
+              "spacing": "-0.02em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 28,
+                "weight": 800
+              },
+              "line": {
+                "height": 1.15
+              },
+              "letter": {
+                "spacing": "-0.02em"
+              }
+            }
+          },
+          "medium": {
+            "font": {
+              "size": 24,
+              "weight": 700
+            },
+            "line": {
+              "height": 1.2
+            },
+            "letter": {
+              "spacing": "-0.02em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 24,
+                "weight": 800
+              },
+              "line": {
+                "height": 1.2
+              },
+              "letter": {
+                "spacing": "-0.02em"
+              }
+            }
+          },
+          "small": {
+            "font": {
+              "size": 20,
+              "weight": 700
+            },
+            "line": {
+              "height": 1.25
+            },
+            "letter": {
+              "spacing": "-0.01em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 20,
+                "weight": 800
+              },
+              "line": {
+                "height": 1.25
+              },
+              "letter": {
+                "spacing": "-0.01em"
+              }
+            }
+          }
+        },
+        "title": {
+          "large": {
+            "font": {
+              "size": 28,
+              "weight": 800
+            },
+            "line": {
+              "height": 1.15
+            },
+            "letter": {
+              "spacing": "-0.02em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 28,
+                "weight": 900
+              },
+              "line": {
+                "height": 1.15
+              },
+              "letter": {
+                "spacing": "-0.02em"
+              }
+            }
+          },
+          "medium": {
+            "font": {
+              "size": 22,
+              "weight": 700
+            },
+            "line": {
+              "height": 1.2
+            },
+            "letter": {
+              "spacing": "-0.01em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 22,
+                "weight": 800
+              },
+              "line": {
+                "height": 1.2
+              },
+              "letter": {
+                "spacing": "-0.01em"
+              }
+            }
+          },
+          "small": {
+            "font": {
+              "size": 18,
+              "weight": 700
+            },
+            "line": {
+              "height": 1.25
+            },
+            "letter": {
+              "spacing": "0em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 18,
+                "weight": 800
+              },
+              "line": {
+                "height": 1.25
+              },
+              "letter": {
+                "spacing": "0em"
+              }
+            }
+          }
+        },
+        "body": {
+          "large": {
+            "font": {
+              "size": 18,
+              "weight": 400
+            },
+            "line": {
+              "height": 1.55
+            },
+            "letter": {
+              "spacing": "0em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 18,
+                "weight": 600
+              },
+              "line": {
+                "height": 1.55
+              },
+              "letter": {
+                "spacing": "0em"
+              }
+            }
+          },
+          "medium": {
+            "font": {
+              "size": 16,
+              "weight": 400
+            },
+            "line": {
+              "height": 1.5
+            },
+            "letter": {
+              "spacing": "0em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 16,
+                "weight": 600
+              },
+              "line": {
+                "height": 1.5
+              },
+              "letter": {
+                "spacing": "0em"
+              }
+            }
+          },
+          "small": {
+            "font": {
+              "size": 14,
+              "weight": 400
+            },
+            "line": {
+              "height": 1.5
+            },
+            "letter": {
+              "spacing": "0em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 14,
+                "weight": 600
+              },
+              "line": {
+                "height": 1.5
+              },
+              "letter": {
+                "spacing": "0em"
+              }
+            }
+          }
+        },
+        "label": {
+          "large": {
+            "font": {
+              "size": 14,
+              "weight": 700
+            },
+            "line": {
+              "height": 1.2
+            },
+            "letter": {
+              "spacing": "0.08em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 14,
+                "weight": 800
+              },
+              "line": {
+                "height": 1.2
+              },
+              "letter": {
+                "spacing": "0.08em"
+              }
+            }
+          },
+          "medium": {
+            "font": {
+              "size": 12,
+              "weight": 700
+            },
+            "line": {
+              "height": 1.2
+            },
+            "letter": {
+              "spacing": "0.12em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 12,
+                "weight": 800
+              },
+              "line": {
+                "height": 1.2
+              },
+              "letter": {
+                "spacing": "0.12em"
+              }
+            }
+          },
+          "small": {
+            "font": {
+              "size": 11,
+              "weight": 700
+            },
+            "line": {
+              "height": 1.2
+            },
+            "letter": {
+              "spacing": "0.14em"
+            },
+            "emphasized": {
+              "font": {
+                "size": 11,
+                "weight": 800
+              },
+              "line": {
+                "height": 1.2
+              },
+              "letter": {
+                "spacing": "0.14em"
+              }
+            }
+          }
+        }
+      }
+    },
+    "token": {
+      "preset": {
+        "name": "jumpy"
+      }
+    },
+    "typography": {
+      "font": {
+        "family": "Arial, Helvetica, sans-serif"
+      },
+      "label": {
+        "transform": "uppercase",
+        "letter": {
+          "spacing": "0.12em"
+        }
+      }
+    }
+  }
+}