@graphprotocol/gds-css 0.0.1

package/src/design-tokens.generated.ts

@@ -0,0 +1,2799 @@
+/**
+ * Auto-generated from theme.css - do not edit manually
+ */
+
+// Color names as string literals
+export type GDSColor = 'black'
+  | 'white'
+  | 'transparent'
+  | 'current'
+  | 'space-100'
+  | 'space-200'
+  | 'space-300'
+  | 'space-400'
+  | 'space-500'
+  | 'space-600'
+  | 'space-700'
+  | 'space-800'
+  | 'space-900'
+  | 'space-1000'
+  | 'space-1100'
+  | 'space-1200'
+  | 'space-1300'
+  | 'space-1400'
+  | 'space-1500'
+  | 'space-1600'
+  | 'space-1700'
+  | 'space-1800'
+  | 'foam-100'
+  | 'foam-200'
+  | 'foam-300'
+  | 'foam-400'
+  | 'foam-500'
+  | 'foam-600'
+  | 'foam-700'
+  | 'foam-800'
+  | 'foam-900'
+  | 'foam-1000'
+  | 'brand-100'
+  | 'brand-200'
+  | 'brand-300'
+  | 'brand-400'
+  | 'brand-500'
+  | 'brand-600'
+  | 'brand-700'
+  | 'brand-800'
+  | 'brand-900'
+  | 'brand-1000'
+  | 'brand-1100'
+  | 'brand-1200'
+  | 'galactic-100'
+  | 'galactic-200'
+  | 'galactic-300'
+  | 'galactic-400'
+  | 'galactic-500'
+  | 'galactic-600'
+  | 'galactic-700'
+  | 'galactic-800'
+  | 'galactic-900'
+  | 'galactic-1000'
+  | 'galactic-1100'
+  | 'starfield-100'
+  | 'starfield-200'
+  | 'starfield-300'
+  | 'starfield-400'
+  | 'starfield-500'
+  | 'starfield-600'
+  | 'starfield-700'
+  | 'starfield-800'
+  | 'starfield-900'
+  | 'starfield-1000'
+  | 'starfield-1100'
+  | 'solar-100'
+  | 'solar-200'
+  | 'solar-300'
+  | 'solar-400'
+  | 'solar-500'
+  | 'solar-600'
+  | 'solar-700'
+  | 'solar-800'
+  | 'solar-900'
+  | 'solar-1000'
+  | 'solar-1100'
+  | 'sonja-100'
+  | 'sonja-200'
+  | 'sonja-300'
+  | 'sonja-400'
+  | 'sonja-500'
+  | 'sonja-600'
+  | 'sonja-700'
+  | 'sonja-800'
+  | 'sonja-900'
+  | 'sonja-1000'
+  | 'sonja-1100'
+  | 'status-info-subtle'
+  | 'status-info-muted'
+  | 'status-info-default'
+  | 'status-info-elevated'
+  | 'status-info-strong'
+  | 'status-warning-subtle'
+  | 'status-warning-muted'
+  | 'status-warning-default'
+  | 'status-warning-elevated'
+  | 'status-warning-strong'
+  | 'status-error-subtle'
+  | 'status-error-muted'
+  | 'status-error-default'
+  | 'status-error-elevated'
+  | 'status-error-strong'
+  | 'status-success-subtle'
+  | 'status-success-muted'
+  | 'status-success-default'
+  | 'status-success-elevated'
+  | 'status-success-strong'
+
+// Easing function names
+export type GDSEasing = 'linear'
+  | 'in'
+  | 'out'
+  | 'in-out'
+
+// Transition duration values (in milliseconds)
+export type GDSDuration = 0 | 25 | 50 | 75 | 100 | 150 | 200 | 250 | 300 | 400 | 500 | 700 | 1000 | 1500 | 2000 | 3000 | 4000 | 5000
+
+// 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],
+} as const
+
+// Duration values array
+export const durations = [0, 25, 50, 75, 100, 150, 200, 250, 300, 400, 500, 700, 1000, 1500, 2000, 3000, 4000, 5000] as const
+
+// 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"
+    }
+  ] as const
+
+// 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"
+      ]
+    }
+  ] as const
+
+// 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"
+      ]
+    }
+  ] as const
+
+// Default values
+export const defaultDuration: GDSDuration = 150
+export const defaultEasing: GDSEasing = 'out'