@graphprotocol/gds-css 0.0.1

package/dist/design-tokens.generated.js

@@ -0,0 +1,2675 @@
+/**
+ * Auto-generated from theme.css - do not edit manually
+ */
+// Easing function values (Motion-compatible format)
+export const easings = {
+    'linear': [0, 0, 1, 1],
+    'in': [0.4, 0, 1, 1],
+    'out': [0, 0, 0.4, 1],
+    'in-out': [0.4, 0, 0.4, 1],
+};
+// Duration values array
+export const durations = [0, 25, 50, 75, 100, 150, 200, 250, 300, 400, 500, 700, 1000, 1500, 2000, 3000, 4000, 5000];
+// Primitive colors
+export const primitiveColors = [
+    {
+        "name": "black",
+        "hex": "#000000"
+    },
+    {
+        "name": "white",
+        "hex": "#ffffff"
+    },
+    {
+        "name": "space-100",
+        "hex": "#f3f3f4"
+    },
+    {
+        "name": "space-200",
+        "hex": "#dbdbdb"
+    },
+    {
+        "name": "space-300",
+        "hex": "#c5c4c6"
+    },
+    {
+        "name": "space-400",
+        "hex": "#b6b5b9"
+    },
+    {
+        "name": "space-500",
+        "hex": "#a7a5ae"
+    },
+    {
+        "name": "space-600",
+        "hex": "#918f9d"
+    },
+    {
+        "name": "space-700",
+        "hex": "#848192"
+    },
+    {
+        "name": "space-800",
+        "hex": "#757285"
+    },
+    {
+        "name": "space-900",
+        "hex": "#666378"
+    },
+    {
+        "name": "space-1000",
+        "hex": "#59556c"
+    },
+    {
+        "name": "space-1100",
+        "hex": "#49465d"
+    },
+    {
+        "name": "space-1200",
+        "hex": "#3a374d"
+    },
+    {
+        "name": "space-1300",
+        "hex": "#2d2a3f"
+    },
+    {
+        "name": "space-1400",
+        "hex": "#242236"
+    },
+    {
+        "name": "space-1500",
+        "hex": "#1d1a30"
+    },
+    {
+        "name": "space-1600",
+        "hex": "#16132a"
+    },
+    {
+        "name": "space-1700",
+        "hex": "#0c0a1d"
+    },
+    {
+        "name": "space-1800",
+        "hex": "#080618"
+    },
+    {
+        "name": "foam-100",
+        "hex": "#fafafa"
+    },
+    {
+        "name": "foam-200",
+        "hex": "#f3f3f4"
+    },
+    {
+        "name": "foam-300",
+        "hex": "#ececec"
+    },
+    {
+        "name": "foam-400",
+        "hex": "#e3e3e3"
+    },
+    {
+        "name": "foam-500",
+        "hex": "#cacace"
+    },
+    {
+        "name": "foam-600",
+        "hex": "#bfbfc5"
+    },
+    {
+        "name": "foam-700",
+        "hex": "#c0c0c4"
+    },
+    {
+        "name": "foam-800",
+        "hex": "#afafb6"
+    },
+    {
+        "name": "foam-900",
+        "hex": "#9d9da4"
+    },
+    {
+        "name": "foam-1000",
+        "hex": "#7d7d87"
+    },
+    {
+        "name": "brand-100",
+        "hex": "#e2dbff"
+    },
+    {
+        "name": "brand-200",
+        "hex": "#c5b7ff"
+    },
+    {
+        "name": "brand-300",
+        "hex": "#a994ff"
+    },
+    {
+        "name": "brand-400",
+        "hex": "#8c70ff"
+    },
+    {
+        "name": "brand-500",
+        "hex": "#6f4cff"
+    },
+    {
+        "name": "brand-600",
+        "hex": "#6545e8"
+    },
+    {
+        "name": "brand-700",
+        "hex": "#5138ba"
+    },
+    {
+        "name": "brand-800",
+        "hex": "#3d2b8c"
+    },
+    {
+        "name": "brand-900",
+        "hex": "#332476"
+    },
+    {
+        "name": "brand-1000",
+        "hex": "#281c5c"
+    },
+    {
+        "name": "brand-1100",
+        "hex": "#19123a"
+    },
+    {
+        "name": "brand-1200",
+        "hex": "#140f2f"
+    },
+    {
+        "name": "galactic-100",
+        "hex": "#dbecff"
+    },
+    {
+        "name": "galactic-200",
+        "hex": "#b7d8ff"
+    },
+    {
+        "name": "galactic-300",
+        "hex": "#94c5ff"
+    },
+    {
+        "name": "galactic-400",
+        "hex": "#70b1ff"
+    },
+    {
+        "name": "galactic-500",
+        "hex": "#4c9eff"
+    },
+    {
+        "name": "galactic-600",
+        "hex": "#3f80d1"
+    },
+    {
+        "name": "galactic-700",
+        "hex": "#3262a3"
+    },
+    {
+        "name": "galactic-800",
+        "hex": "#254576"
+    },
+    {
+        "name": "galactic-900",
+        "hex": "#182748"
+    },
+    {
+        "name": "galactic-1000",
+        "hex": "#0f192e"
+    },
+    {
+        "name": "galactic-1100",
+        "hex": "#0d1526"
+    },
+    {
+        "name": "starfield-100",
+        "hex": "#dbf4e6"
+    },
+    {
+        "name": "starfield-200",
+        "hex": "#b7eacd"
+    },
+    {
+        "name": "starfield-300",
+        "hex": "#93dfb3"
+    },
+    {
+        "name": "starfield-400",
+        "hex": "#6fd59a"
+    },
+    {
+        "name": "starfield-500",
+        "hex": "#4bca81"
+    },
+    {
+        "name": "starfield-600",
+        "hex": "#3ea36c"
+    },
+    {
+        "name": "starfield-700",
+        "hex": "#317d58"
+    },
+    {
+        "name": "starfield-800",
+        "hex": "#255643"
+    },
+    {
+        "name": "starfield-900",
+        "hex": "#18302f"
+    },
+    {
+        "name": "starfield-1000",
+        "hex": "#112221"
+    },
+    {
+        "name": "starfield-1100",
+        "hex": "#0e1b1b"
+    },
+    {
+        "name": "solar-100",
+        "hex": "#ffeecc"
+    },
+    {
+        "name": "solar-200",
+        "hex": "#ffdc99"
+    },
+    {
+        "name": "solar-300",
+        "hex": "#ffcb67"
+    },
+    {
+        "name": "solar-400",
+        "hex": "#ffb934"
+    },
+    {
+        "name": "solar-500",
+        "hex": "#ffa801"
+    },
+    {
+        "name": "solar-600",
+        "hex": "#ce8806"
+    },
+    {
+        "name": "solar-700",
+        "hex": "#9d680b"
+    },
+    {
+        "name": "solar-800",
+        "hex": "#6d4910"
+    },
+    {
+        "name": "solar-900",
+        "hex": "#3c2915"
+    },
+    {
+        "name": "solar-1000",
+        "hex": "#271b1b"
+    },
+    {
+        "name": "solar-1100",
+        "hex": "#1d161a"
+    },
+    {
+        "name": "sonja-100",
+        "hex": "#fbdbe2"
+    },
+    {
+        "name": "sonja-200",
+        "hex": "#f8b7c5"
+    },
+    {
+        "name": "sonja-300",
+        "hex": "#f492a7"
+    },
+    {
+        "name": "sonja-400",
+        "hex": "#f16e8a"
+    },
+    {
+        "name": "sonja-500",
+        "hex": "#ed4a6d"
+    },
+    {
+        "name": "sonja-600",
+        "hex": "#c03d5c"
+    },
+    {
+        "name": "sonja-700",
+        "hex": "#93304c"
+    },
+    {
+        "name": "sonja-800",
+        "hex": "#65233b"
+    },
+    {
+        "name": "sonja-900",
+        "hex": "#38162b"
+    },
+    {
+        "name": "sonja-1000",
+        "hex": "#250e25"
+    },
+    {
+        "name": "sonja-1100",
+        "hex": "#180b1d"
+    }
+];
+// Semantic colors
+export const semanticColors = [
+    {
+        "name": "default",
+        "category": "text",
+        "light": [
+            "var(--color-space-1800)",
+            "#080618"
+        ],
+        "dark": [
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "subtle",
+        "category": "text",
+        "light": [
+            "var(--color-space-600)",
+            "#918f9d"
+        ],
+        "dark": [
+            "var(--color-foam-1000)",
+            "#7d7d87"
+        ]
+    },
+    {
+        "name": "muted",
+        "category": "text",
+        "light": [
+            "var(--color-space-1000)",
+            "#59556c"
+        ],
+        "dark": [
+            "var(--color-foam-800)",
+            "#afafb6"
+        ]
+    },
+    {
+        "name": "elevated",
+        "category": "text",
+        "light": [
+            "var(--color-space-1400)",
+            "#242236"
+        ],
+        "dark": [
+            "var(--color-foam-600)",
+            "#bfbfc5"
+        ]
+    },
+    {
+        "name": "strong",
+        "category": "text",
+        "light": [
+            "var(--color-space-1600)",
+            "#16132a"
+        ],
+        "dark": [
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ]
+    },
+    {
+        "name": "inverse-default",
+        "category": "text",
+        "light": [
+            "var(--color-white)",
+            "#ffffff"
+        ],
+        "dark": [
+            "var(--color-space-1800)",
+            "#080618"
+        ]
+    },
+    {
+        "name": "inverse-subtle",
+        "category": "text",
+        "light": [
+            "var(--color-foam-1000)",
+            "#7d7d87"
+        ],
+        "dark": [
+            "var(--color-space-600)",
+            "#918f9d"
+        ]
+    },
+    {
+        "name": "inverse-muted",
+        "category": "text",
+        "light": [
+            "var(--color-foam-800)",
+            "#afafb6"
+        ],
+        "dark": [
+            "var(--color-space-1000)",
+            "#59556c"
+        ]
+    },
+    {
+        "name": "inverse-elevated",
+        "category": "text",
+        "light": [
+            "var(--color-foam-600)",
+            "#bfbfc5"
+        ],
+        "dark": [
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "inverse-strong",
+        "category": "text",
+        "light": [
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ],
+        "dark": [
+            "var(--color-space-1600)",
+            "#16132a"
+        ]
+    },
+    {
+        "name": "link-idle",
+        "category": "text",
+        "light": [
+            "var(--color-galactic-700)",
+            "#3262a3"
+        ],
+        "dark": [
+            "var(--color-galactic-500)",
+            "#4c9eff"
+        ]
+    },
+    {
+        "name": "link-hover",
+        "category": "text",
+        "light": [
+            "var(--color-galactic-800)",
+            "#254576"
+        ],
+        "dark": [
+            "var(--color-galactic-400)",
+            "#70b1ff"
+        ]
+    },
+    {
+        "name": "link-active",
+        "category": "text",
+        "light": [
+            "var(--color-galactic-700)",
+            "#3262a3"
+        ],
+        "dark": [
+            "var(--color-galactic-500)",
+            "#4c9eff"
+        ]
+    },
+    {
+        "name": "link-disabled",
+        "category": "text",
+        "light": [
+            "var(--color-foam-800)",
+            "#afafb6"
+        ],
+        "dark": [
+            "var(--color-space-800)",
+            "#757285"
+        ]
+    },
+    {
+        "name": "code",
+        "category": "text",
+        "light": [
+            "var(--color-solar-900)",
+            "#3c2915"
+        ],
+        "dark": [
+            "var(--color-solar-400)",
+            "#ffb934"
+        ]
+    },
+    {
+        "name": "code-added",
+        "category": "text",
+        "light": [
+            "var(--color-starfield-800)",
+            "#255643"
+        ],
+        "dark": [
+            "var(--color-starfield-300)",
+            "#93dfb3"
+        ]
+    },
+    {
+        "name": "code-deleted",
+        "category": "text",
+        "light": [
+            "var(--color-sonja-800)",
+            "#65233b"
+        ],
+        "dark": [
+            "var(--color-sonja-200)",
+            "#f8b7c5"
+        ]
+    },
+    {
+        "name": "canvas",
+        "category": "background",
+        "light": [
+            "var(--color-white)",
+            "#ffffff"
+        ],
+        "dark": [
+            "var(--color-space-1800)",
+            "#080618"
+        ]
+    },
+    {
+        "name": "subtle",
+        "category": "background",
+        "light": [
+            "var(--color-foam-100)",
+            "#fafafa"
+        ],
+        "dark": [
+            "var(--color-space-1700)",
+            "#0c0a1d"
+        ]
+    },
+    {
+        "name": "muted",
+        "category": "background",
+        "light": [
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ],
+        "dark": [
+            "var(--color-space-1600)",
+            "#16132a"
+        ]
+    },
+    {
+        "name": "default",
+        "category": "background",
+        "light": [
+            "var(--color-foam-300)",
+            "#ececec"
+        ],
+        "dark": [
+            "var(--color-space-1500)",
+            "#1d1a30"
+        ]
+    },
+    {
+        "name": "elevated",
+        "category": "background",
+        "light": [
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "strong",
+        "category": "background",
+        "light": [
+            "var(--color-foam-500)",
+            "#cacace"
+        ],
+        "dark": [
+            "var(--color-space-1300)",
+            "#2d2a3f"
+        ]
+    },
+    {
+        "name": "brand-subtle",
+        "category": "background",
+        "light": [
+            "var(--color-brand-300)",
+            "#a994ff"
+        ],
+        "dark": [
+            "var(--color-brand-800)",
+            "#3d2b8c"
+        ]
+    },
+    {
+        "name": "brand-muted",
+        "category": "background",
+        "light": [
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ],
+        "dark": [
+            "var(--color-brand-700)",
+            "#5138ba"
+        ]
+    },
+    {
+        "name": "brand-default",
+        "category": "background",
+        "light": [
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ],
+        "dark": [
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ]
+    },
+    {
+        "name": "brand-elevated",
+        "category": "background",
+        "light": [
+            "var(--color-brand-700)",
+            "#5138ba"
+        ],
+        "dark": [
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ]
+    },
+    {
+        "name": "brand-strong",
+        "category": "background",
+        "light": [
+            "var(--color-brand-800)",
+            "#3d2b8c"
+        ],
+        "dark": [
+            "var(--color-brand-300)",
+            "#a994ff"
+        ]
+    },
+    {
+        "name": "inverse-canvas",
+        "category": "background",
+        "light": [
+            "var(--color-space-1800)",
+            "#080618"
+        ],
+        "dark": [
+            "var(--color-space-100)",
+            "#f3f3f4"
+        ]
+    },
+    {
+        "name": "inverse-subtle",
+        "category": "background",
+        "light": [
+            "var(--color-space-1700)",
+            "#0c0a1d"
+        ],
+        "dark": [
+            "var(--color-space-200)",
+            "#dbdbdb"
+        ]
+    },
+    {
+        "name": "inverse-muted",
+        "category": "background",
+        "light": [
+            "var(--color-space-1600)",
+            "#16132a"
+        ],
+        "dark": [
+            "var(--color-space-300)",
+            "#c5c4c6"
+        ]
+    },
+    {
+        "name": "inverse-default",
+        "category": "background",
+        "light": [
+            "var(--color-space-1500)",
+            "#1d1a30"
+        ],
+        "dark": [
+            "var(--color-space-400)",
+            "#b6b5b9"
+        ]
+    },
+    {
+        "name": "inverse-elevated",
+        "category": "background",
+        "light": [
+            "var(--color-space-1400)",
+            "#242236"
+        ],
+        "dark": [
+            "var(--color-space-500)",
+            "#a7a5ae"
+        ]
+    },
+    {
+        "name": "inverse-strong",
+        "category": "background",
+        "light": [
+            "var(--color-space-1300)",
+            "#2d2a3f"
+        ],
+        "dark": [
+            "var(--color-space-600)",
+            "#918f9d"
+        ]
+    },
+    {
+        "name": "code",
+        "category": "background",
+        "light": [
+            "var(--color-solar-100)",
+            "#ffeecc"
+        ],
+        "dark": [
+            "var(--color-solar-1000)",
+            "#271b1b"
+        ]
+    },
+    {
+        "name": "code-added",
+        "category": "background",
+        "light": [
+            "var(--color-starfield-100)",
+            "#dbf4e6"
+        ],
+        "dark": [
+            "var(--color-starfield-1000)",
+            "#112221"
+        ]
+    },
+    {
+        "name": "code-deleted",
+        "category": "background",
+        "light": [
+            "var(--color-sonja-100)",
+            "#fbdbe2"
+        ],
+        "dark": [
+            "var(--color-sonja-1000)",
+            "#250e25"
+        ]
+    },
+    {
+        "name": "code-highlighted",
+        "category": "background",
+        "light": [
+            "color-mix(in oklab, var(--color-solar-500) 20%, transparent)"
+        ],
+        "dark": [
+            "color-mix(in oklab, var(--color-solar-500) 20%, transparent)"
+        ]
+    },
+    {
+        "name": "backdrop",
+        "category": "background",
+        "light": [
+            "color-mix(in oklab, var(--color-space-1800) 50%, transparent)"
+        ],
+        "dark": [
+            "color-mix(in oklab, var(--color-space-1800) 50%, transparent)"
+        ]
+    },
+    {
+        "name": "focus",
+        "category": "border",
+        "light": [
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ],
+        "dark": [
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ]
+    },
+    {
+        "name": "subtle",
+        "category": "border",
+        "light": [
+            "var(--color-foam-300)",
+            "#ececec"
+        ],
+        "dark": [
+            "var(--color-space-1500)",
+            "#1d1a30"
+        ]
+    },
+    {
+        "name": "muted",
+        "category": "border",
+        "light": [
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "default",
+        "category": "border",
+        "light": [
+            "var(--color-foam-500)",
+            "#cacace"
+        ],
+        "dark": [
+            "var(--color-space-1300)",
+            "#2d2a3f"
+        ]
+    },
+    {
+        "name": "elevated",
+        "category": "border",
+        "light": [
+            "var(--color-foam-800)",
+            "#afafb6"
+        ],
+        "dark": [
+            "var(--color-space-1200)",
+            "#3a374d"
+        ]
+    },
+    {
+        "name": "strong",
+        "category": "border",
+        "light": [
+            "var(--color-foam-1000)",
+            "#7d7d87"
+        ],
+        "dark": [
+            "var(--color-space-1100)",
+            "#49465d"
+        ]
+    },
+    {
+        "name": "brand-subtle",
+        "category": "border",
+        "light": [
+            "var(--color-brand-300)",
+            "#a994ff"
+        ],
+        "dark": [
+            "var(--color-brand-800)",
+            "#3d2b8c"
+        ]
+    },
+    {
+        "name": "brand-muted",
+        "category": "border",
+        "light": [
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ],
+        "dark": [
+            "var(--color-brand-700)",
+            "#5138ba"
+        ]
+    },
+    {
+        "name": "brand-default",
+        "category": "border",
+        "light": [
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ],
+        "dark": [
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ]
+    },
+    {
+        "name": "brand-elevated",
+        "category": "border",
+        "light": [
+            "var(--color-brand-700)",
+            "#5138ba"
+        ],
+        "dark": [
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ]
+    },
+    {
+        "name": "brand-strong",
+        "category": "border",
+        "light": [
+            "var(--color-brand-800)",
+            "#3d2b8c"
+        ],
+        "dark": [
+            "var(--color-brand-300)",
+            "#a994ff"
+        ]
+    },
+    {
+        "name": "code",
+        "category": "border",
+        "light": [
+            "var(--color-solar-200)",
+            "#ffdc99"
+        ],
+        "dark": [
+            "var(--color-solar-900)",
+            "#3c2915"
+        ]
+    },
+    {
+        "name": "info-subtle",
+        "category": "status",
+        "light": [
+            "var(--color-galactic-300)",
+            "#94c5ff"
+        ],
+        "dark": [
+            "var(--color-galactic-800)",
+            "#254576"
+        ]
+    },
+    {
+        "name": "info-muted",
+        "category": "status",
+        "light": [
+            "var(--color-galactic-400)",
+            "#70b1ff"
+        ],
+        "dark": [
+            "var(--color-galactic-700)",
+            "#3262a3"
+        ]
+    },
+    {
+        "name": "info-default",
+        "category": "status",
+        "light": [
+            "var(--color-galactic-500)",
+            "#4c9eff"
+        ],
+        "dark": [
+            "var(--color-galactic-500)",
+            "#4c9eff"
+        ]
+    },
+    {
+        "name": "info-elevated",
+        "category": "status",
+        "light": [
+            "var(--color-galactic-700)",
+            "#3262a3"
+        ],
+        "dark": [
+            "var(--color-galactic-400)",
+            "#70b1ff"
+        ]
+    },
+    {
+        "name": "info-strong",
+        "category": "status",
+        "light": [
+            "var(--color-galactic-800)",
+            "#254576"
+        ],
+        "dark": [
+            "var(--color-galactic-300)",
+            "#94c5ff"
+        ]
+    },
+    {
+        "name": "warning-subtle",
+        "category": "status",
+        "light": [
+            "var(--color-solar-300)",
+            "#ffcb67"
+        ],
+        "dark": [
+            "var(--color-solar-800)",
+            "#6d4910"
+        ]
+    },
+    {
+        "name": "warning-muted",
+        "category": "status",
+        "light": [
+            "var(--color-solar-400)",
+            "#ffb934"
+        ],
+        "dark": [
+            "var(--color-solar-700)",
+            "#9d680b"
+        ]
+    },
+    {
+        "name": "warning-default",
+        "category": "status",
+        "light": [
+            "var(--color-solar-500)",
+            "#ffa801"
+        ],
+        "dark": [
+            "var(--color-solar-500)",
+            "#ffa801"
+        ]
+    },
+    {
+        "name": "warning-elevated",
+        "category": "status",
+        "light": [
+            "var(--color-solar-700)",
+            "#9d680b"
+        ],
+        "dark": [
+            "var(--color-solar-400)",
+            "#ffb934"
+        ]
+    },
+    {
+        "name": "warning-strong",
+        "category": "status",
+        "light": [
+            "var(--color-solar-800)",
+            "#6d4910"
+        ],
+        "dark": [
+            "var(--color-solar-300)",
+            "#ffcb67"
+        ]
+    },
+    {
+        "name": "error-subtle",
+        "category": "status",
+        "light": [
+            "var(--color-sonja-300)",
+            "#f492a7"
+        ],
+        "dark": [
+            "var(--color-sonja-800)",
+            "#65233b"
+        ]
+    },
+    {
+        "name": "error-muted",
+        "category": "status",
+        "light": [
+            "var(--color-sonja-400)",
+            "#f16e8a"
+        ],
+        "dark": [
+            "var(--color-sonja-700)",
+            "#93304c"
+        ]
+    },
+    {
+        "name": "error-default",
+        "category": "status",
+        "light": [
+            "var(--color-sonja-500)",
+            "#ed4a6d"
+        ],
+        "dark": [
+            "var(--color-sonja-500)",
+            "#ed4a6d"
+        ]
+    },
+    {
+        "name": "error-elevated",
+        "category": "status",
+        "light": [
+            "var(--color-sonja-700)",
+            "#93304c"
+        ],
+        "dark": [
+            "var(--color-sonja-400)",
+            "#f16e8a"
+        ]
+    },
+    {
+        "name": "error-strong",
+        "category": "status",
+        "light": [
+            "var(--color-sonja-800)",
+            "#65233b"
+        ],
+        "dark": [
+            "var(--color-sonja-300)",
+            "#f492a7"
+        ]
+    },
+    {
+        "name": "success-subtle",
+        "category": "status",
+        "light": [
+            "var(--color-starfield-300)",
+            "#93dfb3"
+        ],
+        "dark": [
+            "var(--color-starfield-800)",
+            "#255643"
+        ]
+    },
+    {
+        "name": "success-muted",
+        "category": "status",
+        "light": [
+            "var(--color-starfield-400)",
+            "#6fd59a"
+        ],
+        "dark": [
+            "var(--color-starfield-700)",
+            "#317d58"
+        ]
+    },
+    {
+        "name": "success-default",
+        "category": "status",
+        "light": [
+            "var(--color-starfield-500)",
+            "#4bca81"
+        ],
+        "dark": [
+            "var(--color-starfield-500)",
+            "#4bca81"
+        ]
+    },
+    {
+        "name": "success-elevated",
+        "category": "status",
+        "light": [
+            "var(--color-starfield-700)",
+            "#317d58"
+        ],
+        "dark": [
+            "var(--color-starfield-400)",
+            "#6fd59a"
+        ]
+    },
+    {
+        "name": "success-strong",
+        "category": "status",
+        "light": [
+            "var(--color-starfield-800)",
+            "#255643"
+        ],
+        "dark": [
+            "var(--color-starfield-300)",
+            "#93dfb3"
+        ]
+    }
+];
+// Component colors
+export const componentColors = [
+    {
+        "name": "button-primary",
+        "category": "text",
+        "light": [
+            "var(--color-white)",
+            "#ffffff"
+        ],
+        "dark": [
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "button-secondary",
+        "category": "text",
+        "light": [
+            "var(--text-color-default)",
+            "var(--color-space-1800)",
+            "#080618"
+        ],
+        "dark": [
+            "var(--text-color-default)",
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "button-tertiary",
+        "category": "text",
+        "light": [
+            "var(--text-color-default)",
+            "var(--color-space-1800)",
+            "#080618"
+        ],
+        "dark": [
+            "var(--text-color-default)",
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "button-inverse",
+        "category": "text",
+        "light": [
+            "var(--text-color-inverse-default)",
+            "var(--color-white)",
+            "#ffffff"
+        ],
+        "dark": [
+            "var(--text-color-inverse-default)",
+            "var(--color-space-1800)",
+            "#080618"
+        ]
+    },
+    {
+        "name": "button-danger",
+        "category": "text",
+        "light": [
+            "var(--color-white)",
+            "#ffffff"
+        ],
+        "dark": [
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "button-naked-idle",
+        "category": "text",
+        "light": [
+            "var(--text-color-muted)",
+            "var(--color-space-1000)",
+            "#59556c"
+        ],
+        "dark": [
+            "var(--text-color-muted)",
+            "var(--color-foam-800)",
+            "#afafb6"
+        ]
+    },
+    {
+        "name": "button-naked-hover",
+        "category": "text",
+        "light": [
+            "var(--text-color-default)",
+            "var(--color-space-1800)",
+            "#080618"
+        ],
+        "dark": [
+            "var(--text-color-default)",
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "button-naked-active",
+        "category": "text",
+        "light": [
+            "var(--text-color-muted)",
+            "var(--color-space-1000)",
+            "#59556c"
+        ],
+        "dark": [
+            "var(--text-color-muted)",
+            "var(--color-foam-800)",
+            "#afafb6"
+        ]
+    },
+    {
+        "name": "button-naked-toggled-idle",
+        "category": "text",
+        "light": [
+            "var(--text-color-default)",
+            "var(--color-space-1800)",
+            "#080618"
+        ],
+        "dark": [
+            "var(--text-color-default)",
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "button-naked-toggled-hover",
+        "category": "text",
+        "light": [
+            "var(--text-color-muted)",
+            "var(--color-space-1000)",
+            "#59556c"
+        ],
+        "dark": [
+            "var(--text-color-muted)",
+            "var(--color-foam-800)",
+            "#afafb6"
+        ]
+    },
+    {
+        "name": "button-naked-toggled-active",
+        "category": "text",
+        "light": [
+            "var(--text-color-default)",
+            "var(--color-space-1800)",
+            "#080618"
+        ],
+        "dark": [
+            "var(--text-color-default)",
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "form-text",
+        "category": "text",
+        "light": [
+            "var(--text-color-default)",
+            "var(--color-space-1800)",
+            "#080618"
+        ],
+        "dark": [
+            "var(--text-color-default)",
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "form-placeholder",
+        "category": "text",
+        "light": [
+            "var(--text-color-muted)",
+            "var(--color-space-1000)",
+            "#59556c"
+        ],
+        "dark": [
+            "var(--text-color-muted)",
+            "var(--color-foam-800)",
+            "#afafb6"
+        ]
+    },
+    {
+        "name": "form-disabled",
+        "category": "text",
+        "light": [
+            "var(--text-color-subtle)",
+            "var(--color-space-600)",
+            "#918f9d"
+        ],
+        "dark": [
+            "var(--text-color-subtle)",
+            "var(--color-foam-1000)",
+            "#7d7d87"
+        ]
+    },
+    {
+        "name": "form-helper",
+        "category": "text",
+        "light": [
+            "var(--text-color-default)",
+            "var(--color-space-1800)",
+            "#080618"
+        ],
+        "dark": [
+            "var(--text-color-default)",
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "form-checked",
+        "category": "text",
+        "light": [
+            "var(--color-white)",
+            "#ffffff"
+        ],
+        "dark": [
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "button-primary-idle",
+        "category": "background",
+        "light": [
+            "var(--background-color-brand-default)",
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ],
+        "dark": [
+            "var(--background-color-brand-default)",
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ]
+    },
+    {
+        "name": "button-primary-hover",
+        "category": "background",
+        "light": [
+            "var(--background-color-brand-elevated)",
+            "var(--color-brand-700)",
+            "#5138ba"
+        ],
+        "dark": [
+            "var(--background-color-brand-elevated)",
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ]
+    },
+    {
+        "name": "button-primary-active",
+        "category": "background",
+        "light": [
+            "var(--background-color-brand-default)",
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ],
+        "dark": [
+            "var(--background-color-brand-default)",
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ]
+    },
+    {
+        "name": "button-primary-disabled",
+        "category": "background",
+        "light": [
+            "var(--background-color-brand-subtle)",
+            "var(--color-brand-300)",
+            "#a994ff"
+        ],
+        "dark": [
+            "var(--background-color-brand-subtle)",
+            "var(--color-brand-800)",
+            "#3d2b8c"
+        ]
+    },
+    {
+        "name": "button-secondary-idle",
+        "category": "background",
+        "light": [
+            "var(--background-color-default)",
+            "var(--color-foam-300)",
+            "#ececec"
+        ],
+        "dark": [
+            "var(--background-color-default)",
+            "var(--color-space-1500)",
+            "#1d1a30"
+        ]
+    },
+    {
+        "name": "button-secondary-hover",
+        "category": "background",
+        "light": [
+            "var(--background-color-elevated)",
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--background-color-elevated)",
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "button-secondary-active",
+        "category": "background",
+        "light": [
+            "var(--background-color-muted)",
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ],
+        "dark": [
+            "var(--background-color-muted)",
+            "var(--color-space-1600)",
+            "#16132a"
+        ]
+    },
+    {
+        "name": "button-secondary-disabled",
+        "category": "background",
+        "light": [
+            "var(--background-color-default)",
+            "var(--color-foam-300)",
+            "#ececec"
+        ],
+        "dark": [
+            "var(--background-color-default)",
+            "var(--color-space-1500)",
+            "#1d1a30"
+        ]
+    },
+    {
+        "name": "button-secondary-toggled-idle",
+        "category": "background",
+        "light": [
+            "var(--color-brand-100)",
+            "#e2dbff"
+        ],
+        "dark": [
+            "var(--color-brand-1100)",
+            "#19123a"
+        ]
+    },
+    {
+        "name": "button-secondary-toggled-hover",
+        "category": "background",
+        "light": [
+            "var(--color-brand-200)",
+            "#c5b7ff"
+        ],
+        "dark": [
+            "var(--color-brand-1000)",
+            "#281c5c"
+        ]
+    },
+    {
+        "name": "button-secondary-toggled-active",
+        "category": "background",
+        "light": [
+            "var(--color-brand-100)",
+            "#e2dbff"
+        ],
+        "dark": [
+            "var(--color-brand-1200)",
+            "#140f2f"
+        ]
+    },
+    {
+        "name": "button-secondary-toggled-disabled",
+        "category": "background",
+        "light": [
+            "var(--color-brand-100)",
+            "#e2dbff"
+        ],
+        "dark": [
+            "var(--color-brand-1100)",
+            "#19123a"
+        ]
+    },
+    {
+        "name": "button-tertiary-hover",
+        "category": "background",
+        "light": [
+            "var(--background-color-elevated)",
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--background-color-elevated)",
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "button-tertiary-active",
+        "category": "background",
+        "light": [
+            "var(--background-color-muted)",
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ],
+        "dark": [
+            "var(--background-color-muted)",
+            "var(--color-space-1600)",
+            "#16132a"
+        ]
+    },
+    {
+        "name": "button-tertiary-toggled-idle",
+        "category": "background",
+        "light": [
+            "var(--background-color-default)",
+            "var(--color-foam-300)",
+            "#ececec"
+        ],
+        "dark": [
+            "var(--background-color-default)",
+            "var(--color-space-1500)",
+            "#1d1a30"
+        ]
+    },
+    {
+        "name": "button-tertiary-toggled-hover",
+        "category": "background",
+        "light": [
+            "var(--background-color-strong)",
+            "var(--color-foam-500)",
+            "#cacace"
+        ],
+        "dark": [
+            "var(--background-color-strong)",
+            "var(--color-space-1300)",
+            "#2d2a3f"
+        ]
+    },
+    {
+        "name": "button-tertiary-toggled-active",
+        "category": "background",
+        "light": [
+            "var(--background-color-muted)",
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ],
+        "dark": [
+            "var(--background-color-muted)",
+            "var(--color-space-1600)",
+            "#16132a"
+        ]
+    },
+    {
+        "name": "button-tertiary-toggled-disabled",
+        "category": "background",
+        "light": [
+            "var(--background-color-default)",
+            "var(--color-foam-300)",
+            "#ececec"
+        ],
+        "dark": [
+            "var(--background-color-default)",
+            "var(--color-space-1500)",
+            "#1d1a30"
+        ]
+    },
+    {
+        "name": "button-inverse-idle",
+        "category": "background",
+        "light": [
+            "var(--background-color-inverse-canvas)",
+            "var(--color-space-1800)",
+            "#080618"
+        ],
+        "dark": [
+            "var(--background-color-inverse-canvas)",
+            "var(--color-space-100)",
+            "#f3f3f4"
+        ]
+    },
+    {
+        "name": "button-inverse-hover",
+        "category": "background",
+        "light": [
+            "var(--background-color-inverse-subtle)",
+            "var(--color-space-1700)",
+            "#0c0a1d"
+        ],
+        "dark": [
+            "var(--background-color-inverse-subtle)",
+            "var(--color-space-200)",
+            "#dbdbdb"
+        ]
+    },
+    {
+        "name": "button-inverse-active",
+        "category": "background",
+        "light": [
+            "var(--background-color-inverse-elevated)",
+            "var(--color-space-1400)",
+            "#242236"
+        ],
+        "dark": [
+            "var(--background-color-inverse-elevated)",
+            "var(--color-space-500)",
+            "#a7a5ae"
+        ]
+    },
+    {
+        "name": "button-inverse-disabled",
+        "category": "background",
+        "light": [
+            "var(--background-color-inverse-default)",
+            "var(--color-space-1500)",
+            "#1d1a30"
+        ],
+        "dark": [
+            "var(--background-color-inverse-default)",
+            "var(--color-space-400)",
+            "#b6b5b9"
+        ]
+    },
+    {
+        "name": "button-danger-idle",
+        "category": "background",
+        "light": [
+            "var(--color-status-error-default)",
+            "var(--color-sonja-500)",
+            "#ed4a6d"
+        ],
+        "dark": [
+            "var(--color-status-error-default)",
+            "var(--color-sonja-500)",
+            "#ed4a6d"
+        ]
+    },
+    {
+        "name": "button-danger-hover",
+        "category": "background",
+        "light": [
+            "var(--color-status-error-elevated)",
+            "var(--color-sonja-700)",
+            "#93304c"
+        ],
+        "dark": [
+            "var(--color-status-error-elevated)",
+            "var(--color-sonja-400)",
+            "#f16e8a"
+        ]
+    },
+    {
+        "name": "button-danger-active",
+        "category": "background",
+        "light": [
+            "var(--color-status-error-muted)",
+            "var(--color-sonja-400)",
+            "#f16e8a"
+        ],
+        "dark": [
+            "var(--color-status-error-muted)",
+            "var(--color-sonja-700)",
+            "#93304c"
+        ]
+    },
+    {
+        "name": "button-danger-disabled",
+        "category": "background",
+        "light": [
+            "var(--color-status-error-subtle)",
+            "var(--color-sonja-300)",
+            "#f492a7"
+        ],
+        "dark": [
+            "var(--color-status-error-subtle)",
+            "var(--color-sonja-800)",
+            "#65233b"
+        ]
+    },
+    {
+        "name": "form-idle",
+        "category": "background",
+        "light": [
+            "var(--background-color-subtle)",
+            "var(--color-foam-100)",
+            "#fafafa"
+        ],
+        "dark": [
+            "var(--background-color-subtle)",
+            "var(--color-space-1700)",
+            "#0c0a1d"
+        ]
+    },
+    {
+        "name": "form-hover",
+        "category": "background",
+        "light": [
+            "var(--background-color-muted)",
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ],
+        "dark": [
+            "var(--background-color-muted)",
+            "var(--color-space-1600)",
+            "#16132a"
+        ]
+    },
+    {
+        "name": "form-focus",
+        "category": "background",
+        "light": [
+            "var(--background-color-subtle)",
+            "var(--color-foam-100)",
+            "#fafafa"
+        ],
+        "dark": [
+            "var(--background-color-subtle)",
+            "var(--color-space-1700)",
+            "#0c0a1d"
+        ]
+    },
+    {
+        "name": "form-disabled",
+        "category": "background",
+        "light": [
+            "var(--background-color-muted)",
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ],
+        "dark": [
+            "var(--background-color-muted)",
+            "var(--color-space-1600)",
+            "#16132a"
+        ]
+    },
+    {
+        "name": "form-checked-idle",
+        "category": "background",
+        "light": [
+            "var(--background-color-brand-default)",
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ],
+        "dark": [
+            "var(--background-color-brand-default)",
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ]
+    },
+    {
+        "name": "form-checked-hover",
+        "category": "background",
+        "light": [
+            "var(--background-color-brand-elevated)",
+            "var(--color-brand-700)",
+            "#5138ba"
+        ],
+        "dark": [
+            "var(--background-color-brand-elevated)",
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ]
+    },
+    {
+        "name": "form-checked-active",
+        "category": "background",
+        "light": [
+            "var(--color-brand-300)",
+            "#a994ff"
+        ],
+        "dark": [
+            "var(--color-brand-1100)",
+            "#19123a"
+        ]
+    },
+    {
+        "name": "form-checked-disabled",
+        "category": "background",
+        "light": [
+            "var(--color-brand-200)",
+            "#c5b7ff"
+        ],
+        "dark": [
+            "var(--color-brand-1000)",
+            "#281c5c"
+        ]
+    },
+    {
+        "name": "form-handle-default",
+        "category": "background",
+        "light": [
+            "var(--color-space-1000)",
+            "#59556c"
+        ],
+        "dark": [
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "form-handle-checked",
+        "category": "background",
+        "light": [
+            "var(--color-white)",
+            "#ffffff"
+        ],
+        "dark": [
+            "var(--color-white)",
+            "#ffffff"
+        ]
+    },
+    {
+        "name": "form-handle-disabled",
+        "category": "background",
+        "light": [
+            "var(--color-foam-600)",
+            "#bfbfc5"
+        ],
+        "dark": [
+            "var(--color-space-400)",
+            "#b6b5b9"
+        ]
+    },
+    {
+        "name": "form-handle-checked-disabled",
+        "category": "background",
+        "light": [
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ],
+        "dark": [
+            "var(--color-space-400)",
+            "#b6b5b9"
+        ]
+    },
+    {
+        "name": "card-primary-idle",
+        "category": "background",
+        "light": [
+            "var(--color-brand-100)",
+            "#e2dbff"
+        ],
+        "dark": [
+            "var(--color-brand-1200)",
+            "#140f2f"
+        ]
+    },
+    {
+        "name": "card-primary-hover",
+        "category": "background",
+        "light": [
+            "var(--color-brand-200)",
+            "#c5b7ff"
+        ],
+        "dark": [
+            "var(--color-brand-1100)",
+            "#19123a"
+        ]
+    },
+    {
+        "name": "card-primary-active",
+        "category": "background",
+        "light": [
+            "var(--color-brand-100)",
+            "#e2dbff"
+        ],
+        "dark": [
+            "var(--color-brand-1200)",
+            "#140f2f"
+        ]
+    },
+    {
+        "name": "card-primary-disabled",
+        "category": "background",
+        "light": [
+            "var(--color-brand-100)",
+            "#e2dbff"
+        ],
+        "dark": [
+            "var(--color-brand-1200)",
+            "#140f2f"
+        ]
+    },
+    {
+        "name": "card-secondary-idle",
+        "category": "background",
+        "light": [
+            "var(--background-color-muted)",
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ],
+        "dark": [
+            "var(--background-color-muted)",
+            "var(--color-space-1600)",
+            "#16132a"
+        ]
+    },
+    {
+        "name": "card-secondary-hover",
+        "category": "background",
+        "light": [
+            "var(--background-color-default)",
+            "var(--color-foam-300)",
+            "#ececec"
+        ],
+        "dark": [
+            "var(--background-color-default)",
+            "var(--color-space-1500)",
+            "#1d1a30"
+        ]
+    },
+    {
+        "name": "card-secondary-active",
+        "category": "background",
+        "light": [
+            "var(--background-color-muted)",
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ],
+        "dark": [
+            "var(--background-color-muted)",
+            "var(--color-space-1600)",
+            "#16132a"
+        ]
+    },
+    {
+        "name": "card-secondary-disabled",
+        "category": "background",
+        "light": [
+            "var(--background-color-muted)",
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ],
+        "dark": [
+            "var(--background-color-muted)",
+            "var(--color-space-1600)",
+            "#16132a"
+        ]
+    },
+    {
+        "name": "card-tertiary-hover",
+        "category": "background",
+        "light": [
+            "var(--background-color-subtle)",
+            "var(--color-foam-100)",
+            "#fafafa"
+        ],
+        "dark": [
+            "var(--background-color-subtle)",
+            "var(--color-space-1700)",
+            "#0c0a1d"
+        ]
+    },
+    {
+        "name": "card-tertiary-active",
+        "category": "background",
+        "light": [
+            "var(--background-color-muted)",
+            "var(--color-foam-200)",
+            "#f3f3f4"
+        ],
+        "dark": [
+            "var(--background-color-muted)",
+            "var(--color-space-1600)",
+            "#16132a"
+        ]
+    },
+    {
+        "name": "button-primary-idle",
+        "category": "border",
+        "light": [
+            "var(--border-color-brand-elevated)",
+            "var(--color-brand-700)",
+            "#5138ba"
+        ],
+        "dark": [
+            "var(--border-color-brand-elevated)",
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ]
+    },
+    {
+        "name": "button-primary-hover",
+        "category": "border",
+        "light": [
+            "var(--border-color-brand-strong)",
+            "var(--color-brand-800)",
+            "#3d2b8c"
+        ],
+        "dark": [
+            "var(--border-color-brand-strong)",
+            "var(--color-brand-300)",
+            "#a994ff"
+        ]
+    },
+    {
+        "name": "button-primary-active",
+        "category": "border",
+        "light": [
+            "var(--border-color-brand-elevated)",
+            "var(--color-brand-700)",
+            "#5138ba"
+        ],
+        "dark": [
+            "var(--border-color-brand-elevated)",
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ]
+    },
+    {
+        "name": "button-secondary-idle",
+        "category": "border",
+        "light": [
+            "var(--border-color-default)",
+            "var(--color-foam-500)",
+            "#cacace"
+        ],
+        "dark": [
+            "var(--border-color-default)",
+            "var(--color-space-1300)",
+            "#2d2a3f"
+        ]
+    },
+    {
+        "name": "button-secondary-hover",
+        "category": "border",
+        "light": [
+            "var(--border-color-elevated)",
+            "var(--color-foam-800)",
+            "#afafb6"
+        ],
+        "dark": [
+            "var(--border-color-elevated)",
+            "var(--color-space-1200)",
+            "#3a374d"
+        ]
+    },
+    {
+        "name": "button-secondary-active",
+        "category": "border",
+        "light": [
+            "var(--border-color-muted)",
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--border-color-muted)",
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "button-secondary-toggled-idle",
+        "category": "border",
+        "light": [
+            "var(--border-color-brand-default)",
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ],
+        "dark": [
+            "var(--border-color-brand-default)",
+            "var(--color-brand-500)",
+            "#6f4cff"
+        ]
+    },
+    {
+        "name": "button-secondary-toggled-hover",
+        "category": "border",
+        "light": [
+            "var(--border-color-brand-muted)",
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ],
+        "dark": [
+            "var(--border-color-brand-muted)",
+            "var(--color-brand-700)",
+            "#5138ba"
+        ]
+    },
+    {
+        "name": "button-secondary-toggled-active",
+        "category": "border",
+        "light": [
+            "var(--border-color-brand-subtle)",
+            "var(--color-brand-300)",
+            "#a994ff"
+        ],
+        "dark": [
+            "var(--border-color-brand-subtle)",
+            "var(--color-brand-800)",
+            "#3d2b8c"
+        ]
+    },
+    {
+        "name": "button-tertiary-idle",
+        "category": "border",
+        "light": [
+            "var(--border-color-default)",
+            "var(--color-foam-500)",
+            "#cacace"
+        ],
+        "dark": [
+            "var(--border-color-default)",
+            "var(--color-space-1300)",
+            "#2d2a3f"
+        ]
+    },
+    {
+        "name": "button-tertiary-hover",
+        "category": "border",
+        "light": [
+            "var(--border-color-elevated)",
+            "var(--color-foam-800)",
+            "#afafb6"
+        ],
+        "dark": [
+            "var(--border-color-elevated)",
+            "var(--color-space-1200)",
+            "#3a374d"
+        ]
+    },
+    {
+        "name": "button-tertiary-active",
+        "category": "border",
+        "light": [
+            "var(--border-color-muted)",
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--border-color-muted)",
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "button-tertiary-disabled",
+        "category": "border",
+        "light": [
+            "var(--border-color-muted)",
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--border-color-muted)",
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "button-tertiary-toggled-idle",
+        "category": "border",
+        "light": [
+            "var(--border-color-default)",
+            "var(--color-foam-500)",
+            "#cacace"
+        ],
+        "dark": [
+            "var(--border-color-default)",
+            "var(--color-space-1300)",
+            "#2d2a3f"
+        ]
+    },
+    {
+        "name": "button-tertiary-toggled-hover",
+        "category": "border",
+        "light": [
+            "var(--border-color-strong)",
+            "var(--color-foam-1000)",
+            "#7d7d87"
+        ],
+        "dark": [
+            "var(--border-color-strong)",
+            "var(--color-space-1100)",
+            "#49465d"
+        ]
+    },
+    {
+        "name": "button-tertiary-toggled-active",
+        "category": "border",
+        "light": [
+            "var(--border-color-muted)",
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--border-color-muted)",
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "button-danger-idle",
+        "category": "border",
+        "light": [
+            "var(--color-status-error-elevated)",
+            "var(--color-sonja-700)",
+            "#93304c"
+        ],
+        "dark": [
+            "var(--color-status-error-elevated)",
+            "var(--color-sonja-400)",
+            "#f16e8a"
+        ]
+    },
+    {
+        "name": "button-danger-hover",
+        "category": "border",
+        "light": [
+            "var(--color-status-error-strong)",
+            "var(--color-sonja-800)",
+            "#65233b"
+        ],
+        "dark": [
+            "var(--color-status-error-strong)",
+            "var(--color-sonja-300)",
+            "#f492a7"
+        ]
+    },
+    {
+        "name": "button-danger-active",
+        "category": "border",
+        "light": [
+            "var(--color-status-error-default)",
+            "var(--color-sonja-500)",
+            "#ed4a6d"
+        ],
+        "dark": [
+            "var(--color-status-error-default)",
+            "var(--color-sonja-500)",
+            "#ed4a6d"
+        ]
+    },
+    {
+        "name": "form-idle",
+        "category": "border",
+        "light": [
+            "var(--border-color-default)",
+            "var(--color-foam-500)",
+            "#cacace"
+        ],
+        "dark": [
+            "var(--border-color-default)",
+            "var(--color-space-1300)",
+            "#2d2a3f"
+        ]
+    },
+    {
+        "name": "form-hover",
+        "category": "border",
+        "light": [
+            "var(--border-color-elevated)",
+            "var(--color-foam-800)",
+            "#afafb6"
+        ],
+        "dark": [
+            "var(--border-color-elevated)",
+            "var(--color-space-1200)",
+            "#3a374d"
+        ]
+    },
+    {
+        "name": "form-active",
+        "category": "border",
+        "light": [
+            "var(--border-color-default)",
+            "var(--color-foam-500)",
+            "#cacace"
+        ],
+        "dark": [
+            "var(--border-color-default)",
+            "var(--color-space-1300)",
+            "#2d2a3f"
+        ]
+    },
+    {
+        "name": "form-disabled",
+        "category": "border",
+        "light": [
+            "var(--border-color-subtle)",
+            "var(--color-foam-300)",
+            "#ececec"
+        ],
+        "dark": [
+            "var(--border-color-subtle)",
+            "var(--color-space-1500)",
+            "#1d1a30"
+        ]
+    },
+    {
+        "name": "form-checked-active",
+        "category": "border",
+        "light": [
+            "var(--border-color-brand-muted)",
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ],
+        "dark": [
+            "var(--border-color-brand-muted)",
+            "var(--color-brand-700)",
+            "#5138ba"
+        ]
+    },
+    {
+        "name": "form-status-warning-idle",
+        "category": "border",
+        "light": [
+            "var(--color-status-warning-subtle)",
+            "var(--color-solar-300)",
+            "#ffcb67"
+        ],
+        "dark": [
+            "var(--color-status-warning-subtle)",
+            "var(--color-solar-800)",
+            "#6d4910"
+        ]
+    },
+    {
+        "name": "form-status-warning-hover",
+        "category": "border",
+        "light": [
+            "var(--color-status-warning-muted)",
+            "var(--color-solar-400)",
+            "#ffb934"
+        ],
+        "dark": [
+            "var(--color-status-warning-muted)",
+            "var(--color-solar-700)",
+            "#9d680b"
+        ]
+    },
+    {
+        "name": "form-status-warning-focus",
+        "category": "border",
+        "light": [
+            "var(--color-status-warning-muted)",
+            "var(--color-solar-400)",
+            "#ffb934"
+        ],
+        "dark": [
+            "var(--color-status-warning-muted)",
+            "var(--color-solar-700)",
+            "#9d680b"
+        ]
+    },
+    {
+        "name": "form-status-error-idle",
+        "category": "border",
+        "light": [
+            "var(--color-status-error-subtle)",
+            "var(--color-sonja-300)",
+            "#f492a7"
+        ],
+        "dark": [
+            "var(--color-status-error-subtle)",
+            "var(--color-sonja-800)",
+            "#65233b"
+        ]
+    },
+    {
+        "name": "form-status-error-hover",
+        "category": "border",
+        "light": [
+            "var(--color-status-error-muted)",
+            "var(--color-sonja-400)",
+            "#f16e8a"
+        ],
+        "dark": [
+            "var(--color-status-error-muted)",
+            "var(--color-sonja-700)",
+            "#93304c"
+        ]
+    },
+    {
+        "name": "form-status-error-focus",
+        "category": "border",
+        "light": [
+            "var(--color-status-error-muted)",
+            "var(--color-sonja-400)",
+            "#f16e8a"
+        ],
+        "dark": [
+            "var(--color-status-error-muted)",
+            "var(--color-sonja-700)",
+            "#93304c"
+        ]
+    },
+    {
+        "name": "form-status-success-idle",
+        "category": "border",
+        "light": [
+            "var(--color-status-success-subtle)",
+            "var(--color-starfield-300)",
+            "#93dfb3"
+        ],
+        "dark": [
+            "var(--color-status-success-subtle)",
+            "var(--color-starfield-800)",
+            "#255643"
+        ]
+    },
+    {
+        "name": "form-status-success-hover",
+        "category": "border",
+        "light": [
+            "var(--color-status-success-muted)",
+            "var(--color-starfield-400)",
+            "#6fd59a"
+        ],
+        "dark": [
+            "var(--color-status-success-muted)",
+            "var(--color-starfield-700)",
+            "#317d58"
+        ]
+    },
+    {
+        "name": "form-status-success-focus",
+        "category": "border",
+        "light": [
+            "var(--color-status-success-muted)",
+            "var(--color-starfield-400)",
+            "#6fd59a"
+        ],
+        "dark": [
+            "var(--color-status-success-muted)",
+            "var(--color-starfield-700)",
+            "#317d58"
+        ]
+    },
+    {
+        "name": "card-primary-idle",
+        "category": "border",
+        "light": [
+            "var(--color-brand-300)",
+            "#a994ff"
+        ],
+        "dark": [
+            "var(--color-brand-800)",
+            "#3d2b8c"
+        ]
+    },
+    {
+        "name": "card-primary-hover",
+        "category": "border",
+        "light": [
+            "var(--color-brand-400)",
+            "#8c70ff"
+        ],
+        "dark": [
+            "var(--color-brand-700)",
+            "#5138ba"
+        ]
+    },
+    {
+        "name": "card-primary-active",
+        "category": "border",
+        "light": [
+            "var(--color-brand-300)",
+            "#a994ff"
+        ],
+        "dark": [
+            "var(--color-brand-800)",
+            "#3d2b8c"
+        ]
+    },
+    {
+        "name": "card-secondary-idle",
+        "category": "border",
+        "light": [
+            "var(--border-color-muted)",
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--border-color-muted)",
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "card-secondary-hover",
+        "category": "border",
+        "light": [
+            "var(--border-color-elevated)",
+            "var(--color-foam-800)",
+            "#afafb6"
+        ],
+        "dark": [
+            "var(--border-color-elevated)",
+            "var(--color-space-1200)",
+            "#3a374d"
+        ]
+    },
+    {
+        "name": "card-secondary-active",
+        "category": "border",
+        "light": [
+            "var(--border-color-muted)",
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--border-color-muted)",
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "card-tertiary-idle",
+        "category": "border",
+        "light": [
+            "var(--border-color-default)",
+            "var(--color-foam-500)",
+            "#cacace"
+        ],
+        "dark": [
+            "var(--border-color-default)",
+            "var(--color-space-1300)",
+            "#2d2a3f"
+        ]
+    },
+    {
+        "name": "card-tertiary-hover",
+        "category": "border",
+        "light": [
+            "var(--border-color-elevated)",
+            "var(--color-foam-800)",
+            "#afafb6"
+        ],
+        "dark": [
+            "var(--border-color-elevated)",
+            "var(--color-space-1200)",
+            "#3a374d"
+        ]
+    },
+    {
+        "name": "card-tertiary-active",
+        "category": "border",
+        "light": [
+            "var(--border-color-muted)",
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--border-color-muted)",
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    },
+    {
+        "name": "card-tertiary-disabled",
+        "category": "border",
+        "light": [
+            "var(--border-color-muted)",
+            "var(--color-foam-400)",
+            "#e3e3e3"
+        ],
+        "dark": [
+            "var(--border-color-muted)",
+            "var(--color-space-1400)",
+            "#242236"
+        ]
+    }
+];
+// Default values
+export const defaultDuration = 150;
+export const defaultEasing = 'out';
+//# sourceMappingURL=design-tokens.generated.js.map