@halogen-ui/tokens 0.1.0

package/dist/halogen.tokens.json

@@ -0,0 +1,2061 @@
+{
+  "$themes": [
+    {
+      "id": "dark",
+      "name": "Dark",
+      "selectedTokenSets": {
+        "primitives": "source",
+        "dark": "enabled"
+      }
+    },
+    {
+      "id": "light",
+      "name": "Light",
+      "selectedTokenSets": {
+        "primitives": "source",
+        "light": "enabled"
+      }
+    }
+  ],
+  "primitives": {
+    "color": {
+      "neutral": {
+        "0": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "25": {
+          "value": "#f8f7f6",
+          "type": "color"
+        },
+        "50": {
+          "value": "#f0efed",
+          "type": "color"
+        },
+        "100": {
+          "value": "#e4e2e0",
+          "type": "color"
+        },
+        "200": {
+          "value": "#d3d1cf",
+          "type": "color"
+        },
+        "300": {
+          "value": "#bbb9b6",
+          "type": "color"
+        },
+        "400": {
+          "value": "#a7a5a3",
+          "type": "color"
+        },
+        "450": {
+          "value": "#969492",
+          "type": "color"
+        },
+        "500": {
+          "value": "#8c8a88",
+          "type": "color"
+        },
+        "550": {
+          "value": "#7c7a77",
+          "type": "color"
+        },
+        "600": {
+          "value": "#6e6c69",
+          "type": "color"
+        },
+        "700": {
+          "value": "#54524f",
+          "type": "color"
+        },
+        "800": {
+          "value": "#3b3936",
+          "type": "color"
+        },
+        "850": {
+          "value": "#2f2d2b",
+          "type": "color"
+        },
+        "900": {
+          "value": "#292725",
+          "type": "color"
+        },
+        "950": {
+          "value": "#1e1c1a",
+          "type": "color"
+        },
+        "1000": {
+          "value": "#12100e",
+          "type": "color"
+        }
+      },
+      "state": {
+        "hover": {
+          "dark": {
+            "value": "rgba(255, 255, 255, 0.08)",
+            "type": "color"
+          },
+          "light": {
+            "value": "rgba(0, 0, 0, 0.06)",
+            "type": "color"
+          }
+        },
+        "active": {
+          "dark": {
+            "value": "rgba(255, 255, 255, 0.14)",
+            "type": "color"
+          },
+          "light": {
+            "value": "rgba(0, 0, 0, 0.1)",
+            "type": "color"
+          }
+        },
+        "focus": {
+          "glow": {
+            "value": "rgba(255, 100, 31, 0.24)",
+            "type": "color"
+          }
+        },
+        "selection": {
+          "dark": {
+            "value": "rgba(255, 100, 31, 0.35)",
+            "type": "color"
+          },
+          "light": {
+            "value": "rgba(255, 100, 31, 0.32)",
+            "type": "color"
+          }
+        }
+      },
+      "heat": {
+        "dark": {
+          "0": {
+            "value": "#4d2f29",
+            "type": "color"
+          },
+          "1": {
+            "value": "#7b513c",
+            "type": "color"
+          },
+          "2": {
+            "value": "#aa7647",
+            "type": "color"
+          },
+          "3": {
+            "value": "#d8a147",
+            "type": "color"
+          },
+          "4": {
+            "value": "#fdd345",
+            "type": "color"
+          }
+        },
+        "light": {
+          "0": {
+            "value": "#eee1df",
+            "type": "color"
+          },
+          "1": {
+            "value": "#e1b49f",
+            "type": "color"
+          },
+          "2": {
+            "value": "#c98c55",
+            "type": "color"
+          },
+          "3": {
+            "value": "#99712f",
+            "type": "color"
+          },
+          "4": {
+            "value": "#6a560b",
+            "type": "color"
+          }
+        }
+      },
+      "orange": {
+        "base": {
+          "value": "#ff641f",
+          "type": "color"
+        },
+        "bright": {
+          "value": "#ff875b",
+          "type": "color"
+        },
+        "dim": {
+          "value": "#ee5500",
+          "type": "color"
+        },
+        "text": {
+          "light": {
+            "value": "#bf4200",
+            "type": "color",
+            "strong": {
+              "value": "#8e3000",
+              "type": "color"
+            }
+          },
+          "on": {
+            "chip": {
+              "light": {
+                "value": "#bc4100",
+                "type": "color"
+              }
+            }
+          }
+        },
+        "mark": {
+          "light": {
+            "value": "#ef5500",
+            "type": "color"
+          }
+        },
+        "surface": {
+          "dark": {
+            "value": "#351f17",
+            "type": "color",
+            "hover": {
+              "value": "#482c22",
+              "type": "color"
+            }
+          },
+          "light": {
+            "value": "#f6eae6",
+            "type": "color",
+            "hover": {
+              "value": "#f0dad3",
+              "type": "color"
+            }
+          }
+        },
+        "border": {
+          "dark": {
+            "value": "#a36047",
+            "type": "color"
+          },
+          "light": {
+            "value": "#ce5f34",
+            "type": "color"
+          }
+        }
+      },
+      "coral": {
+        "base": {
+          "value": "#ff493f",
+          "type": "color"
+        },
+        "bright": {
+          "value": "#ff7466",
+          "type": "color"
+        },
+        "dim": {
+          "value": "#ee3730",
+          "type": "color"
+        },
+        "text": {
+          "light": {
+            "value": "#da0010",
+            "type": "color"
+          }
+        },
+        "mark": {
+          "light": {
+            "value": "#ff3d35",
+            "type": "color"
+          }
+        }
+      },
+      "amber": {
+        "base": {
+          "value": "#ff9f00",
+          "type": "color"
+        },
+        "bright": {
+          "value": "#ffba6d",
+          "type": "color"
+        },
+        "dim": {
+          "value": "#ec9300",
+          "type": "color"
+        },
+        "text": {
+          "light": {
+            "value": "#9b5e00",
+            "type": "color"
+          }
+        },
+        "mark": {
+          "light": {
+            "value": "#c27700",
+            "type": "color"
+          }
+        }
+      },
+      "yellow": {
+        "base": {
+          "value": "#ffd21a",
+          "type": "color"
+        },
+        "bright": {
+          "value": "#ffe89d",
+          "type": "color"
+        },
+        "dim": {
+          "value": "#efc400",
+          "type": "color"
+        },
+        "text": {
+          "light": {
+            "value": "#826900",
+            "type": "color"
+          }
+        },
+        "mark": {
+          "light": {
+            "value": "#a48500",
+            "type": "color"
+          }
+        }
+      },
+      "peach": {
+        "base": {
+          "value": "#ffb46b",
+          "type": "color"
+        },
+        "bright": {
+          "value": "#ffcda0",
+          "type": "color"
+        },
+        "dim": {
+          "value": "#f0a65d",
+          "type": "color"
+        },
+        "text": {
+          "light": {
+            "value": "#9f5c00",
+            "type": "color"
+          }
+        },
+        "mark": {
+          "light": {
+            "value": "#c67500",
+            "type": "color"
+          }
+        }
+      },
+      "pink": {
+        "base": {
+          "value": "#e8a6d8",
+          "type": "color"
+        },
+        "bright": {
+          "value": "#fbb7ea",
+          "type": "color"
+        },
+        "dim": {
+          "value": "#d998c9",
+          "type": "color"
+        },
+        "text": {
+          "light": {
+            "value": "#a54a94",
+            "type": "color"
+          }
+        },
+        "mark": {
+          "light": {
+            "value": "#ce5fb9",
+            "type": "color"
+          }
+        }
+      },
+      "teal": {
+        "base": {
+          "value": "#22b8a8",
+          "type": "color"
+        },
+        "bright": {
+          "value": "#3ecab9",
+          "type": "color"
+        },
+        "dim": {
+          "value": "#00a99a",
+          "type": "color"
+        },
+        "text": {
+          "light": {
+            "value": "#13796f",
+            "type": "color",
+            "strong": {
+              "value": "#0b5951",
+              "type": "color"
+            }
+          },
+          "on": {
+            "chip": {
+              "light": {
+                "value": "#13786e",
+                "type": "color"
+              }
+            }
+          }
+        },
+        "mark": {
+          "light": {
+            "value": "#1a988b",
+            "type": "color"
+          }
+        },
+        "surface": {
+          "dark": {
+            "value": "#1a2926",
+            "type": "color",
+            "hover": {
+              "value": "#263835",
+              "type": "color"
+            }
+          },
+          "light": {
+            "value": "#d2f6ef",
+            "type": "color",
+            "hover": {
+              "value": "#abefe4",
+              "type": "color"
+            }
+          }
+        },
+        "border": {
+          "dark": {
+            "value": "#4d7a73",
+            "type": "color"
+          },
+          "light": {
+            "value": "#3d8c82",
+            "type": "color"
+          }
+        }
+      },
+      "success": {
+        "solid": {
+          "value": "#62c84a",
+          "type": "color"
+        },
+        "on": {
+          "solid": {
+            "value": "#12100e",
+            "type": "color"
+          }
+        },
+        "surface": {
+          "dark": {
+            "value": "#1d291b",
+            "type": "color"
+          },
+          "light": {
+            "value": "#dff4da",
+            "type": "color"
+          }
+        },
+        "text": {
+          "dark": {
+            "value": "#62c94a",
+            "type": "color"
+          },
+          "light": {
+            "value": "#28591c",
+            "type": "color"
+          }
+        },
+        "border": {
+          "dark": {
+            "value": "#577b50",
+            "type": "color"
+          },
+          "light": {
+            "value": "#538d46",
+            "type": "color"
+          }
+        }
+      },
+      "warning": {
+        "solid": {
+          "value": "#d6a453",
+          "type": "color"
+        },
+        "on": {
+          "solid": {
+            "value": "#12100e",
+            "type": "color"
+          }
+        },
+        "surface": {
+          "dark": {
+            "value": "#2a241b",
+            "type": "color"
+          },
+          "light": {
+            "value": "#f3ece0",
+            "type": "color"
+          }
+        },
+        "text": {
+          "dark": {
+            "value": "#deaa56",
+            "type": "color"
+          },
+          "light": {
+            "value": "#634a22",
+            "type": "color"
+          }
+        },
+        "border": {
+          "dark": {
+            "value": "#816f53",
+            "type": "color"
+          },
+          "light": {
+            "value": "#997b4d",
+            "type": "color"
+          }
+        }
+      },
+      "error": {
+        "solid": {
+          "value": "#cd1f2c",
+          "type": "color"
+        },
+        "on": {
+          "solid": {
+            "value": "#ffffff",
+            "type": "color"
+          }
+        },
+        "surface": {
+          "dark": {
+            "value": "#381c1a",
+            "type": "color"
+          },
+          "light": {
+            "value": "#f5eae9",
+            "type": "color"
+          }
+        },
+        "text": {
+          "dark": {
+            "value": "#fa9891",
+            "type": "color"
+          },
+          "light": {
+            "value": "#9b151f",
+            "type": "color"
+          }
+        },
+        "border": {
+          "dark": {
+            "value": "#b05752",
+            "type": "color"
+          },
+          "light": {
+            "value": "#e14b4a",
+            "type": "color"
+          }
+        }
+      }
+    },
+    "space": {
+      "0": {
+        "value": "0px",
+        "type": "spacing"
+      },
+      "1": {
+        "value": "4px",
+        "type": "spacing"
+      },
+      "2": {
+        "value": "8px",
+        "type": "spacing"
+      },
+      "3": {
+        "value": "12px",
+        "type": "spacing"
+      },
+      "4": {
+        "value": "16px",
+        "type": "spacing"
+      },
+      "5": {
+        "value": "20px",
+        "type": "spacing"
+      },
+      "6": {
+        "value": "24px",
+        "type": "spacing"
+      },
+      "8": {
+        "value": "32px",
+        "type": "spacing"
+      },
+      "10": {
+        "value": "40px",
+        "type": "spacing"
+      },
+      "12": {
+        "value": "48px",
+        "type": "spacing"
+      },
+      "16": {
+        "value": "64px",
+        "type": "spacing"
+      },
+      "20": {
+        "value": "80px",
+        "type": "spacing"
+      },
+      "24": {
+        "value": "96px",
+        "type": "spacing"
+      },
+      "32": {
+        "value": "128px",
+        "type": "spacing"
+      },
+      "40": {
+        "value": "160px",
+        "type": "spacing"
+      },
+      "48": {
+        "value": "192px",
+        "type": "spacing"
+      },
+      "64": {
+        "value": "256px",
+        "type": "spacing"
+      },
+      "80": {
+        "value": "320px",
+        "type": "spacing"
+      },
+      "px": {
+        "value": "1px",
+        "type": "spacing"
+      },
+      "half": {
+        "value": "2px",
+        "type": "spacing"
+      }
+    },
+    "radius": {
+      "none": {
+        "value": "0px",
+        "type": "borderRadius"
+      },
+      "xs": {
+        "value": "4px",
+        "type": "borderRadius"
+      },
+      "sm": {
+        "value": "6px",
+        "type": "borderRadius"
+      },
+      "md": {
+        "value": "10px",
+        "type": "borderRadius"
+      },
+      "lg": {
+        "value": "16px",
+        "type": "borderRadius"
+      },
+      "xl": {
+        "value": "24px",
+        "type": "borderRadius"
+      },
+      "2xl": {
+        "value": "32px",
+        "type": "borderRadius"
+      },
+      "full": {
+        "value": "9999px",
+        "type": "borderRadius"
+      }
+    },
+    "control": {
+      "sm": {
+        "value": "32px",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "40px",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "48px",
+        "type": "sizing"
+      },
+      "xl": {
+        "value": "56px",
+        "type": "sizing"
+      }
+    },
+    "icon": {
+      "sm": {
+        "value": "16px",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "20px",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "24px",
+        "type": "sizing"
+      },
+      "stroke": {
+        "sm": {
+          "value": "1.5",
+          "type": "sizing"
+        },
+        "md": {
+          "value": "1.75",
+          "type": "sizing"
+        },
+        "lg": {
+          "value": "2",
+          "type": "sizing"
+        }
+      }
+    },
+    "border": {
+      "width": {
+        "0": {
+          "value": "0px",
+          "type": "borderWidth"
+        },
+        "1": {
+          "value": "1px",
+          "type": "borderWidth"
+        },
+        "2": {
+          "value": "2px",
+          "type": "borderWidth"
+        }
+      }
+    },
+    "target": {
+      "min": {
+        "value": "24px",
+        "type": "sizing"
+      },
+      "touch": {
+        "value": "44px",
+        "type": "sizing"
+      }
+    },
+    "container": {
+      "prose": {
+        "value": "720px",
+        "type": "sizing"
+      },
+      "default": {
+        "value": "1280px",
+        "type": "sizing"
+      },
+      "wide": {
+        "value": "1440px",
+        "type": "sizing"
+      }
+    },
+    "breakpoint": {
+      "sm": {
+        "value": "640px",
+        "type": "sizing"
+      },
+      "md": {
+        "value": "768px",
+        "type": "sizing"
+      },
+      "lg": {
+        "value": "1024px",
+        "type": "sizing"
+      },
+      "xl": {
+        "value": "1280px",
+        "type": "sizing"
+      },
+      "2xl": {
+        "value": "1536px",
+        "type": "sizing"
+      }
+    },
+    "layer": {
+      "base": {
+        "value": "0",
+        "type": "other"
+      },
+      "raised": {
+        "value": "10",
+        "type": "other"
+      },
+      "sticky": {
+        "value": "100",
+        "type": "other"
+      },
+      "overlay": {
+        "value": "1000",
+        "type": "other"
+      },
+      "modal": {
+        "value": "1100",
+        "type": "other"
+      },
+      "popover": {
+        "value": "1200",
+        "type": "other"
+      },
+      "toast": {
+        "value": "1300",
+        "type": "other"
+      },
+      "tooltip": {
+        "value": "1400",
+        "type": "other"
+      }
+    },
+    "aspect": {
+      "video": {
+        "value": "16 / 9",
+        "type": "other"
+      },
+      "square": {
+        "value": "1 / 1",
+        "type": "other"
+      },
+      "wide": {
+        "value": "21 / 9",
+        "type": "other"
+      }
+    },
+    "font": {
+      "family": {
+        "sans": {
+          "value": "Geist",
+          "type": "fontFamilies"
+        },
+        "mono": {
+          "value": "Geist Mono",
+          "type": "fontFamilies"
+        }
+      },
+      "weight": {
+        "regular": {
+          "value": "400",
+          "type": "fontWeights"
+        },
+        "medium": {
+          "value": "500",
+          "type": "fontWeights"
+        },
+        "semibold": {
+          "value": "600",
+          "type": "fontWeights"
+        },
+        "bold": {
+          "value": "700",
+          "type": "fontWeights"
+        }
+      },
+      "size": {
+        "2xs": {
+          "value": "11px",
+          "type": "fontSizes"
+        },
+        "xs": {
+          "value": "12px",
+          "type": "fontSizes"
+        },
+        "sm": {
+          "value": "13px",
+          "type": "fontSizes"
+        },
+        "base": {
+          "value": "14px",
+          "type": "fontSizes"
+        },
+        "md": {
+          "value": "16px",
+          "type": "fontSizes"
+        },
+        "lg": {
+          "value": "18px",
+          "type": "fontSizes"
+        },
+        "xl": {
+          "value": "20px",
+          "type": "fontSizes"
+        }
+      }
+    },
+    "display": {
+      "size": {
+        "xs": {
+          "value": "1.5rem",
+          "type": "fontSizes"
+        },
+        "sm": {
+          "value": "1.875rem",
+          "type": "fontSizes"
+        },
+        "md": {
+          "value": "2.75rem",
+          "type": "fontSizes"
+        },
+        "lg": {
+          "value": "3.75rem",
+          "type": "fontSizes"
+        },
+        "xl": {
+          "value": "5.5rem",
+          "type": "fontSizes"
+        },
+        "2xl": {
+          "value": "8rem",
+          "type": "fontSizes"
+        }
+      }
+    },
+    "line": {
+      "height": {
+        "none": {
+          "value": "100%",
+          "type": "lineHeights"
+        },
+        "display": {
+          "2xl": {
+            "value": "95%",
+            "type": "lineHeights"
+          },
+          "xl": {
+            "value": "100%",
+            "type": "lineHeights"
+          },
+          "lg": {
+            "value": "105%",
+            "type": "lineHeights"
+          },
+          "md": {
+            "value": "110%",
+            "type": "lineHeights"
+          },
+          "sm": {
+            "value": "120%",
+            "type": "lineHeights"
+          },
+          "xs": {
+            "value": "125%",
+            "type": "lineHeights"
+          }
+        },
+        "snug": {
+          "value": "135%",
+          "type": "lineHeights"
+        },
+        "normal": {
+          "value": "150%",
+          "type": "lineHeights"
+        },
+        "relaxed": {
+          "value": "160%",
+          "type": "lineHeights"
+        }
+      }
+    },
+    "tracking": {
+      "wider": {
+        "value": "1.5%",
+        "type": "letterSpacing"
+      },
+      "wide": {
+        "value": "0.5%",
+        "type": "letterSpacing"
+      },
+      "normal": {
+        "value": "0%",
+        "type": "letterSpacing"
+      },
+      "tight": {
+        "value": "-1%",
+        "type": "letterSpacing"
+      },
+      "tighter": {
+        "value": "-1.5%",
+        "type": "letterSpacing"
+      },
+      "tightest": {
+        "value": "-2%",
+        "type": "letterSpacing"
+      },
+      "display": {
+        "value": "-3%",
+        "type": "letterSpacing",
+        "tight": {
+          "value": "-3.5%",
+          "type": "letterSpacing"
+        }
+      }
+    },
+    "measure": {
+      "prose": {
+        "value": "68ch",
+        "type": "other"
+      },
+      "narrow": {
+        "value": "46ch",
+        "type": "other"
+      }
+    },
+    "duration": {
+      "instant": {
+        "value": "0ms",
+        "type": "other"
+      },
+      "press": {
+        "value": "70ms",
+        "type": "other"
+      },
+      "fast": {
+        "value": "120ms",
+        "type": "other"
+      },
+      "base": {
+        "value": "180ms",
+        "type": "other"
+      },
+      "slow": {
+        "value": "260ms",
+        "type": "other"
+      },
+      "slower": {
+        "value": "400ms",
+        "type": "other"
+      },
+      "deliberate": {
+        "value": "600ms",
+        "type": "other"
+      }
+    },
+    "easing": {
+      "enter": {
+        "value": "cubic-bezier(0.22, 1, 0.36, 1)",
+        "type": "other"
+      },
+      "exit": {
+        "value": "cubic-bezier(0.64, 0, 0.78, 0)",
+        "type": "other"
+      },
+      "move": {
+        "value": "cubic-bezier(0.65, 0, 0.35, 1)",
+        "type": "other"
+      },
+      "overshoot": {
+        "value": "cubic-bezier(0.34, 1.4, 0.64, 1)",
+        "type": "other"
+      },
+      "linear": {
+        "value": "linear",
+        "type": "other"
+      }
+    },
+    "travel": {
+      "ui": {
+        "value": "8px",
+        "type": "other"
+      },
+      "expressive": {
+        "value": "24px",
+        "type": "other"
+      }
+    },
+    "press": {
+      "scale": {
+        "value": "0.97",
+        "type": "other"
+      }
+    },
+    "reel": {
+      "travel": {
+        "value": "100%",
+        "type": "other"
+      }
+    },
+    "overlay": {
+      "zoom": {
+        "from": {
+          "value": "0.96",
+          "type": "other"
+        }
+      },
+      "sheet": {
+        "travel": {
+          "value": "100%",
+          "type": "other"
+        }
+      }
+    },
+    "shadow": {
+      "sm": {
+        "value": "0 1px 2px 0 rgb(0 0 0 / 0.16)",
+        "type": "other"
+      },
+      "md": {
+        "value": "0 4px 12px -2px rgb(0 0 0 / 0.24), 0 2px 4px -2px rgb(0 0 0 / 0.16)",
+        "type": "other"
+      },
+      "lg": {
+        "value": "0 16px 40px -8px rgb(0 0 0 / 0.36), 0 4px 8px -4px rgb(0 0 0 / 0.2)",
+        "type": "other"
+      },
+      "none": {
+        "value": "none",
+        "type": "other"
+      }
+    },
+    "alpha": {
+      "hairline": {
+        "dark": {
+          "value": "0.08",
+          "type": "other"
+        },
+        "light": {
+          "value": "0.08",
+          "type": "other"
+        }
+      },
+      "edge": {
+        "highlight": {
+          "value": "0.06",
+          "type": "other"
+        }
+      },
+      "scrim": {
+        "dark": {
+          "value": "0.72",
+          "type": "other"
+        },
+        "light": {
+          "value": "0.48",
+          "type": "other"
+        }
+      },
+      "disabled": {
+        "value": "0.38",
+        "type": "other"
+      }
+    },
+    "scrim": {
+      "blur": {
+        "value": "5px",
+        "type": "other"
+      },
+      "opacity": {
+        "value": "0.7",
+        "type": "other"
+      }
+    }
+  },
+  "dark": {
+    "surface": {
+      "ground": {
+        "value": "#12100e",
+        "type": "color"
+      },
+      "raised": {
+        "value": "#1e1c1a",
+        "type": "color"
+      },
+      "overlay": {
+        "value": "#292725",
+        "type": "color"
+      },
+      "floating": {
+        "value": "#292725",
+        "type": "color"
+      },
+      "modal": {
+        "value": "#292725",
+        "type": "color"
+      },
+      "subtle": {
+        "value": "#292725",
+        "type": "color",
+        "hover": {
+          "value": "#2f2d2b",
+          "type": "color"
+        },
+        "active": {
+          "value": "#3b3936",
+          "type": "color"
+        }
+      },
+      "field": {
+        "value": "#292725",
+        "type": "color"
+      },
+      "state": {
+        "hover": {
+          "value": "rgba(255, 255, 255, 0.08)",
+          "type": "color"
+        },
+        "active": {
+          "value": "rgba(255, 255, 255, 0.14)",
+          "type": "color"
+        }
+      },
+      "selection": {
+        "value": "rgba(255, 100, 31, 0.35)",
+        "type": "color"
+      },
+      "knob": {
+        "value": "#f0efed",
+        "type": "color"
+      },
+      "inverse": {
+        "value": "#f0efed",
+        "type": "color"
+      },
+      "accent": {
+        "value": "#ff641f",
+        "type": "color",
+        "hover": {
+          "value": "#ff875b",
+          "type": "color"
+        },
+        "active": {
+          "value": "#ee5500",
+          "type": "color"
+        },
+        "subtle": {
+          "value": "#351f17",
+          "type": "color",
+          "hover": {
+            "value": "#482c22",
+            "type": "color"
+          }
+        }
+      },
+      "disabled": {
+        "value": "#292725",
+        "type": "color"
+      },
+      "scrim": {
+        "value": "#12100e",
+        "type": "color"
+      }
+    },
+    "ink": {
+      "primary": {
+        "value": "#f0efed",
+        "type": "color"
+      },
+      "secondary": {
+        "value": "#bbb9b6",
+        "type": "color"
+      },
+      "tertiary": {
+        "value": "#969492",
+        "type": "color"
+      },
+      "placeholder": {
+        "value": "#969492",
+        "type": "color"
+      },
+      "disabled": {
+        "value": "#6e6c69",
+        "type": "color"
+      },
+      "accent": {
+        "value": "#ff641f",
+        "type": "color"
+      },
+      "on": {
+        "accent": {
+          "value": "#12100e",
+          "type": "color"
+        },
+        "gradient": {
+          "value": "#12100e",
+          "type": "color"
+        },
+        "scrim": {
+          "value": "#f0efed",
+          "type": "color",
+          "secondary": {
+            "value": "#d3d1cf",
+            "type": "color"
+          }
+        }
+      },
+      "inverse": {
+        "value": "#12100e",
+        "type": "color"
+      },
+      "link": {
+        "value": "#ff641f",
+        "type": "color",
+        "hover": {
+          "value": "#ff875b",
+          "type": "color"
+        }
+      }
+    },
+    "line": {
+      "subtle": {
+        "value": "#2f2d2b",
+        "type": "color"
+      },
+      "divider": {
+        "value": "#3b3936",
+        "type": "color"
+      },
+      "control": {
+        "value": "#3b3936",
+        "type": "color"
+      },
+      "strong": {
+        "value": "#969492",
+        "type": "color"
+      },
+      "focus": {
+        "value": "#ff641f",
+        "type": "color",
+        "glow": {
+          "value": "rgba(255, 100, 31, 0.24)",
+          "type": "color"
+        }
+      },
+      "accent": {
+        "value": "#a36047",
+        "type": "color"
+      },
+      "disabled": {
+        "value": "#2f2d2b",
+        "type": "color"
+      },
+      "edge": {
+        "highlight": {
+          "value": "#54524f",
+          "type": "color"
+        }
+      }
+    },
+    "status": {
+      "success": {
+        "solid": {
+          "value": "#62c84a",
+          "type": "color"
+        },
+        "on": {
+          "solid": {
+            "value": "#12100e",
+            "type": "color"
+          }
+        },
+        "ink": {
+          "value": "#62c94a",
+          "type": "color"
+        },
+        "surface": {
+          "value": "#1d291b",
+          "type": "color"
+        },
+        "line": {
+          "value": "#577b50",
+          "type": "color"
+        }
+      },
+      "warning": {
+        "solid": {
+          "value": "#d6a453",
+          "type": "color"
+        },
+        "on": {
+          "solid": {
+            "value": "#12100e",
+            "type": "color"
+          }
+        },
+        "ink": {
+          "value": "#deaa56",
+          "type": "color"
+        },
+        "surface": {
+          "value": "#2a241b",
+          "type": "color"
+        },
+        "line": {
+          "value": "#816f53",
+          "type": "color"
+        }
+      },
+      "error": {
+        "solid": {
+          "value": "#cd1f2c",
+          "type": "color"
+        },
+        "on": {
+          "solid": {
+            "value": "#ffffff",
+            "type": "color"
+          }
+        },
+        "ink": {
+          "value": "#fa9891",
+          "type": "color"
+        },
+        "surface": {
+          "value": "#381c1a",
+          "type": "color"
+        },
+        "line": {
+          "value": "#b05752",
+          "type": "color"
+        }
+      },
+      "info": {
+        "solid": {
+          "value": "#22b8a8",
+          "type": "color"
+        },
+        "on": {
+          "solid": {
+            "value": "#12100e",
+            "type": "color"
+          }
+        },
+        "ink": {
+          "value": "#22b8a8",
+          "type": "color"
+        },
+        "surface": {
+          "value": "#1a2926",
+          "type": "color"
+        },
+        "line": {
+          "value": "#4d7a73",
+          "type": "color"
+        }
+      }
+    },
+    "viz": {
+      "1": {
+        "value": "#ff641f",
+        "type": "color"
+      },
+      "2": {
+        "value": "#22b8a8",
+        "type": "color"
+      },
+      "3": {
+        "value": "#ffd21a",
+        "type": "color"
+      },
+      "4": {
+        "value": "#e8a6d8",
+        "type": "color"
+      },
+      "5": {
+        "value": "#ff493f",
+        "type": "color"
+      },
+      "6": {
+        "value": "#ffb46b",
+        "type": "color"
+      },
+      "7": {
+        "value": "#bbb9b6",
+        "type": "color"
+      },
+      "grid": {
+        "value": "#2f2d2b",
+        "type": "color"
+      },
+      "axis": {
+        "value": "#969492",
+        "type": "color"
+      },
+      "sequential": {
+        "0": {
+          "value": "#4d2f29",
+          "type": "color"
+        },
+        "1": {
+          "value": "#7b513c",
+          "type": "color"
+        },
+        "2": {
+          "value": "#aa7647",
+          "type": "color"
+        },
+        "3": {
+          "value": "#d8a147",
+          "type": "color"
+        },
+        "4": {
+          "value": "#fdd345",
+          "type": "color"
+        }
+      },
+      "diverging": {
+        "0": {
+          "value": "#8c8a88",
+          "type": "color"
+        },
+        "neg": {
+          "1": {
+            "value": "#3ecab9",
+            "type": "color"
+          },
+          "2": {
+            "value": "#00a99a",
+            "type": "color"
+          }
+        },
+        "pos": {
+          "1": {
+            "value": "#ff875b",
+            "type": "color"
+          },
+          "2": {
+            "value": "#ee5500",
+            "type": "color"
+          }
+        }
+      }
+    },
+    "gradient": {
+      "ember": {
+        "value": "linear-gradient(135deg, #ff641f 0%, #ff493f 100%)",
+        "type": "color"
+      },
+      "solar": {
+        "value": "linear-gradient(135deg, #ff641f 0%, #ff9f00 50%, #ffd21a 100%)",
+        "type": "color"
+      },
+      "dusk": {
+        "value": "linear-gradient(135deg, #ff493f 0%, #e8a6d8 100%)",
+        "type": "color"
+      },
+      "glow": {
+        "value": "radial-gradient(circle at 50% 0%, #351f17 0%, transparent 70%)",
+        "type": "color"
+      },
+      "ground": {
+        "value": "linear-gradient(180deg, #12100e 0%, #1e1c1a 100%)",
+        "type": "color"
+      }
+    },
+    "elevation": {
+      "1": {
+        "value": "none",
+        "type": "other"
+      },
+      "2": {
+        "value": "none",
+        "type": "other"
+      },
+      "3": {
+        "value": [
+          {
+            "x": "0",
+            "y": "4px",
+            "blur": "12px",
+            "spread": "-2px",
+            "color": "rgb(0 0 0 / 0.24)",
+            "type": "dropShadow"
+          },
+          {
+            "x": "0",
+            "y": "2px",
+            "blur": "4px",
+            "spread": "-2px",
+            "color": "rgb(0 0 0 / 0.16)",
+            "type": "dropShadow"
+          }
+        ],
+        "type": "boxShadow"
+      },
+      "4": {
+        "value": [
+          {
+            "x": "0",
+            "y": "16px",
+            "blur": "40px",
+            "spread": "-8px",
+            "color": "rgb(0 0 0 / 0.36)",
+            "type": "dropShadow"
+          },
+          {
+            "x": "0",
+            "y": "4px",
+            "blur": "8px",
+            "spread": "-4px",
+            "color": "rgb(0 0 0 / 0.2)",
+            "type": "dropShadow"
+          }
+        ],
+        "type": "boxShadow"
+      }
+    }
+  },
+  "light": {
+    "surface": {
+      "ground": {
+        "value": "#ffffff",
+        "type": "color"
+      },
+      "raised": {
+        "value": "#f8f7f6",
+        "type": "color"
+      },
+      "overlay": {
+        "value": "#ffffff",
+        "type": "color"
+      },
+      "floating": {
+        "value": "#ffffff",
+        "type": "color"
+      },
+      "modal": {
+        "value": "#ffffff",
+        "type": "color"
+      },
+      "subtle": {
+        "value": "#e4e2e0",
+        "type": "color",
+        "hover": {
+          "value": "#d3d1cf",
+          "type": "color"
+        },
+        "active": {
+          "value": "#bbb9b6",
+          "type": "color"
+        }
+      },
+      "field": {
+        "value": "#f8f7f6",
+        "type": "color"
+      },
+      "state": {
+        "hover": {
+          "value": "rgba(0, 0, 0, 0.06)",
+          "type": "color"
+        },
+        "active": {
+          "value": "rgba(0, 0, 0, 0.1)",
+          "type": "color"
+        }
+      },
+      "selection": {
+        "value": "rgba(255, 100, 31, 0.32)",
+        "type": "color"
+      },
+      "knob": {
+        "value": "#ffffff",
+        "type": "color"
+      },
+      "inverse": {
+        "value": "#12100e",
+        "type": "color"
+      },
+      "accent": {
+        "value": "#ff641f",
+        "type": "color",
+        "hover": {
+          "value": "#ff875b",
+          "type": "color"
+        },
+        "active": {
+          "value": "#ee5500",
+          "type": "color"
+        },
+        "subtle": {
+          "value": "#f6eae6",
+          "type": "color",
+          "hover": {
+            "value": "#f0dad3",
+            "type": "color"
+          }
+        }
+      },
+      "disabled": {
+        "value": "#e4e2e0",
+        "type": "color"
+      },
+      "scrim": {
+        "value": "#12100e",
+        "type": "color"
+      }
+    },
+    "ink": {
+      "primary": {
+        "value": "#12100e",
+        "type": "color"
+      },
+      "secondary": {
+        "value": "#54524f",
+        "type": "color"
+      },
+      "tertiary": {
+        "value": "#6e6c69",
+        "type": "color"
+      },
+      "placeholder": {
+        "value": "#54524f",
+        "type": "color"
+      },
+      "disabled": {
+        "value": "#a7a5a3",
+        "type": "color"
+      },
+      "accent": {
+        "value": "#bf4200",
+        "type": "color"
+      },
+      "on": {
+        "accent": {
+          "value": "#12100e",
+          "type": "color"
+        },
+        "gradient": {
+          "value": "#12100e",
+          "type": "color"
+        },
+        "scrim": {
+          "value": "#f0efed",
+          "type": "color",
+          "secondary": {
+            "value": "#d3d1cf",
+            "type": "color"
+          }
+        }
+      },
+      "inverse": {
+        "value": "#ffffff",
+        "type": "color"
+      },
+      "link": {
+        "value": "#bf4200",
+        "type": "color",
+        "hover": {
+          "value": "#8e3000",
+          "type": "color"
+        }
+      }
+    },
+    "line": {
+      "subtle": {
+        "value": "#e4e2e0",
+        "type": "color"
+      },
+      "divider": {
+        "value": "#d3d1cf",
+        "type": "color"
+      },
+      "control": {
+        "value": "#e4e2e0",
+        "type": "color"
+      },
+      "strong": {
+        "value": "#54524f",
+        "type": "color"
+      },
+      "focus": {
+        "value": "#ff641f",
+        "type": "color",
+        "glow": {
+          "value": "rgba(255, 100, 31, 0.24)",
+          "type": "color"
+        }
+      },
+      "accent": {
+        "value": "#ce5f34",
+        "type": "color"
+      },
+      "disabled": {
+        "value": "#d3d1cf",
+        "type": "color"
+      },
+      "edge": {
+        "highlight": {
+          "value": "#e4e2e0",
+          "type": "color"
+        }
+      }
+    },
+    "status": {
+      "success": {
+        "solid": {
+          "value": "#62c84a",
+          "type": "color"
+        },
+        "on": {
+          "solid": {
+            "value": "#12100e",
+            "type": "color"
+          }
+        },
+        "ink": {
+          "value": "#28591c",
+          "type": "color"
+        },
+        "surface": {
+          "value": "#dff4da",
+          "type": "color"
+        },
+        "line": {
+          "value": "#538d46",
+          "type": "color"
+        }
+      },
+      "warning": {
+        "solid": {
+          "value": "#d6a453",
+          "type": "color"
+        },
+        "on": {
+          "solid": {
+            "value": "#12100e",
+            "type": "color"
+          }
+        },
+        "ink": {
+          "value": "#634a22",
+          "type": "color"
+        },
+        "surface": {
+          "value": "#f3ece0",
+          "type": "color"
+        },
+        "line": {
+          "value": "#997b4d",
+          "type": "color"
+        }
+      },
+      "error": {
+        "solid": {
+          "value": "#cd1f2c",
+          "type": "color"
+        },
+        "on": {
+          "solid": {
+            "value": "#ffffff",
+            "type": "color"
+          }
+        },
+        "ink": {
+          "value": "#9b151f",
+          "type": "color"
+        },
+        "surface": {
+          "value": "#f5eae9",
+          "type": "color"
+        },
+        "line": {
+          "value": "#e14b4a",
+          "type": "color"
+        }
+      },
+      "info": {
+        "solid": {
+          "value": "#22b8a8",
+          "type": "color"
+        },
+        "on": {
+          "solid": {
+            "value": "#12100e",
+            "type": "color"
+          }
+        },
+        "ink": {
+          "value": "#13786e",
+          "type": "color"
+        },
+        "surface": {
+          "value": "#d2f6ef",
+          "type": "color"
+        },
+        "line": {
+          "value": "#3d8c82",
+          "type": "color"
+        }
+      }
+    },
+    "viz": {
+      "1": {
+        "value": "#ef5500",
+        "type": "color"
+      },
+      "2": {
+        "value": "#1a988b",
+        "type": "color"
+      },
+      "3": {
+        "value": "#a48500",
+        "type": "color"
+      },
+      "4": {
+        "value": "#ce5fb9",
+        "type": "color"
+      },
+      "5": {
+        "value": "#ff3d35",
+        "type": "color"
+      },
+      "6": {
+        "value": "#c67500",
+        "type": "color"
+      },
+      "7": {
+        "value": "#6e6c69",
+        "type": "color"
+      },
+      "grid": {
+        "value": "#e4e2e0",
+        "type": "color"
+      },
+      "axis": {
+        "value": "#6e6c69",
+        "type": "color"
+      },
+      "sequential": {
+        "0": {
+          "value": "#eee1df",
+          "type": "color"
+        },
+        "1": {
+          "value": "#e1b49f",
+          "type": "color"
+        },
+        "2": {
+          "value": "#c98c55",
+          "type": "color"
+        },
+        "3": {
+          "value": "#99712f",
+          "type": "color"
+        },
+        "4": {
+          "value": "#6a560b",
+          "type": "color"
+        }
+      },
+      "diverging": {
+        "0": {
+          "value": "#bbb9b6",
+          "type": "color"
+        },
+        "neg": {
+          "1": {
+            "value": "#1a988b",
+            "type": "color"
+          },
+          "2": {
+            "value": "#13796f",
+            "type": "color"
+          }
+        },
+        "pos": {
+          "1": {
+            "value": "#ef5500",
+            "type": "color"
+          },
+          "2": {
+            "value": "#bf4200",
+            "type": "color"
+          }
+        }
+      }
+    },
+    "gradient": {
+      "ember": {
+        "value": "linear-gradient(135deg, #ff641f 0%, #ff493f 100%)",
+        "type": "color"
+      },
+      "solar": {
+        "value": "linear-gradient(135deg, #ff641f 0%, #ff9f00 50%, #ffd21a 100%)",
+        "type": "color"
+      },
+      "dusk": {
+        "value": "linear-gradient(135deg, #ff493f 0%, #e8a6d8 100%)",
+        "type": "color"
+      },
+      "glow": {
+        "value": "radial-gradient(circle at 50% 0%, #f6eae6 0%, transparent 70%)",
+        "type": "color"
+      },
+      "ground": {
+        "value": "linear-gradient(180deg, #f0efed 0%, #e4e2e0 100%)",
+        "type": "color"
+      }
+    },
+    "elevation": {
+      "1": {
+        "value": "none",
+        "type": "other"
+      },
+      "2": {
+        "value": [
+          {
+            "x": "0",
+            "y": "1px",
+            "blur": "2px",
+            "spread": "0",
+            "color": "rgb(0 0 0 / 0.16)",
+            "type": "dropShadow"
+          }
+        ],
+        "type": "boxShadow"
+      },
+      "3": {
+        "value": [
+          {
+            "x": "0",
+            "y": "4px",
+            "blur": "12px",
+            "spread": "-2px",
+            "color": "rgb(0 0 0 / 0.24)",
+            "type": "dropShadow"
+          },
+          {
+            "x": "0",
+            "y": "2px",
+            "blur": "4px",
+            "spread": "-2px",
+            "color": "rgb(0 0 0 / 0.16)",
+            "type": "dropShadow"
+          }
+        ],
+        "type": "boxShadow"
+      },
+      "4": {
+        "value": [
+          {
+            "x": "0",
+            "y": "16px",
+            "blur": "40px",
+            "spread": "-8px",
+            "color": "rgb(0 0 0 / 0.36)",
+            "type": "dropShadow"
+          },
+          {
+            "x": "0",
+            "y": "4px",
+            "blur": "8px",
+            "spread": "-4px",
+            "color": "rgb(0 0 0 / 0.2)",
+            "type": "dropShadow"
+          }
+        ],
+        "type": "boxShadow"
+      }
+    }
+  }
+}