npm - @wtasnorg/candi - Versions diffs - 0.0.22 → 0.0.31 - Mend

@wtasnorg/candi 0.0.22 → 0.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/colors.js CHANGED Viewed

@@ -1,19 +1,19 @@
 module.exports = {
   "light": {
     "bg": {
-      "oklch": "oklch(98% 0.008 85)",
+      "oklch": "oklch(96% 0.012 85)",
       "name": "Background",
       "usage": "Page background",
-      "l": 98,
-      "c": 0.008,
+      "l": 96,
+      "c": 0.012,
       "h": 85
     },
     "surface": {
-      "oklch": "oklch(95.5% 0.012 85)",
+      "oklch": "oklch(93% 0.015 85)",
       "name": "Surface",
       "usage": "Cards, sections",
-      "l": 95.5,
-      "c": 0.012,
+      "l": 93,
+      "c": 0.015,
       "h": 85
     },
     "elevated": {
@@ -25,164 +25,52 @@ module.exports = {
       "h": 0
     },
     "text": {
-      "oklch": "oklch(28% 0.015 250)",
+      "oklch": "oklch(25% 0.02 250)",
       "name": "Text",
       "usage": "Primary text",
-      "l": 28,
-      "c": 0.015,
+      "l": 25,
+      "c": 0.02,
       "h": 250
     },
     "textSubtle": {
-      "oklch": "oklch(50% 0.01 250)",
+      "oklch": "oklch(45% 0.015 250)",
       "name": "Text Subtle",
       "usage": "Secondary text",
-      "l": 50,
-      "c": 0.01,
+      "l": 45,
+      "c": 0.015,
       "h": 250
     },
     "textMuted": {
-      "oklch": "oklch(62% 0.008 250)",
+      "oklch": "oklch(60% 0.01 250)",
       "name": "Text Muted",
       "usage": "Muted text",
-      "l": 62,
-      "c": 0.008,
+      "l": 60,
+      "c": 0.01,
       "h": 250
     },
     "border": {
-      "oklch": "oklch(90% 0.008 85)",
+      "oklch": "oklch(88% 0.012 85)",
       "name": "Border",
       "usage": "Borders",
-      "l": 90,
-      "c": 0.008,
+      "l": 88,
+      "c": 0.012,
       "h": 85
     },
     "borderStrong": {
-      "oklch": "oklch(82% 0.01 85)",
+      "oklch": "oklch(80% 0.015 85)",
       "name": "Border Strong",
       "usage": "Strong borders",
-      "l": 82,
-      "c": 0.01,
+      "l": 80,
+      "c": 0.015,
       "h": 85
     },
     "divider": {
-      "oklch": "oklch(88% 0.006 85)",
+      "oklch": "oklch(85% 0.01 85)",
       "name": "Divider",
       "usage": "Divider lines",
-      "l": 88,
-      "c": 0.006,
-      "h": 85
-    },
-    "accent": {
-      "oklch": "oklch(52% 0.06 230)",
-      "name": "Accent",
-      "usage": "Primary actions",
-      "l": 52,
-      "c": 0.06,
-      "h": 230
-    },
-    "accentSubtle": {
-      "oklch": "oklch(85% 0.03 230)",
-      "name": "Accent Subtle",
-      "usage": "Subtle accents",
       "l": 85,
-      "c": 0.03,
-      "h": 230
-    },
-    "onAccent": {
-      "oklch": "oklch(100% 0 0)",
-      "name": "On Accent",
-      "usage": "Text/icon on accent",
-      "l": 100,
-      "c": 0,
-      "h": 0
-    },
-    "secondary": {
-      "oklch": "oklch(58% 0.12 55)",
-      "name": "Secondary",
-      "usage": "Secondary actions",
-      "l": 58,
-      "c": 0.12,
-      "h": 55
-    },
-    "secondarySubtle": {
-      "oklch": "oklch(88% 0.04 55)",
-      "name": "Secondary Subtle",
-      "usage": "Subtle secondary",
-      "l": 88,
-      "c": 0.04,
-      "h": 55
-    },
-    "onSecondary": {
-      "oklch": "oklch(100% 0 0)",
-      "name": "On Secondary",
-      "usage": "Text/icon on secondary",
-      "l": 100,
-      "c": 0,
-      "h": 0
-    },
-    "success": {
-      "oklch": "oklch(52% 0.08 145)",
-      "name": "Success",
-      "usage": "Success states",
-      "l": 52,
-      "c": 0.08,
-      "h": 145
-    },
-    "onSuccess": {
-      "oklch": "oklch(100% 0 0)",
-      "name": "On Success",
-      "usage": "Text/icon on success",
-      "l": 100,
-      "c": 0,
-      "h": 0
-    },
-    "warning": {
-      "oklch": "oklch(68% 0.13 70)",
-      "name": "Warning",
-      "usage": "Warning states",
-      "l": 68,
-      "c": 0.13,
-      "h": 70
-    },
-    "onWarning": {
-      "oklch": "oklch(20% 0.02 70)",
-      "name": "On Warning",
-      "usage": "Text/icon on warning",
-      "l": 20,
-      "c": 0.02,
-      "h": 70
-    },
-    "error": {
-      "oklch": "oklch(58% 0.12 25)",
-      "name": "Error",
-      "usage": "Error states",
-      "l": 58,
-      "c": 0.12,
-      "h": 25
-    },
-    "onError": {
-      "oklch": "oklch(100% 0 0)",
-      "name": "On Error",
-      "usage": "Text/icon on error",
-      "l": 100,
-      "c": 0,
-      "h": 0
-    },
-    "info": {
-      "oklch": "oklch(55% 0.1 240)",
-      "name": "Info",
-      "usage": "Information states",
-      "l": 55,
-      "c": 0.1,
-      "h": 240
-    },
-    "onInfo": {
-      "oklch": "oklch(100% 0 0)",
-      "name": "On Info",
-      "usage": "Text/icon on info",
-      "l": 100,
-      "c": 0,
-      "h": 0
+      "c": 0.01,
+      "h": 85
     },
     "link": {
       "oklch": "oklch(50% 0.08 230)",
@@ -390,399 +278,1823 @@ module.exports = {
       "l": 92,
       "c": 0.01,
       "h": 85
-    }
-  },
-  "dark": {
-    "bg": {
-      "oklch": "oklch(18% 0.015 250)",
-      "name": "Background",
-      "usage": "Page background",
-      "l": 18,
-      "c": 0.015,
-      "h": 250
     },
-    "surface": {
-      "oklch": "oklch(22% 0.012 250)",
-      "name": "Surface",
-      "usage": "Cards, sections",
-      "l": 22,
-      "c": 0.012,
-      "h": 250
+    "red": {
+      "oklch": "oklch(55% 0.14 25)",
+      "name": "Red",
+      "usage": "Base red",
+      "l": 55,
+      "c": 0.14,
+      "h": 25
     },
-    "elevated": {
-      "oklch": "oklch(25% 0.015 250)",
-      "name": "Elevated",
-      "usage": "Elevated surfaces",
-      "l": 25,
-      "c": 0.015,
-      "h": 250
+    "redSubtle": {
+      "oklch": "oklch(88% 0.11 25)",
+      "name": "Red Subtle",
+      "usage": "Subtle red background",
+      "l": 88,
+      "c": 0.11,
+      "h": 25
     },
-    "text": {
-      "oklch": "oklch(92% 0.01 85)",
-      "name": "Text",
-      "usage": "Primary text",
-      "l": 92,
-      "c": 0.01,
-      "h": 85
+    "redSoft": {
+      "oklch": "oklch(65% 0.13 25)",
+      "name": "Red Soft",
+      "usage": "Soft red",
+      "l": 65,
+      "c": 0.13,
+      "h": 25
     },
-    "textSubtle": {
-      "oklch": "oklch(72% 0.008 85)",
-      "name": "Text Subtle",
-      "usage": "Secondary text",
-      "l": 72,
-      "c": 0.008,
-      "h": 85
+    "redStrong": {
+      "oklch": "oklch(45% 0.15 25)",
+      "name": "Red Strong",
+      "usage": "Strong red",
+      "l": 45,
+      "c": 0.15,
+      "h": 25
     },
-    "textMuted": {
-      "oklch": "oklch(58% 0.006 85)",
-      "name": "Text Muted",
-      "usage": "Muted text",
-      "l": 58,
-      "c": 0.006,
-      "h": 85
+    "redOutline": {
+      "oklch": "oklch(40% 0.13 25)",
+      "name": "Red Outline",
+      "usage": "Red outline/border",
+      "l": 40,
+      "c": 0.13,
+      "h": 25
     },
-    "border": {
-      "oklch": "oklch(30% 0.01 250)",
-      "name": "Border",
-      "usage": "Borders",
-      "l": 30,
-      "c": 0.01,
+    "onRed": {
+      "oklch": "oklch(100% 0 0)",
+      "name": "On Red",
+      "usage": "Text on red",
+      "l": 100,
+      "c": 0,
+      "h": 0
+    },
+    "blue": {
+      "oklch": "oklch(50% 0.12 250)",
+      "name": "Blue",
+      "usage": "Base blue",
+      "l": 50,
+      "c": 0.12,
       "h": 250
     },
-    "borderStrong": {
-      "oklch": "oklch(40% 0.012 250)",
-      "name": "Border Strong",
-      "usage": "Strong borders",
-      "l": 40,
-      "c": 0.012,
+    "blueSubtle": {
+      "oklch": "oklch(83% 0.10 250)",
+      "name": "Blue Subtle",
+      "usage": "Subtle blue background",
+      "l": 83,
+      "c": 0.1,
       "h": 250
     },
-    "divider": {
-      "oklch": "oklch(28% 0.008 250)",
-      "name": "Divider",
-      "usage": "Divider lines",
-      "l": 28,
-      "c": 0.008,
+    "blueSoft": {
+      "oklch": "oklch(60% 0.11 250)",
+      "name": "Blue Soft",
+      "usage": "Soft blue",
+      "l": 60,
+      "c": 0.11,
       "h": 250
     },
-    "accent": {
-      "oklch": "oklch(62% 0.08 230)",
-      "name": "Accent",
-      "usage": "Primary actions",
-      "l": 62,
-      "c": 0.08,
-      "h": 230
+    "blueStrong": {
+      "oklch": "oklch(40% 0.13 250)",
+      "name": "Blue Strong",
+      "usage": "Strong blue",
+      "l": 40,
+      "c": 0.13,
+      "h": 250
     },
-    "accentSubtle": {
-      "oklch": "oklch(35% 0.04 230)",
-      "name": "Accent Subtle",
-      "usage": "Subtle accents",
+    "blueOutline": {
+      "oklch": "oklch(35% 0.11 250)",
+      "name": "Blue Outline",
+      "usage": "Blue outline/border",
       "l": 35,
-      "c": 0.04,
-      "h": 230
+      "c": 0.11,
+      "h": 250
     },
-    "onAccent": {
-      "oklch": "oklch(15% 0.01 230)",
-      "name": "On Accent",
-      "usage": "Text/icon on accent",
-      "l": 15,
-      "c": 0.01,
-      "h": 230
+    "onBlue": {
+      "oklch": "oklch(100% 0 0)",
+      "name": "On Blue",
+      "usage": "Text on blue",
+      "l": 100,
+      "c": 0,
+      "h": 0
     },
-    "secondary": {
-      "oklch": "oklch(65% 0.12 55)",
-      "name": "Secondary",
-      "usage": "Secondary actions",
-      "l": 65,
+    "green": {
+      "oklch": "oklch(55% 0.12 145)",
+      "name": "Green",
+      "usage": "Base green",
+      "l": 55,
       "c": 0.12,
-      "h": 55
-    },
-    "secondarySubtle": {
-      "oklch": "oklch(30% 0.05 55)",
-      "name": "Secondary Subtle",
-      "usage": "Subtle secondary",
-      "l": 30,
-      "c": 0.05,
-      "h": 55
-    },
-    "onSecondary": {
-      "oklch": "oklch(15% 0.02 55)",
-      "name": "On Secondary",
-      "usage": "Text/icon on secondary",
-      "l": 15,
-      "c": 0.02,
-      "h": 55
+      "h": 145
     },
-    "success": {
-      "oklch": "oklch(60% 0.1 145)",
-      "name": "Success",
-      "usage": "Success states",
-      "l": 60,
+    "greenSubtle": {
+      "oklch": "oklch(88% 0.10 145)",
+      "name": "Green Subtle",
+      "usage": "Subtle green background",
+      "l": 88,
       "c": 0.1,
       "h": 145
     },
-    "onSuccess": {
-      "oklch": "oklch(15% 0.02 145)",
-      "name": "On Success",
-      "usage": "Text/icon on success",
-      "l": 15,
-      "c": 0.02,
+    "greenSoft": {
+      "oklch": "oklch(65% 0.11 145)",
+      "name": "Green Soft",
+      "usage": "Soft green",
+      "l": 65,
+      "c": 0.11,
       "h": 145
     },
-    "warning": {
-      "oklch": "oklch(72% 0.13 70)",
-      "name": "Warning",
-      "usage": "Warning states",
-      "l": 72,
+    "greenStrong": {
+      "oklch": "oklch(45% 0.13 145)",
+      "name": "Green Strong",
+      "usage": "Strong green",
+      "l": 45,
       "c": 0.13,
-      "h": 70
+      "h": 145
     },
-    "onWarning": {
-      "oklch": "oklch(15% 0.02 70)",
-      "name": "On Warning",
-      "usage": "Text/icon on warning",
-      "l": 15,
-      "c": 0.02,
-      "h": 70
+    "greenOutline": {
+      "oklch": "oklch(40% 0.11 145)",
+      "name": "Green Outline",
+      "usage": "Green outline/border",
+      "l": 40,
+      "c": 0.11,
+      "h": 145
     },
-    "error": {
-      "oklch": "oklch(65% 0.12 25)",
-      "name": "Error",
-      "usage": "Error states",
-      "l": 65,
-      "c": 0.12,
-      "h": 25
+    "onGreen": {
+      "oklch": "oklch(100% 0 0)",
+      "name": "On Green",
+      "usage": "Text on green",
+      "l": 100,
+      "c": 0,
+      "h": 0
     },
-    "onError": {
-      "oklch": "oklch(15% 0.02 25)",
-      "name": "On Error",
-      "usage": "Text/icon on error",
-      "l": 15,
-      "c": 0.02,
-      "h": 25
+    "yellow": {
+      "oklch": "oklch(75% 0.14 90)",
+      "name": "Yellow",
+      "usage": "Base yellow",
+      "l": 75,
+      "c": 0.14,
+      "h": 90
+    },
+    "yellowSubtle": {
+      "oklch": "oklch(95% 0.11 90)",
+      "name": "Yellow Subtle",
+      "usage": "Subtle yellow background",
+      "l": 95,
+      "c": 0.11,
+      "h": 90
+    },
+    "yellowSoft": {
+      "oklch": "oklch(82% 0.13 90)",
+      "name": "Yellow Soft",
+      "usage": "Soft yellow",
+      "l": 82,
+      "c": 0.13,
+      "h": 90
     },
-    "info": {
-      "oklch": "oklch(65% 0.1 240)",
-      "name": "Info",
-      "usage": "Information states",
+    "yellowStrong": {
+      "oklch": "oklch(65% 0.15 90)",
+      "name": "Yellow Strong",
+      "usage": "Strong yellow",
       "l": 65,
-      "c": 0.1,
-      "h": 240
-    },
-    "onInfo": {
-      "oklch": "oklch(15% 0.02 240)",
-      "name": "On Info",
-      "usage": "Text/icon on info",
-      "l": 15,
-      "c": 0.02,
-      "h": 240
+      "c": 0.15,
+      "h": 90
     },
-    "link": {
-      "oklch": "oklch(60% 0.08 230)",
-      "name": "Link",
-      "usage": "Hyperlinks",
+    "yellowOutline": {
+      "oklch": "oklch(60% 0.13 90)",
+      "name": "Yellow Outline",
+      "usage": "Yellow outline/border",
       "l": 60,
-      "c": 0.08,
-      "h": 230
-    },
-    "disabled": {
-      "oklch": "oklch(45% 0.005 250)",
-      "name": "Disabled",
-      "usage": "Disabled UI",
-      "l": 45,
-      "c": 0.005,
-      "h": 250
+      "c": 0.13,
+      "h": 90
     },
-    "overlay": {
-      "oklch": "oklch(0% 0 0 / 0.7)",
-      "name": "Overlay",
-      "usage": "Modal backdrops",
+    "onYellow": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Yellow",
+      "usage": "Text on yellow",
       "l": 0,
       "c": 0,
       "h": 0
     },
-    "scrim": {
-      "oklch": "oklch(0% 0 0 / 0.6)",
-      "name": "Scrim",
-      "usage": "Drawer/sheet scrim",
-      "l": 0,
+    "magenta": {
+      "oklch": "oklch(55% 0.18 330)",
+      "name": "Magenta",
+      "usage": "Base magenta",
+      "l": 55,
+      "c": 0.18,
+      "h": 330
+    },
+    "magentaSubtle": {
+      "oklch": "oklch(88% 0.14 330)",
+      "name": "Magenta Subtle",
+      "usage": "Subtle magenta background",
+      "l": 88,
+      "c": 0.14,
+      "h": 330
+    },
+    "magentaSoft": {
+      "oklch": "oklch(65% 0.16 330)",
+      "name": "Magenta Soft",
+      "usage": "Soft magenta",
+      "l": 65,
+      "c": 0.16,
+      "h": 330
+    },
+    "magentaStrong": {
+      "oklch": "oklch(45% 0.20 330)",
+      "name": "Magenta Strong",
+      "usage": "Strong magenta",
+      "l": 45,
+      "c": 0.2,
+      "h": 330
+    },
+    "magentaOutline": {
+      "oklch": "oklch(40% 0.16 330)",
+      "name": "Magenta Outline",
+      "usage": "Magenta outline/border",
+      "l": 40,
+      "c": 0.16,
+      "h": 330
+    },
+    "onMagenta": {
+      "oklch": "oklch(100% 0 0)",
+      "name": "On Magenta",
+      "usage": "Text on magenta",
+      "l": 100,
       "c": 0,
       "h": 0
     },
-    "inverseSurface": {
-      "oklch": "oklch(92% 0.008 85)",
-      "name": "Inverse Surface",
-      "usage": "SnackBar background",
-      "l": 92,
-      "c": 0.008,
-      "h": 85
+    "cyan": {
+      "oklch": "oklch(65% 0.10 200)",
+      "name": "Cyan",
+      "usage": "Base cyan",
+      "l": 65,
+      "c": 0.1,
+      "h": 200
     },
-    "inverseText": {
-      "oklch": "oklch(25% 0.015 250)",
-      "name": "Inverse Text",
-      "usage": "SnackBar text",
-      "l": 25,
-      "c": 0.015,
-      "h": 250
+    "cyanSubtle": {
+      "oklch": "oklch(90% 0.08 200)",
+      "name": "Cyan Subtle",
+      "usage": "Subtle cyan background",
+      "l": 90,
+      "c": 0.08,
+      "h": 200
     },
-    "shadow": {
-      "value": "0 2px 8px rgba(0, 0, 0, 0.25)",
-      "name": "Shadow",
-      "usage": "Card shadows"
+    "cyanSoft": {
+      "oklch": "oklch(72% 0.09 200)",
+      "name": "Cyan Soft",
+      "usage": "Soft cyan",
+      "l": 72,
+      "c": 0.09,
+      "h": 200
     },
-    "shadowMd": {
-      "value": "0 4px 20px rgba(0, 0, 0, 0.35)",
-      "name": "Shadow MD",
-      "usage": "Medium shadows"
+    "cyanStrong": {
+      "oklch": "oklch(55% 0.11 200)",
+      "name": "Cyan Strong",
+      "usage": "Strong cyan",
+      "l": 55,
+      "c": 0.11,
+      "h": 200
     },
-    "shadowLg": {
-      "value": "0 8px 40px rgba(0, 0, 0, 0.45)",
-      "name": "Shadow LG",
-      "usage": "Large shadows"
+    "cyanOutline": {
+      "oklch": "oklch(50% 0.09 200)",
+      "name": "Cyan Outline",
+      "usage": "Cyan outline/border",
+      "l": 50,
+      "c": 0.09,
+      "h": 200
     },
-    "shadowColor": {
-      "oklch": "oklch(0% 0 0 / 0.4)",
-      "name": "Shadow Color",
-      "usage": "BoxShadow color",
+    "onCyan": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Cyan",
+      "usage": "Text on cyan",
       "l": 0,
       "c": 0,
       "h": 0
     },
-    "focusRing": {
-      "oklch": "oklch(62% 0.08 230 / 0.5)",
-      "name": "Focus Ring",
-      "usage": "Focus indicators",
-      "l": 62,
+    "teal": {
+      "oklch": "oklch(55% 0.10 175)",
+      "name": "Teal",
+      "usage": "Base teal",
+      "l": 55,
+      "c": 0.1,
+      "h": 175
+    },
+    "tealSubtle": {
+      "oklch": "oklch(88% 0.08 175)",
+      "name": "Teal Subtle",
+      "usage": "Subtle teal background",
+      "l": 88,
       "c": 0.08,
-      "h": 230
+      "h": 175
     },
-    "syntaxKeyword": {
-      "oklch": "oklch(70% 0.15 0)",
-      "name": "Syntax Keyword",
-      "usage": "Language keywords",
-      "l": 70,
-      "c": 0.15,
+    "tealSoft": {
+      "oklch": "oklch(65% 0.09 175)",
+      "name": "Teal Soft",
+      "usage": "Soft teal",
+      "l": 65,
+      "c": 0.09,
+      "h": 175
+    },
+    "tealStrong": {
+      "oklch": "oklch(45% 0.11 175)",
+      "name": "Teal Strong",
+      "usage": "Strong teal",
+      "l": 45,
+      "c": 0.11,
+      "h": 175
+    },
+    "tealOutline": {
+      "oklch": "oklch(40% 0.09 175)",
+      "name": "Teal Outline",
+      "usage": "Teal outline/border",
+      "l": 40,
+      "c": 0.09,
+      "h": 175
+    },
+    "onTeal": {
+      "oklch": "oklch(100% 0 0)",
+      "name": "On Teal",
+      "usage": "Text on teal",
+      "l": 100,
+      "c": 0,
       "h": 0
     },
-    "syntaxType": {
-      "oklch": "oklch(75% 0.12 280)",
-      "name": "Syntax Type",
-      "usage": "Types and classes",
-      "l": 75,
+    "pink": {
+      "oklch": "oklch(70% 0.12 0)",
+      "name": "Pink",
+      "usage": "Base pink",
+      "l": 70,
       "c": 0.12,
-      "h": 280
+      "h": 0
     },
-    "syntaxVar": {
-      "oklch": "oklch(75% 0.1 200)",
-      "name": "Syntax Variable",
-      "usage": "Variables",
-      "l": 75,
+    "pinkSubtle": {
+      "oklch": "oklch(92% 0.10 0)",
+      "name": "Pink Subtle",
+      "usage": "Subtle pink background",
+      "l": 92,
       "c": 0.1,
-      "h": 200
+      "h": 0
     },
-    "syntaxConst": {
-      "oklch": "oklch(80% 0.14 50)",
-      "name": "Syntax Constant",
-      "usage": "Constants",
-      "l": 80,
-      "c": 0.14,
-      "h": 50
+    "pinkSoft": {
+      "oklch": "oklch(78% 0.11 0)",
+      "name": "Pink Soft",
+      "usage": "Soft pink",
+      "l": 78,
+      "c": 0.11,
+      "h": 0
     },
-    "syntaxFunc": {
-      "oklch": "oklch(65% 0.12 240)",
-      "name": "Syntax Function",
-      "usage": "Functions",
-      "l": 65,
-      "c": 0.12,
-      "h": 240
+    "pinkStrong": {
+      "oklch": "oklch(60% 0.13 0)",
+      "name": "Pink Strong",
+      "usage": "Strong pink",
+      "l": 60,
+      "c": 0.13,
+      "h": 0
     },
-    "syntaxString": {
-      "oklch": "oklch(70% 0.12 140)",
-      "name": "Syntax String",
-      "usage": "Strings",
-      "l": 70,
-      "c": 0.12,
-      "h": 140
+    "pinkOutline": {
+      "oklch": "oklch(55% 0.11 0)",
+      "name": "Pink Outline",
+      "usage": "Pink outline/border",
+      "l": 55,
+      "c": 0.11,
+      "h": 0
     },
-    "hover": {
-      "oklch": "oklch(100% 0 0 / 0.1)",
-      "name": "Hover State",
-      "usage": "Hover background",
-      "l": 100,
+    "onPink": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Pink",
+      "usage": "Text on pink",
+      "l": 0,
       "c": 0,
       "h": 0
     },
-    "active": {
-      "oklch": "oklch(100% 0 0 / 0.2)",
-      "name": "Active State",
-      "usage": "Active background",
-      "l": 100,
+    "gold": {
+      "oklch": "oklch(70% 0.12 70)",
+      "name": "Gold",
+      "usage": "Base gold",
+      "l": 70,
+      "c": 0.12,
+      "h": 70
+    },
+    "goldSubtle": {
+      "oklch": "oklch(92% 0.10 70)",
+      "name": "Gold Subtle",
+      "usage": "Subtle gold background",
+      "l": 92,
+      "c": 0.1,
+      "h": 70
+    },
+    "goldSoft": {
+      "oklch": "oklch(78% 0.11 70)",
+      "name": "Gold Soft",
+      "usage": "Soft gold",
+      "l": 78,
+      "c": 0.11,
+      "h": 70
+    },
+    "goldStrong": {
+      "oklch": "oklch(60% 0.13 70)",
+      "name": "Gold Strong",
+      "usage": "Strong gold",
+      "l": 60,
+      "c": 0.13,
+      "h": 70
+    },
+    "goldOutline": {
+      "oklch": "oklch(55% 0.11 70)",
+      "name": "Gold Outline",
+      "usage": "Gold outline/border",
+      "l": 55,
+      "c": 0.11,
+      "h": 70
+    },
+    "onGold": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Gold",
+      "usage": "Text on gold",
+      "l": 0,
       "c": 0,
       "h": 0
     },
-    "terminalBlack": {
-      "oklch": "oklch(15% 0.01 250)",
-      "name": "Terminal Black",
-      "usage": "Terminal black",
-      "l": 15,
+    "silver": {
+      "oklch": "oklch(75% 0.01 250)",
+      "name": "Silver",
+      "usage": "Base silver",
+      "l": 75,
       "c": 0.01,
       "h": 250
     },
-    "terminalRed": {
-      "oklch": "oklch(65% 0.12 25)",
-      "name": "Terminal Red",
-      "usage": "Terminal red",
+    "silverSubtle": {
+      "oklch": "oklch(92% 0.008 250)",
+      "name": "Silver Subtle",
+      "usage": "Subtle silver background",
+      "l": 92,
+      "c": 0.008,
+      "h": 250
+    },
+    "silverSoft": {
+      "oklch": "oklch(82% 0.009 250)",
+      "name": "Silver Soft",
+      "usage": "Soft silver",
+      "l": 82,
+      "c": 0.009,
+      "h": 250
+    },
+    "silverStrong": {
+      "oklch": "oklch(65% 0.012 250)",
+      "name": "Silver Strong",
+      "usage": "Strong silver",
       "l": 65,
-      "c": 0.12,
-      "h": 25
+      "c": 0.012,
+      "h": 250
     },
-    "terminalGreen": {
-      "oklch": "oklch(60% 0.1 145)",
-      "name": "Terminal Green",
-      "usage": "Terminal green",
+    "silverOutline": {
+      "oklch": "oklch(60% 0.009 250)",
+      "name": "Silver Outline",
+      "usage": "Silver outline/border",
       "l": 60,
-      "c": 0.1,
-      "h": 145
+      "c": 0.009,
+      "h": 250
     },
-    "terminalYellow": {
-      "oklch": "oklch(72% 0.13 70)",
-      "name": "Terminal Yellow",
-      "usage": "Terminal yellow",
-      "l": 72,
-      "c": 0.13,
-      "h": 70
+    "onSilver": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Silver",
+      "usage": "Text on silver",
+      "l": 0,
+      "c": 0,
+      "h": 0
     },
-    "terminalBlue": {
-      "oklch": "oklch(62% 0.08 230)",
-      "name": "Terminal Blue",
-      "usage": "Terminal blue",
+    "accent": {
+      "oklch": "oklch(52% 0.14 275)",
+      "name": "Accent",
+      "usage": "Semantic accent",
+      "l": 52,
+      "c": 0.14,
+      "h": 275
+    },
+    "accentSubtle": {
+      "oklch": "oklch(85% 0.112 275)",
+      "name": "accent subtle",
+      "usage": "Derived subtle of accent",
+      "l": 85,
+      "c": 0.112,
+      "h": 275
+    },
+    "accentSoft": {
+      "oklch": "oklch(62% 0.126 275)",
+      "name": "accent soft",
+      "usage": "Derived soft of accent",
       "l": 62,
-      "c": 0.08,
-      "h": 230
+      "c": 0.126,
+      "h": 275
+    },
+    "accentStrong": {
+      "oklch": "oklch(42% 0.154 275)",
+      "name": "accent strong",
+      "usage": "Derived strong of accent",
+      "l": 42,
+      "c": 0.154,
+      "h": 275
+    },
+    "accentOutline": {
+      "oklch": "oklch(37% 0.126 275)",
+      "name": "accent outline",
+      "usage": "Derived outline of accent",
+      "l": 37,
+      "c": 0.126,
+      "h": 275
     },
-    "terminalMagenta": {
-      "oklch": "oklch(70% 0.15 0)",
-      "name": "Terminal Magenta",
-      "usage": "Terminal magenta",
-      "l": 70,
-      "c": 0.15,
+    "onAccent": {
+      "oklch": "oklch(100% 0 0)",
+      "name": "On accent",
+      "usage": "Text on accent",
+      "l": 100,
+      "c": 0,
       "h": 0
     },
-    "terminalCyan": {
-      "oklch": "oklch(75% 0.1 200)",
-      "name": "Terminal Cyan",
-      "usage": "Terminal cyan",
-      "l": 75,
+    "secondary": {
+      "oklch": "oklch(60% 0.10 15)",
+      "name": "Secondary",
+      "usage": "Semantic secondary",
+      "l": 60,
       "c": 0.1,
-      "h": 200
+      "h": 15
     },
-    "terminalWhite": {
-      "oklch": "oklch(92% 0.01 85)",
-      "name": "Terminal White",
-      "usage": "Terminal white",
+    "secondarySubtle": {
+      "oklch": "oklch(93% 0.08 15)",
+      "name": "secondary subtle",
+      "usage": "Derived subtle of secondary",
+      "l": 93,
+      "c": 0.08,
+      "h": 15
+    },
+    "secondarySoft": {
+      "oklch": "oklch(70% 0.09 15)",
+      "name": "secondary soft",
+      "usage": "Derived soft of secondary",
+      "l": 70,
+      "c": 0.09,
+      "h": 15
+    },
+    "secondaryStrong": {
+      "oklch": "oklch(50% 0.11 15)",
+      "name": "secondary strong",
+      "usage": "Derived strong of secondary",
+      "l": 50,
+      "c": 0.11,
+      "h": 15
+    },
+    "secondaryOutline": {
+      "oklch": "oklch(45% 0.09 15)",
+      "name": "secondary outline",
+      "usage": "Derived outline of secondary",
+      "l": 45,
+      "c": 0.09,
+      "h": 15
+    },
+    "onSecondary": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On secondary",
+      "usage": "Text on secondary",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "success": {
+      "oklch": "oklch(50% 0.08 145)",
+      "name": "Success",
+      "usage": "Semantic success",
+      "l": 50,
+      "c": 0.08,
+      "h": 145
+    },
+    "successSubtle": {
+      "oklch": "oklch(83% 0.064 145)",
+      "name": "success subtle",
+      "usage": "Derived subtle of success",
+      "l": 83,
+      "c": 0.064,
+      "h": 145
+    },
+    "successSoft": {
+      "oklch": "oklch(60% 0.072 145)",
+      "name": "success soft",
+      "usage": "Derived soft of success",
+      "l": 60,
+      "c": 0.072,
+      "h": 145
+    },
+    "successStrong": {
+      "oklch": "oklch(40% 0.088 145)",
+      "name": "success strong",
+      "usage": "Derived strong of success",
+      "l": 40,
+      "c": 0.088,
+      "h": 145
+    },
+    "successOutline": {
+      "oklch": "oklch(35% 0.072 145)",
+      "name": "success outline",
+      "usage": "Derived outline of success",
+      "l": 35,
+      "c": 0.072,
+      "h": 145
+    },
+    "onSuccess": {
+      "oklch": "oklch(100% 0 0)",
+      "name": "On success",
+      "usage": "Text on success",
+      "l": 100,
+      "c": 0,
+      "h": 0
+    },
+    "warning": {
+      "oklch": "oklch(60% 0.10 75)",
+      "name": "Warning",
+      "usage": "Semantic warning",
+      "l": 60,
+      "c": 0.1,
+      "h": 75
+    },
+    "warningSubtle": {
+      "oklch": "oklch(93% 0.08 75)",
+      "name": "warning subtle",
+      "usage": "Derived subtle of warning",
+      "l": 93,
+      "c": 0.08,
+      "h": 75
+    },
+    "warningSoft": {
+      "oklch": "oklch(70% 0.09 75)",
+      "name": "warning soft",
+      "usage": "Derived soft of warning",
+      "l": 70,
+      "c": 0.09,
+      "h": 75
+    },
+    "warningStrong": {
+      "oklch": "oklch(50% 0.11 75)",
+      "name": "warning strong",
+      "usage": "Derived strong of warning",
+      "l": 50,
+      "c": 0.11,
+      "h": 75
+    },
+    "warningOutline": {
+      "oklch": "oklch(45% 0.09 75)",
+      "name": "warning outline",
+      "usage": "Derived outline of warning",
+      "l": 45,
+      "c": 0.09,
+      "h": 75
+    },
+    "onWarning": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On warning",
+      "usage": "Text on warning",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "error": {
+      "oklch": "oklch(50% 0.10 25)",
+      "name": "Error",
+      "usage": "Semantic error",
+      "l": 50,
+      "c": 0.1,
+      "h": 25
+    },
+    "errorSubtle": {
+      "oklch": "oklch(83% 0.08 25)",
+      "name": "error subtle",
+      "usage": "Derived subtle of error",
+      "l": 83,
+      "c": 0.08,
+      "h": 25
+    },
+    "errorSoft": {
+      "oklch": "oklch(60% 0.09 25)",
+      "name": "error soft",
+      "usage": "Derived soft of error",
+      "l": 60,
+      "c": 0.09,
+      "h": 25
+    },
+    "errorStrong": {
+      "oklch": "oklch(40% 0.11 25)",
+      "name": "error strong",
+      "usage": "Derived strong of error",
+      "l": 40,
+      "c": 0.11,
+      "h": 25
+    },
+    "errorOutline": {
+      "oklch": "oklch(35% 0.09 25)",
+      "name": "error outline",
+      "usage": "Derived outline of error",
+      "l": 35,
+      "c": 0.09,
+      "h": 25
+    },
+    "onError": {
+      "oklch": "oklch(100% 0 0)",
+      "name": "On error",
+      "usage": "Text on error",
+      "l": 100,
+      "c": 0,
+      "h": 0
+    },
+    "info": {
+      "oklch": "oklch(50% 0.08 225)",
+      "name": "Info",
+      "usage": "Semantic info",
+      "l": 50,
+      "c": 0.08,
+      "h": 225
+    },
+    "infoSubtle": {
+      "oklch": "oklch(83% 0.064 225)",
+      "name": "info subtle",
+      "usage": "Derived subtle of info",
+      "l": 83,
+      "c": 0.064,
+      "h": 225
+    },
+    "infoSoft": {
+      "oklch": "oklch(60% 0.072 225)",
+      "name": "info soft",
+      "usage": "Derived soft of info",
+      "l": 60,
+      "c": 0.072,
+      "h": 225
+    },
+    "infoStrong": {
+      "oklch": "oklch(40% 0.088 225)",
+      "name": "info strong",
+      "usage": "Derived strong of info",
+      "l": 40,
+      "c": 0.088,
+      "h": 225
+    },
+    "infoOutline": {
+      "oklch": "oklch(35% 0.072 225)",
+      "name": "info outline",
+      "usage": "Derived outline of info",
+      "l": 35,
+      "c": 0.072,
+      "h": 225
+    },
+    "onInfo": {
+      "oklch": "oklch(100% 0 0)",
+      "name": "On info",
+      "usage": "Text on info",
+      "l": 100,
+      "c": 0,
+      "h": 0
+    }
+  },
+  "dark": {
+    "bg": {
+      "oklch": "oklch(18% 0.015 85)",
+      "name": "Background",
+      "usage": "Page background",
+      "l": 18,
+      "c": 0.015,
+      "h": 85
+    },
+    "surface": {
+      "oklch": "oklch(22% 0.012 85)",
+      "name": "Surface",
+      "usage": "Cards, sections",
+      "l": 22,
+      "c": 0.012,
+      "h": 85
+    },
+    "elevated": {
+      "oklch": "oklch(25% 0.015 85)",
+      "name": "Elevated",
+      "usage": "Elevated surfaces",
+      "l": 25,
+      "c": 0.015,
+      "h": 85
+    },
+    "text": {
+      "oklch": "oklch(92% 0.01 85)",
+      "name": "Text",
+      "usage": "Primary text",
       "l": 92,
       "c": 0.01,
       "h": 85
+    },
+    "textSubtle": {
+      "oklch": "oklch(72% 0.008 85)",
+      "name": "Text Subtle",
+      "usage": "Secondary text",
+      "l": 72,
+      "c": 0.008,
+      "h": 85
+    },
+    "textMuted": {
+      "oklch": "oklch(58% 0.006 85)",
+      "name": "Text Muted",
+      "usage": "Muted text",
+      "l": 58,
+      "c": 0.006,
+      "h": 85
+    },
+    "border": {
+      "oklch": "oklch(30% 0.01 85)",
+      "name": "Border",
+      "usage": "Borders",
+      "l": 30,
+      "c": 0.01,
+      "h": 85
+    },
+    "borderStrong": {
+      "oklch": "oklch(40% 0.012 85)",
+      "name": "Border Strong",
+      "usage": "Strong borders",
+      "l": 40,
+      "c": 0.012,
+      "h": 85
+    },
+    "divider": {
+      "oklch": "oklch(28% 0.008 85)",
+      "name": "Divider",
+      "usage": "Divider lines",
+      "l": 28,
+      "c": 0.008,
+      "h": 85
+    },
+    "link": {
+      "oklch": "oklch(65% 0.08 85)",
+      "name": "Link",
+      "usage": "Hyperlinks",
+      "l": 65,
+      "c": 0.08,
+      "h": 85
+    },
+    "disabled": {
+      "oklch": "oklch(45% 0.005 85)",
+      "name": "Disabled",
+      "usage": "Disabled UI",
+      "l": 45,
+      "c": 0.005,
+      "h": 85
+    },
+    "overlay": {
+      "oklch": "oklch(0% 0 0 / 0.7)",
+      "name": "Overlay",
+      "usage": "Modal backdrops",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "scrim": {
+      "oklch": "oklch(0% 0 0 / 0.6)",
+      "name": "Scrim",
+      "usage": "Drawer/sheet scrim",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "inverseSurface": {
+      "oklch": "oklch(92% 0.008 85)",
+      "name": "Inverse Surface",
+      "usage": "SnackBar background",
+      "l": 92,
+      "c": 0.008,
+      "h": 85
+    },
+    "inverseText": {
+      "oklch": "oklch(25% 0.015 275)",
+      "name": "Inverse Text",
+      "usage": "SnackBar text",
+      "l": 25,
+      "c": 0.015,
+      "h": 275
+    },
+    "shadow": {
+      "value": "0 2px 8px rgba(0, 0, 0, 0.25)",
+      "name": "Shadow",
+      "usage": "Card shadows"
+    },
+    "shadowMd": {
+      "value": "0 4px 20px rgba(0, 0, 0, 0.35)",
+      "name": "Shadow MD",
+      "usage": "Medium shadows"
+    },
+    "shadowLg": {
+      "value": "0 8px 40px rgba(0, 0, 0, 0.45)",
+      "name": "Shadow LG",
+      "usage": "Large shadows"
+    },
+    "shadowColor": {
+      "oklch": "oklch(0% 0 0 / 0.4)",
+      "name": "Shadow Color",
+      "usage": "BoxShadow color",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "focusRing": {
+      "oklch": "oklch(62% 0.08 275 / 0.5)",
+      "name": "Focus Ring",
+      "usage": "Focus indicators",
+      "l": 62,
+      "c": 0.08,
+      "h": 275
+    },
+    "syntaxKeyword": {
+      "oklch": "oklch(70% 0.15 0)",
+      "name": "Syntax Keyword",
+      "usage": "Language keywords",
+      "l": 70,
+      "c": 0.15,
+      "h": 0
+    },
+    "syntaxType": {
+      "oklch": "oklch(75% 0.12 280)",
+      "name": "Syntax Type",
+      "usage": "Types and classes",
+      "l": 75,
+      "c": 0.12,
+      "h": 280
+    },
+    "syntaxVar": {
+      "oklch": "oklch(75% 0.1 200)",
+      "name": "Syntax Variable",
+      "usage": "Variables",
+      "l": 75,
+      "c": 0.1,
+      "h": 200
+    },
+    "syntaxConst": {
+      "oklch": "oklch(80% 0.14 50)",
+      "name": "Syntax Constant",
+      "usage": "Constants",
+      "l": 80,
+      "c": 0.14,
+      "h": 50
+    },
+    "syntaxFunc": {
+      "oklch": "oklch(65% 0.12 240)",
+      "name": "Syntax Function",
+      "usage": "Functions",
+      "l": 65,
+      "c": 0.12,
+      "h": 240
+    },
+    "syntaxString": {
+      "oklch": "oklch(70% 0.12 140)",
+      "name": "Syntax String",
+      "usage": "Strings",
+      "l": 70,
+      "c": 0.12,
+      "h": 140
+    },
+    "hover": {
+      "oklch": "oklch(100% 0 0 / 0.1)",
+      "name": "Hover State",
+      "usage": "Hover background",
+      "l": 100,
+      "c": 0,
+      "h": 0
+    },
+    "active": {
+      "oklch": "oklch(100% 0 0 / 0.2)",
+      "name": "Active State",
+      "usage": "Active background",
+      "l": 100,
+      "c": 0,
+      "h": 0
+    },
+    "terminalBlack": {
+      "oklch": "oklch(15% 0.01 275)",
+      "name": "Terminal Black",
+      "usage": "Terminal black",
+      "l": 15,
+      "c": 0.01,
+      "h": 275
+    },
+    "terminalRed": {
+      "oklch": "oklch(65% 0.05 25)",
+      "name": "Terminal Red",
+      "usage": "Terminal red",
+      "l": 65,
+      "c": 0.05,
+      "h": 25
+    },
+    "terminalGreen": {
+      "oklch": "oklch(65% 0.04 145)",
+      "name": "Terminal Green",
+      "usage": "Terminal green",
+      "l": 65,
+      "c": 0.04,
+      "h": 145
+    },
+    "terminalYellow": {
+      "oklch": "oklch(75% 0.06 75)",
+      "name": "Terminal Yellow",
+      "usage": "Terminal yellow",
+      "l": 75,
+      "c": 0.06,
+      "h": 75
+    },
+    "terminalBlue": {
+      "oklch": "oklch(65% 0.13 275)",
+      "name": "Terminal Blue",
+      "usage": "Terminal blue",
+      "l": 65,
+      "c": 0.13,
+      "h": 275
+    },
+    "terminalMagenta": {
+      "oklch": "oklch(70% 0.10 15)",
+      "name": "Terminal Magenta",
+      "usage": "Terminal magenta",
+      "l": 70,
+      "c": 0.1,
+      "h": 15
+    },
+    "terminalCyan": {
+      "oklch": "oklch(70% 0.04 225)",
+      "name": "Terminal Cyan",
+      "usage": "Terminal cyan",
+      "l": 70,
+      "c": 0.04,
+      "h": 225
+    },
+    "terminalWhite": {
+      "oklch": "oklch(92% 0.01 85)",
+      "name": "Terminal White",
+      "usage": "Terminal white",
+      "l": 92,
+      "c": 0.01,
+      "h": 85
+    },
+    "red": {
+      "oklch": "oklch(70% 0.12 25)",
+      "name": "Red",
+      "usage": "Base red",
+      "l": 70,
+      "c": 0.12,
+      "h": 25
+    },
+    "redSubtle": {
+      "oklch": "oklch(40% 0.10 25)",
+      "name": "Red Subtle",
+      "usage": "Subtle red background",
+      "l": 40,
+      "c": 0.1,
+      "h": 25
+    },
+    "redSoft": {
+      "oklch": "oklch(78% 0.11 25)",
+      "name": "Red Soft",
+      "usage": "Soft red",
+      "l": 78,
+      "c": 0.11,
+      "h": 25
+    },
+    "redStrong": {
+      "oklch": "oklch(60% 0.13 25)",
+      "name": "Red Strong",
+      "usage": "Strong red",
+      "l": 60,
+      "c": 0.13,
+      "h": 25
+    },
+    "redOutline": {
+      "oklch": "oklch(55% 0.11 25)",
+      "name": "Red Outline",
+      "usage": "Red outline/border",
+      "l": 55,
+      "c": 0.11,
+      "h": 25
+    },
+    "onRed": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Red",
+      "usage": "Text on red",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "blue": {
+      "oklch": "oklch(70% 0.10 250)",
+      "name": "Blue",
+      "usage": "Base blue",
+      "l": 70,
+      "c": 0.1,
+      "h": 250
+    },
+    "blueSubtle": {
+      "oklch": "oklch(38% 0.08 250)",
+      "name": "Blue Subtle",
+      "usage": "Subtle blue background",
+      "l": 38,
+      "c": 0.08,
+      "h": 250
+    },
+    "blueSoft": {
+      "oklch": "oklch(78% 0.09 250)",
+      "name": "Blue Soft",
+      "usage": "Soft blue",
+      "l": 78,
+      "c": 0.09,
+      "h": 250
+    },
+    "blueStrong": {
+      "oklch": "oklch(60% 0.11 250)",
+      "name": "Blue Strong",
+      "usage": "Strong blue",
+      "l": 60,
+      "c": 0.11,
+      "h": 250
+    },
+    "blueOutline": {
+      "oklch": "oklch(55% 0.09 250)",
+      "name": "Blue Outline",
+      "usage": "Blue outline/border",
+      "l": 55,
+      "c": 0.09,
+      "h": 250
+    },
+    "onBlue": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Blue",
+      "usage": "Text on blue",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "green": {
+      "oklch": "oklch(70% 0.10 145)",
+      "name": "Green",
+      "usage": "Base green",
+      "l": 70,
+      "c": 0.1,
+      "h": 145
+    },
+    "greenSubtle": {
+      "oklch": "oklch(40% 0.08 145)",
+      "name": "Green Subtle",
+      "usage": "Subtle green background",
+      "l": 40,
+      "c": 0.08,
+      "h": 145
+    },
+    "greenSoft": {
+      "oklch": "oklch(78% 0.09 145)",
+      "name": "Green Soft",
+      "usage": "Soft green",
+      "l": 78,
+      "c": 0.09,
+      "h": 145
+    },
+    "greenStrong": {
+      "oklch": "oklch(60% 0.11 145)",
+      "name": "Green Strong",
+      "usage": "Strong green",
+      "l": 60,
+      "c": 0.11,
+      "h": 145
+    },
+    "greenOutline": {
+      "oklch": "oklch(55% 0.09 145)",
+      "name": "Green Outline",
+      "usage": "Green outline/border",
+      "l": 55,
+      "c": 0.09,
+      "h": 145
+    },
+    "onGreen": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Green",
+      "usage": "Text on green",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "yellow": {
+      "oklch": "oklch(85% 0.12 90)",
+      "name": "Yellow",
+      "usage": "Base yellow",
+      "l": 85,
+      "c": 0.12,
+      "h": 90
+    },
+    "yellowSubtle": {
+      "oklch": "oklch(50% 0.10 90)",
+      "name": "Yellow Subtle",
+      "usage": "Subtle yellow background",
+      "l": 50,
+      "c": 0.1,
+      "h": 90
+    },
+    "yellowSoft": {
+      "oklch": "oklch(90% 0.11 90)",
+      "name": "Yellow Soft",
+      "usage": "Soft yellow",
+      "l": 90,
+      "c": 0.11,
+      "h": 90
+    },
+    "yellowStrong": {
+      "oklch": "oklch(75% 0.13 90)",
+      "name": "Yellow Strong",
+      "usage": "Strong yellow",
+      "l": 75,
+      "c": 0.13,
+      "h": 90
+    },
+    "yellowOutline": {
+      "oklch": "oklch(70% 0.11 90)",
+      "name": "Yellow Outline",
+      "usage": "Yellow outline/border",
+      "l": 70,
+      "c": 0.11,
+      "h": 90
+    },
+    "onYellow": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Yellow",
+      "usage": "Text on yellow",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "magenta": {
+      "oklch": "oklch(70% 0.15 330)",
+      "name": "Magenta",
+      "usage": "Base magenta",
+      "l": 70,
+      "c": 0.15,
+      "h": 330
+    },
+    "magentaSubtle": {
+      "oklch": "oklch(40% 0.12 330)",
+      "name": "Magenta Subtle",
+      "usage": "Subtle magenta background",
+      "l": 40,
+      "c": 0.12,
+      "h": 330
+    },
+    "magentaSoft": {
+      "oklch": "oklch(78% 0.14 330)",
+      "name": "Magenta Soft",
+      "usage": "Soft magenta",
+      "l": 78,
+      "c": 0.14,
+      "h": 330
+    },
+    "magentaStrong": {
+      "oklch": "oklch(60% 0.17 330)",
+      "name": "Magenta Strong",
+      "usage": "Strong magenta",
+      "l": 60,
+      "c": 0.17,
+      "h": 330
+    },
+    "magentaOutline": {
+      "oklch": "oklch(55% 0.14 330)",
+      "name": "Magenta Outline",
+      "usage": "Magenta outline/border",
+      "l": 55,
+      "c": 0.14,
+      "h": 330
+    },
+    "onMagenta": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Magenta",
+      "usage": "Text on magenta",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "cyan": {
+      "oklch": "oklch(75% 0.08 200)",
+      "name": "Cyan",
+      "usage": "Base cyan",
+      "l": 75,
+      "c": 0.08,
+      "h": 200
+    },
+    "cyanSubtle": {
+      "oklch": "oklch(45% 0.06 200)",
+      "name": "Cyan Subtle",
+      "usage": "Subtle cyan background",
+      "l": 45,
+      "c": 0.06,
+      "h": 200
+    },
+    "cyanSoft": {
+      "oklch": "oklch(82% 0.07 200)",
+      "name": "Cyan Soft",
+      "usage": "Soft cyan",
+      "l": 82,
+      "c": 0.07,
+      "h": 200
+    },
+    "cyanStrong": {
+      "oklch": "oklch(65% 0.09 200)",
+      "name": "Cyan Strong",
+      "usage": "Strong cyan",
+      "l": 65,
+      "c": 0.09,
+      "h": 200
+    },
+    "cyanOutline": {
+      "oklch": "oklch(60% 0.07 200)",
+      "name": "Cyan Outline",
+      "usage": "Cyan outline/border",
+      "l": 60,
+      "c": 0.07,
+      "h": 200
+    },
+    "onCyan": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Cyan",
+      "usage": "Text on cyan",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "teal": {
+      "oklch": "oklch(70% 0.08 175)",
+      "name": "Teal",
+      "usage": "Base teal",
+      "l": 70,
+      "c": 0.08,
+      "h": 175
+    },
+    "tealSubtle": {
+      "oklch": "oklch(40% 0.06 175)",
+      "name": "Teal Subtle",
+      "usage": "Subtle teal background",
+      "l": 40,
+      "c": 0.06,
+      "h": 175
+    },
+    "tealSoft": {
+      "oklch": "oklch(78% 0.07 175)",
+      "name": "Teal Soft",
+      "usage": "Soft teal",
+      "l": 78,
+      "c": 0.07,
+      "h": 175
+    },
+    "tealStrong": {
+      "oklch": "oklch(60% 0.09 175)",
+      "name": "Teal Strong",
+      "usage": "Strong teal",
+      "l": 60,
+      "c": 0.09,
+      "h": 175
+    },
+    "tealOutline": {
+      "oklch": "oklch(55% 0.07 175)",
+      "name": "Teal Outline",
+      "usage": "Teal outline/border",
+      "l": 55,
+      "c": 0.07,
+      "h": 175
+    },
+    "onTeal": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Teal",
+      "usage": "Text on teal",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "pink": {
+      "oklch": "oklch(80% 0.10 0)",
+      "name": "Pink",
+      "usage": "Base pink",
+      "l": 80,
+      "c": 0.1,
+      "h": 0
+    },
+    "pinkSubtle": {
+      "oklch": "oklch(48% 0.08 0)",
+      "name": "Pink Subtle",
+      "usage": "Subtle pink background",
+      "l": 48,
+      "c": 0.08,
+      "h": 0
+    },
+    "pinkSoft": {
+      "oklch": "oklch(85% 0.09 0)",
+      "name": "Pink Soft",
+      "usage": "Soft pink",
+      "l": 85,
+      "c": 0.09,
+      "h": 0
+    },
+    "pinkStrong": {
+      "oklch": "oklch(70% 0.11 0)",
+      "name": "Pink Strong",
+      "usage": "Strong pink",
+      "l": 70,
+      "c": 0.11,
+      "h": 0
+    },
+    "pinkOutline": {
+      "oklch": "oklch(65% 0.09 0)",
+      "name": "Pink Outline",
+      "usage": "Pink outline/border",
+      "l": 65,
+      "c": 0.09,
+      "h": 0
+    },
+    "onPink": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Pink",
+      "usage": "Text on pink",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "gold": {
+      "oklch": "oklch(80% 0.10 70)",
+      "name": "Gold",
+      "usage": "Base gold",
+      "l": 80,
+      "c": 0.1,
+      "h": 70
+    },
+    "goldSubtle": {
+      "oklch": "oklch(48% 0.08 70)",
+      "name": "Gold Subtle",
+      "usage": "Subtle gold background",
+      "l": 48,
+      "c": 0.08,
+      "h": 70
+    },
+    "goldSoft": {
+      "oklch": "oklch(85% 0.09 70)",
+      "name": "Gold Soft",
+      "usage": "Soft gold",
+      "l": 85,
+      "c": 0.09,
+      "h": 70
+    },
+    "goldStrong": {
+      "oklch": "oklch(70% 0.11 70)",
+      "name": "Gold Strong",
+      "usage": "Strong gold",
+      "l": 70,
+      "c": 0.11,
+      "h": 70
+    },
+    "goldOutline": {
+      "oklch": "oklch(65% 0.09 70)",
+      "name": "Gold Outline",
+      "usage": "Gold outline/border",
+      "l": 65,
+      "c": 0.09,
+      "h": 70
+    },
+    "onGold": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On Gold",
+      "usage": "Text on gold",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "silver": {
+      "oklch": "oklch(60% 0.01 250)",
+      "name": "Silver",
+      "usage": "Base silver",
+      "l": 60,
+      "c": 0.01,
+      "h": 250
+    },
+    "silverSubtle": {
+      "oklch": "oklch(35% 0.008 250)",
+      "name": "Silver Subtle",
+      "usage": "Subtle silver background",
+      "l": 35,
+      "c": 0.008,
+      "h": 250
+    },
+    "silverSoft": {
+      "oklch": "oklch(68% 0.009 250)",
+      "name": "Silver Soft",
+      "usage": "Soft silver",
+      "l": 68,
+      "c": 0.009,
+      "h": 250
+    },
+    "silverStrong": {
+      "oklch": "oklch(50% 0.012 250)",
+      "name": "Silver Strong",
+      "usage": "Strong silver",
+      "l": 50,
+      "c": 0.012,
+      "h": 250
+    },
+    "silverOutline": {
+      "oklch": "oklch(45% 0.009 250)",
+      "name": "Silver Outline",
+      "usage": "Silver outline/border",
+      "l": 45,
+      "c": 0.009,
+      "h": 250
+    },
+    "onSilver": {
+      "oklch": "oklch(100% 0 0)",
+      "name": "On Silver",
+      "usage": "Text on silver",
+      "l": 100,
+      "c": 0,
+      "h": 0
+    },
+    "accent": {
+      "oklch": "oklch(65% 0.13 275)",
+      "name": "Accent",
+      "usage": "Semantic accent",
+      "l": 65,
+      "c": 0.13,
+      "h": 275
+    },
+    "accentSubtle": {
+      "oklch": "oklch(38% 0.104 275)",
+      "name": "accent subtle",
+      "usage": "Derived subtle of accent",
+      "l": 38,
+      "c": 0.104,
+      "h": 275
+    },
+    "accentSoft": {
+      "oklch": "oklch(75% 0.117 275)",
+      "name": "accent soft",
+      "usage": "Derived soft of accent",
+      "l": 75,
+      "c": 0.117,
+      "h": 275
+    },
+    "accentStrong": {
+      "oklch": "oklch(55% 0.143 275)",
+      "name": "accent strong",
+      "usage": "Derived strong of accent",
+      "l": 55,
+      "c": 0.143,
+      "h": 275
+    },
+    "accentOutline": {
+      "oklch": "oklch(50% 0.117 275)",
+      "name": "accent outline",
+      "usage": "Derived outline of accent",
+      "l": 50,
+      "c": 0.117,
+      "h": 275
+    },
+    "onAccent": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On accent",
+      "usage": "Text on accent",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "secondary": {
+      "oklch": "oklch(70% 0.10 15)",
+      "name": "Secondary",
+      "usage": "Semantic secondary",
+      "l": 70,
+      "c": 0.1,
+      "h": 15
+    },
+    "secondarySubtle": {
+      "oklch": "oklch(43% 0.08 15)",
+      "name": "secondary subtle",
+      "usage": "Derived subtle of secondary",
+      "l": 43,
+      "c": 0.08,
+      "h": 15
+    },
+    "secondarySoft": {
+      "oklch": "oklch(80% 0.09 15)",
+      "name": "secondary soft",
+      "usage": "Derived soft of secondary",
+      "l": 80,
+      "c": 0.09,
+      "h": 15
+    },
+    "secondaryStrong": {
+      "oklch": "oklch(60% 0.11 15)",
+      "name": "secondary strong",
+      "usage": "Derived strong of secondary",
+      "l": 60,
+      "c": 0.11,
+      "h": 15
+    },
+    "secondaryOutline": {
+      "oklch": "oklch(55% 0.09 15)",
+      "name": "secondary outline",
+      "usage": "Derived outline of secondary",
+      "l": 55,
+      "c": 0.09,
+      "h": 15
+    },
+    "onSecondary": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On secondary",
+      "usage": "Text on secondary",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "success": {
+      "oklch": "oklch(75% 0.08 145)",
+      "name": "Success",
+      "usage": "Semantic success",
+      "l": 75,
+      "c": 0.08,
+      "h": 145
+    },
+    "successSubtle": {
+      "oklch": "oklch(48% 0.064 145)",
+      "name": "success subtle",
+      "usage": "Derived subtle of success",
+      "l": 48,
+      "c": 0.064,
+      "h": 145
+    },
+    "successSoft": {
+      "oklch": "oklch(85% 0.072 145)",
+      "name": "success soft",
+      "usage": "Derived soft of success",
+      "l": 85,
+      "c": 0.072,
+      "h": 145
+    },
+    "successStrong": {
+      "oklch": "oklch(65% 0.088 145)",
+      "name": "success strong",
+      "usage": "Derived strong of success",
+      "l": 65,
+      "c": 0.088,
+      "h": 145
+    },
+    "successOutline": {
+      "oklch": "oklch(60% 0.072 145)",
+      "name": "success outline",
+      "usage": "Derived outline of success",
+      "l": 60,
+      "c": 0.072,
+      "h": 145
+    },
+    "onSuccess": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On success",
+      "usage": "Text on success",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "warning": {
+      "oklch": "oklch(80% 0.10 75)",
+      "name": "Warning",
+      "usage": "Semantic warning",
+      "l": 80,
+      "c": 0.1,
+      "h": 75
+    },
+    "warningSubtle": {
+      "oklch": "oklch(53% 0.08 75)",
+      "name": "warning subtle",
+      "usage": "Derived subtle of warning",
+      "l": 53,
+      "c": 0.08,
+      "h": 75
+    },
+    "warningSoft": {
+      "oklch": "oklch(90% 0.09 75)",
+      "name": "warning soft",
+      "usage": "Derived soft of warning",
+      "l": 90,
+      "c": 0.09,
+      "h": 75
+    },
+    "warningStrong": {
+      "oklch": "oklch(70% 0.11 75)",
+      "name": "warning strong",
+      "usage": "Derived strong of warning",
+      "l": 70,
+      "c": 0.11,
+      "h": 75
+    },
+    "warningOutline": {
+      "oklch": "oklch(65% 0.09 75)",
+      "name": "warning outline",
+      "usage": "Derived outline of warning",
+      "l": 65,
+      "c": 0.09,
+      "h": 75
+    },
+    "onWarning": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On warning",
+      "usage": "Text on warning",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "error": {
+      "oklch": "oklch(75% 0.10 25)",
+      "name": "Error",
+      "usage": "Semantic error",
+      "l": 75,
+      "c": 0.1,
+      "h": 25
+    },
+    "errorSubtle": {
+      "oklch": "oklch(48% 0.08 25)",
+      "name": "error subtle",
+      "usage": "Derived subtle of error",
+      "l": 48,
+      "c": 0.08,
+      "h": 25
+    },
+    "errorSoft": {
+      "oklch": "oklch(85% 0.09 25)",
+      "name": "error soft",
+      "usage": "Derived soft of error",
+      "l": 85,
+      "c": 0.09,
+      "h": 25
+    },
+    "errorStrong": {
+      "oklch": "oklch(65% 0.11 25)",
+      "name": "error strong",
+      "usage": "Derived strong of error",
+      "l": 65,
+      "c": 0.11,
+      "h": 25
+    },
+    "errorOutline": {
+      "oklch": "oklch(60% 0.09 25)",
+      "name": "error outline",
+      "usage": "Derived outline of error",
+      "l": 60,
+      "c": 0.09,
+      "h": 25
+    },
+    "onError": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On error",
+      "usage": "Text on error",
+      "l": 0,
+      "c": 0,
+      "h": 0
+    },
+    "info": {
+      "oklch": "oklch(75% 0.08 225)",
+      "name": "Info",
+      "usage": "Semantic info",
+      "l": 75,
+      "c": 0.08,
+      "h": 225
+    },
+    "infoSubtle": {
+      "oklch": "oklch(48% 0.064 225)",
+      "name": "info subtle",
+      "usage": "Derived subtle of info",
+      "l": 48,
+      "c": 0.064,
+      "h": 225
+    },
+    "infoSoft": {
+      "oklch": "oklch(85% 0.072 225)",
+      "name": "info soft",
+      "usage": "Derived soft of info",
+      "l": 85,
+      "c": 0.072,
+      "h": 225
+    },
+    "infoStrong": {
+      "oklch": "oklch(65% 0.088 225)",
+      "name": "info strong",
+      "usage": "Derived strong of info",
+      "l": 65,
+      "c": 0.088,
+      "h": 225
+    },
+    "infoOutline": {
+      "oklch": "oklch(60% 0.072 225)",
+      "name": "info outline",
+      "usage": "Derived outline of info",
+      "l": 60,
+      "c": 0.072,
+      "h": 225
+    },
+    "onInfo": {
+      "oklch": "oklch(0% 0 0)",
+      "name": "On info",
+      "usage": "Text on info",
+      "l": 0,
+      "c": 0,
+      "h": 0
     }
   }
 };