@cyberskill/design 2.0.0 → 2.2.0

package/tokens/tokens.js

@@ -1,14 +1,14 @@
-// CyberSkill design tokens — generated from tokens/*.css (v2.0.0). Do not edit by hand.
+// CyberSkill design tokens — generated from tokens/*.css (v2.2.0). Do not edit by hand.
 export const tokens = {
   "$meta": {
     "system": "CyberSkill Design System",
-    "version": "2.0.0",
+    "version": "2.2.0",
     "generated": "2026-07-23",
     "note": "Generated from tokens/*.css. Root grouped by category; theme/element scopes carry overrides only. Regenerate after any token change (see docs/conventions.md).",
     "declarationGraph": {
       "path": "declarations.json",
       "schemaVersion": 1,
-      "sha256": "7e617b006cbbbe5acb41e325a7e16e4d886f3551f6c895dff3e3768c083ff698",
+      "sha256": "214545d0ae1878832e701e3bf4811e39fe4a119f1158c6f3b9d0779201deb18f",
       "declarations": 1077,
       "publicDeclarations": 397,
       "publicNames": 216,
@@ -48,57 +48,57 @@ export const tokens = {
       "--cs-component-button-primary-fg": "#FFFFFF",
       "--cs-component-button-gap": "8px",
       "--cs-component-button-radius": "8px",
-      "--cs-component-button-xs-paddingY": "4px",
-      "--cs-component-button-xs-paddingX": "10px",
-      "--cs-component-button-xs-minHeight": "28px",
-      "--cs-component-button-xs-minWidth": "28px",
-      "--cs-component-button-xs-minHeight-coarse": "44px",
-      "--cs-component-button-sm-paddingY": "8px",
-      "--cs-component-button-sm-paddingX": "14px",
-      "--cs-component-button-sm-minHeight": "36px",
-      "--cs-component-button-sm-minHeight-coarse": "44px",
-      "--cs-component-button-md-paddingY": "12px",
-      "--cs-component-button-md-paddingX": "20px",
-      "--cs-component-button-md-minHeight": "44px",
-      "--cs-component-button-md-minHeight-coarse": "44px",
-      "--cs-component-button-lg-paddingY": "16px",
-      "--cs-component-button-lg-paddingX": "28px",
-      "--cs-component-button-lg-minHeight": "52px",
+      "--cs-component-button-xs-paddingY": "var(--cs-component-button-xs-padding-y)",
+      "--cs-component-button-xs-paddingX": "var(--cs-component-button-xs-padding-x)",
+      "--cs-component-button-xs-minHeight": "var(--cs-component-button-xs-min-height)",
+      "--cs-component-button-xs-minWidth": "var(--cs-component-button-xs-min-width)",
+      "--cs-component-button-xs-minHeight-coarse": "var(--cs-component-button-xs-min-height-coarse)",
+      "--cs-component-button-sm-paddingY": "var(--cs-component-button-sm-padding-y)",
+      "--cs-component-button-sm-paddingX": "var(--cs-component-button-sm-padding-x)",
+      "--cs-component-button-sm-minHeight": "var(--cs-component-button-sm-min-height)",
+      "--cs-component-button-sm-minHeight-coarse": "var(--cs-component-button-sm-min-height-coarse)",
+      "--cs-component-button-md-paddingY": "var(--cs-component-button-md-padding-y)",
+      "--cs-component-button-md-paddingX": "var(--cs-component-button-md-padding-x)",
+      "--cs-component-button-md-minHeight": "var(--cs-component-button-md-min-height)",
+      "--cs-component-button-md-minHeight-coarse": "var(--cs-component-button-md-min-height-coarse)",
+      "--cs-component-button-lg-paddingY": "var(--cs-component-button-lg-padding-y)",
+      "--cs-component-button-lg-paddingX": "var(--cs-component-button-lg-padding-x)",
+      "--cs-component-button-lg-minHeight": "var(--cs-component-button-lg-min-height)",
       "--cs-component-textfield-border-default": "#BFA58F",
-      "--cs-component-textfield-paddingY": "10px",
-      "--cs-component-textfield-paddingX": "12px",
-      "--cs-component-textfield-minHeight": "44px",
+      "--cs-component-textfield-paddingY": "var(--cs-component-textfield-padding-y)",
+      "--cs-component-textfield-paddingX": "var(--cs-component-textfield-padding-x)",
+      "--cs-component-textfield-minHeight": "var(--cs-component-textfield-min-height)",
       "--cs-focus-ring": "3px",
-      "--cs-component-button-xs-padding-y": "var(--cs-component-button-xs-paddingY)",
-      "--cs-component-button-xs-padding-x": "var(--cs-component-button-xs-paddingX)",
-      "--cs-component-button-xs-min-height": "var(--cs-component-button-xs-minHeight)",
-      "--cs-component-button-xs-min-width": "var(--cs-component-button-xs-minWidth)",
-      "--cs-component-button-xs-min-height-coarse": "var(--cs-component-button-xs-minHeight-coarse)",
-      "--cs-component-button-sm-padding-y": "var(--cs-component-button-sm-paddingY)",
-      "--cs-component-button-sm-padding-x": "var(--cs-component-button-sm-paddingX)",
-      "--cs-component-button-sm-min-height": "var(--cs-component-button-sm-minHeight)",
-      "--cs-component-button-sm-min-height-coarse": "var(--cs-component-button-sm-minHeight-coarse)",
-      "--cs-component-button-md-padding-y": "var(--cs-component-button-md-paddingY)",
-      "--cs-component-button-md-padding-x": "var(--cs-component-button-md-paddingX)",
-      "--cs-component-button-md-min-height": "var(--cs-component-button-md-minHeight)",
-      "--cs-component-button-md-min-height-coarse": "var(--cs-component-button-md-minHeight-coarse)",
-      "--cs-component-button-lg-padding-y": "var(--cs-component-button-lg-paddingY)",
-      "--cs-component-button-lg-padding-x": "var(--cs-component-button-lg-paddingX)",
-      "--cs-component-button-lg-min-height": "var(--cs-component-button-lg-minHeight)",
-      "--cs-component-textfield-padding-y": "var(--cs-component-textfield-paddingY)",
-      "--cs-component-textfield-padding-x": "var(--cs-component-textfield-paddingX)",
-      "--cs-component-textfield-min-height": "var(--cs-component-textfield-minHeight)"
+      "--cs-component-button-xs-padding-y": "4px",
+      "--cs-component-button-xs-padding-x": "10px",
+      "--cs-component-button-xs-min-height": "28px",
+      "--cs-component-button-xs-min-width": "28px",
+      "--cs-component-button-xs-min-height-coarse": "44px",
+      "--cs-component-button-sm-padding-y": "8px",
+      "--cs-component-button-sm-padding-x": "14px",
+      "--cs-component-button-sm-min-height": "36px",
+      "--cs-component-button-sm-min-height-coarse": "44px",
+      "--cs-component-button-md-padding-y": "12px",
+      "--cs-component-button-md-padding-x": "20px",
+      "--cs-component-button-md-min-height": "44px",
+      "--cs-component-button-md-min-height-coarse": "44px",
+      "--cs-component-button-lg-padding-y": "16px",
+      "--cs-component-button-lg-padding-x": "28px",
+      "--cs-component-button-lg-min-height": "52px",
+      "--cs-component-textfield-padding-y": "10px",
+      "--cs-component-textfield-padding-x": "12px",
+      "--cs-component-textfield-min-height": "44px"
     },
     "accent": {
       "--cs-accent": "#F4BA17",
-      "--cs-accent-strong": "#916D10",
+      "--cs-accent-strong": "#916D11",
       "--cs-accent-bright": "#F4BA17",
       "--cs-accent-on": "#45210E",
       "--cs-accent-tint": "#FBF4E9",
       "--cs-accent-ink": "#45210E",
       "--cs-accent-glow": "rgba(244, 186, 23, 0.48)",
       "--cs-accent-grad-a": "#F4BA17",
-      "--cs-accent-grad-b": "#F3B958",
+      "--cs-accent-grad-b": "#C4B78F",
       "--cs-accent-on-strong": "#FFFFFF"
     },
     "depth": {
@@ -189,9 +189,9 @@ export const tokens = {
       "--cs-font-weight-semibold": "600",
       "--cs-font-weight-bold": "700",
       "--cs-font-weight-extrabold": "800",
-      "--cs-font-lineHeight-body": "1.5",
-      "--cs-font-lineHeight-heading": "1.35",
-      "--cs-font-lineHeight-tight": "1.15",
+      "--cs-font-lineHeight-body": "var(--cs-font-line-height-body)",
+      "--cs-font-lineHeight-heading": "var(--cs-font-line-height-heading)",
+      "--cs-font-lineHeight-tight": "var(--cs-font-line-height-tight)",
       "--cs-font-size-2xs": "0.6875rem",
       "--cs-font-size-xs": "0.75rem",
       "--cs-font-size-sm": "0.875rem",
@@ -203,9 +203,9 @@ export const tokens = {
       "--cs-font-size-3xl": "2.25rem",
       "--cs-font-size-4xl": "3rem",
       "--cs-font-size-5xl": "3.75rem",
-      "--cs-font-line-height-body": "var(--cs-font-lineHeight-body)",
-      "--cs-font-line-height-heading": "var(--cs-font-lineHeight-heading)",
-      "--cs-font-line-height-tight": "var(--cs-font-lineHeight-tight)"
+      "--cs-font-line-height-body": "1.5",
+      "--cs-font-line-height-heading": "1.35",
+      "--cs-font-line-height-tight": "1.15"
     },
     "text": {
       "--cs-text-display": "var(--cs-font-size-5xl)",
@@ -320,22 +320,22 @@ export const tokens = {
   },
   "elements": {
     "tho.sand": {
-      "--cs-accent": "#F8E9C0",
-      "--cs-accent-strong": "#80724E",
-      "--cs-accent-bright": "#F6EBCC",
-      "--cs-accent-on": "#292414",
+      "--cs-accent": "#F9E3A7",
+      "--cs-accent-strong": "#856A03",
+      "--cs-accent-bright": "#FDEAB7",
+      "--cs-accent-on": "#271E06",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#FBF7EA",
-      "--cs-accent-ink": "#292414",
-      "--cs-accent-glow": "rgba(248, 233, 192, 0.48)",
-      "--cs-accent-grad-a": "#F8E9C0",
-      "--cs-accent-grad-b": "#F3B958",
-      "--cs-color-text-accent": "#625431",
-      "--cs-color-link": "#625431"
+      "--cs-accent-tint": "#FEF8E7",
+      "--cs-accent-ink": "#292108",
+      "--cs-accent-glow": "rgba(249, 227, 167, 0.48)",
+      "--cs-accent-grad-a": "#F9E3A7",
+      "--cs-accent-grad-b": "#C4B78F",
+      "--cs-color-text-accent": "#695300",
+      "--cs-color-link": "#695300"
     },
     "tho": {
       "--cs-accent": "#F4BA17",
-      "--cs-accent-strong": "#916D10",
+      "--cs-accent-strong": "#916D11",
       "--cs-accent-bright": "#F4BA17",
       "--cs-accent-on": "#45210E",
       "--cs-accent-on-strong": "#FFFFFF",
@@ -343,191 +343,191 @@ export const tokens = {
       "--cs-accent-ink": "#45210E",
       "--cs-accent-glow": "rgba(244, 186, 23, 0.48)",
       "--cs-accent-grad-a": "#F4BA17",
-      "--cs-accent-grad-b": "#F3B958",
+      "--cs-accent-grad-b": "#C4B78F",
       "--cs-color-text-accent": "#6E3B0E",
       "--cs-color-link": "#644A05"
     },
     "tho.clay": {
-      "--cs-accent": "#513801",
-      "--cs-accent-strong": "#201300",
-      "--cs-accent-bright": "#DEC7A2",
-      "--cs-accent-on": "#2D220E",
+      "--cs-accent": "#723E06",
+      "--cs-accent-strong": "#5A3004",
+      "--cs-accent-bright": "#F2C5A3",
+      "--cs-accent-on": "#080200",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#FFF6E7",
-      "--cs-accent-ink": "#2D220E",
-      "--cs-accent-glow": "rgba(81, 56, 1, 0.48)",
-      "--cs-accent-grad-a": "#513801",
-      "--cs-accent-grad-b": "#F3B958",
-      "--cs-color-text-accent": "#201300",
-      "--cs-color-link": "#201300"
+      "--cs-accent-tint": "#FCEEE3",
+      "--cs-accent-ink": "#321B07",
+      "--cs-accent-glow": "rgba(114, 62, 6, 0.48)",
+      "--cs-accent-grad-a": "#723E06",
+      "--cs-accent-grad-b": "#C4B78F",
+      "--cs-color-text-accent": "#462402",
+      "--cs-color-link": "#462402"
     },
     "hoa.plasma": {
-      "--cs-accent": "#FFE1D8",
-      "--cs-accent-strong": "#856E68",
-      "--cs-accent-bright": "#FCE6DF",
-      "--cs-accent-on": "#2C211E",
+      "--cs-accent": "#FEDBDC",
+      "--cs-accent-strong": "#896163",
+      "--cs-accent-bright": "#FFE3E4",
+      "--cs-accent-on": "#281B1C",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#FEF4F2",
-      "--cs-accent-ink": "#2C211E",
-      "--cs-accent-glow": "rgba(255, 225, 216, 0.48)",
-      "--cs-accent-grad-a": "#FFE1D8",
+      "--cs-accent-tint": "#FFF5F5",
+      "--cs-accent-ink": "#2B1E1E",
+      "--cs-accent-glow": "rgba(254, 219, 220, 0.48)",
+      "--cs-accent-grad-a": "#FEDBDC",
       "--cs-accent-grad-b": "#F4BA17",
-      "--cs-color-text-accent": "#66504B",
-      "--cs-color-link": "#66504B"
+      "--cs-color-text-accent": "#714B4D",
+      "--cs-color-link": "#714B4D"
     },
     "hoa": {
-      "--cs-accent": "#FCAF91",
-      "--cs-accent-strong": "#A46146",
-      "--cs-accent-bright": "#FED3C3",
-      "--cs-accent-on": "#381B10",
+      "--cs-accent": "#FC9C69",
+      "--cs-accent-strong": "#96440B",
+      "--cs-accent-bright": "#FFD3BD",
+      "--cs-accent-on": "#361402",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#FFF4F0",
-      "--cs-accent-ink": "#381B10",
-      "--cs-accent-glow": "rgba(252, 175, 145, 0.48)",
-      "--cs-accent-grad-a": "#FCAF91",
+      "--cs-accent-tint": "#FFF1EA",
+      "--cs-accent-ink": "#3A1501",
+      "--cs-accent-glow": "rgba(252, 156, 105, 0.48)",
+      "--cs-accent-grad-a": "#FC9C69",
       "--cs-accent-grad-b": "#F4BA17",
-      "--cs-color-text-accent": "#793B20",
-      "--cs-color-link": "#793B20"
+      "--cs-color-text-accent": "#793609",
+      "--cs-color-link": "#793609"
     },
     "hoa.lava": {
-      "--cs-accent": "#622B06",
-      "--cs-accent-strong": "#280D00",
-      "--cs-accent-bright": "#F1BEA4",
-      "--cs-accent-on": "#361D0F",
+      "--cs-accent": "#93050F",
+      "--cs-accent-strong": "#760008",
+      "--cs-accent-bright": "#FFBCB4",
+      "--cs-accent-on": "#0D0000",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#FFF4EF",
-      "--cs-accent-ink": "#361D0F",
-      "--cs-accent-glow": "rgba(98, 43, 6, 0.48)",
-      "--cs-accent-grad-a": "#622B06",
+      "--cs-accent-tint": "#FFEBE9",
+      "--cs-accent-ink": "#400C0B",
+      "--cs-accent-glow": "rgba(147, 5, 15, 0.48)",
+      "--cs-accent-grad-a": "#93050F",
       "--cs-accent-grad-b": "#F4BA17",
-      "--cs-color-text-accent": "#280D00",
-      "--cs-color-link": "#280D00"
+      "--cs-color-text-accent": "#550306",
+      "--cs-color-link": "#550306"
     },
     "thuy.mist": {
-      "--cs-accent": "#C0F5FC",
-      "--cs-accent-strong": "#4B7B81",
-      "--cs-accent-bright": "#CDF4F9",
-      "--cs-accent-on": "#13282B",
+      "--cs-accent": "#9DF7F5",
+      "--cs-accent-strong": "#037D7D",
+      "--cs-accent-bright": "#B1FBF9",
+      "--cs-accent-on": "#012525",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#EBFAFC",
-      "--cs-accent-ink": "#13282B",
-      "--cs-accent-glow": "rgba(192, 245, 252, 0.48)",
-      "--cs-accent-grad-a": "#C0F5FC",
-      "--cs-accent-grad-b": "#A3D768",
-      "--cs-color-text-accent": "#2E5E64",
-      "--cs-color-link": "#2E5E64"
+      "--cs-accent-tint": "#E6FDFC",
+      "--cs-accent-ink": "#032727",
+      "--cs-accent-glow": "rgba(157, 247, 245, 0.48)",
+      "--cs-accent-grad-a": "#9DF7F5",
+      "--cs-accent-grad-b": "#82CF66",
+      "--cs-color-text-accent": "#116060",
+      "--cs-color-link": "#116060"
     },
     "thuy": {
-      "--cs-accent": "#2EDBF7",
-      "--cs-accent-strong": "#0B7E8E",
-      "--cs-accent-bright": "#99EEFF",
-      "--cs-accent-on": "#012A30",
+      "--cs-accent": "#00CEE4",
+      "--cs-accent-strong": "#166B76",
+      "--cs-accent-bright": "#94EFFD",
+      "--cs-accent-on": "#012429",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#E7FBFF",
-      "--cs-accent-ink": "#012A30",
-      "--cs-accent-glow": "rgba(46, 219, 247, 0.48)",
-      "--cs-accent-grad-a": "#2EDBF7",
-      "--cs-accent-grad-b": "#A3D768",
-      "--cs-color-text-accent": "#035763",
-      "--cs-color-link": "#035763"
+      "--cs-accent-tint": "#DFFBFF",
+      "--cs-accent-ink": "#03272C",
+      "--cs-accent-glow": "rgba(0, 206, 228, 0.48)",
+      "--cs-accent-grad-a": "#00CEE4",
+      "--cs-accent-grad-b": "#82CF66",
+      "--cs-color-text-accent": "#0D535C",
+      "--cs-color-link": "#0D535C"
     },
     "thuy.ocean": {
-      "--cs-accent": "#004554",
-      "--cs-accent-strong": "#011A21",
-      "--cs-accent-bright": "#A8D3E0",
-      "--cs-accent-on": "#10282F",
+      "--cs-accent": "#06556F",
+      "--cs-accent-strong": "#034257",
+      "--cs-accent-bright": "#A9D8ED",
+      "--cs-accent-on": "#001721",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#EAFAFF",
-      "--cs-accent-ink": "#10282F",
-      "--cs-accent-glow": "rgba(0, 69, 84, 0.48)",
-      "--cs-accent-grad-a": "#004554",
-      "--cs-accent-grad-b": "#A3D768",
-      "--cs-color-text-accent": "#011A21",
-      "--cs-color-link": "#011A21"
+      "--cs-accent-tint": "#E5F3FA",
+      "--cs-accent-ink": "#092531",
+      "--cs-accent-glow": "rgba(6, 85, 111, 0.48)",
+      "--cs-accent-grad-a": "#06556F",
+      "--cs-accent-grad-b": "#82CF66",
+      "--cs-color-text-accent": "#003142",
+      "--cs-color-link": "#003142"
     },
     "moc.bamboo": {
-      "--cs-accent": "#E1F1C8",
-      "--cs-accent-strong": "#6B7754",
-      "--cs-accent-bright": "#E5F1D2",
-      "--cs-accent-on": "#212617",
+      "--cs-accent": "#DAEFAA",
+      "--cs-accent-strong": "#62780E",
+      "--cs-accent-bright": "#E2F4BA",
+      "--cs-accent-on": "#1C2307",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#F4F9ED",
-      "--cs-accent-ink": "#212617",
-      "--cs-accent-glow": "rgba(225, 241, 200, 0.48)",
-      "--cs-accent-grad-a": "#E1F1C8",
-      "--cs-accent-grad-b": "#FCAF91",
-      "--cs-color-text-accent": "#505C3A",
-      "--cs-color-link": "#505C3A"
+      "--cs-accent-tint": "#F5FBE8",
+      "--cs-accent-ink": "#1E250A",
+      "--cs-accent-glow": "rgba(218, 239, 170, 0.48)",
+      "--cs-accent-grad-a": "#DAEFAA",
+      "--cs-accent-grad-b": "#FC9C69",
+      "--cs-color-text-accent": "#4A5B02",
+      "--cs-color-link": "#4A5B02"
     },
     "moc": {
-      "--cs-accent": "#A3D768",
-      "--cs-accent-strong": "#528003",
-      "--cs-accent-bright": "#C5ED9C",
-      "--cs-accent-on": "#182A00",
+      "--cs-accent": "#82CF66",
+      "--cs-accent-strong": "#2B7100",
+      "--cs-accent-bright": "#B9F0A6",
+      "--cs-accent-on": "#0A2700",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#EFFCE3",
-      "--cs-accent-ink": "#182A00",
-      "--cs-accent-glow": "rgba(163, 215, 104, 0.48)",
-      "--cs-accent-grad-a": "#A3D768",
-      "--cs-accent-grad-b": "#FCAF91",
-      "--cs-color-text-accent": "#38570C",
-      "--cs-color-link": "#38570C"
+      "--cs-accent-tint": "#EAFAE5",
+      "--cs-accent-ink": "#0D2902",
+      "--cs-accent-glow": "rgba(130, 207, 102, 0.48)",
+      "--cs-accent-grad-a": "#82CF66",
+      "--cs-accent-grad-b": "#FC9C69",
+      "--cs-color-text-accent": "#24570B",
+      "--cs-color-link": "#24570B"
     },
     "moc.forest": {
-      "--cs-accent": "#1A4A01",
-      "--cs-accent-strong": "#051D00",
-      "--cs-accent-bright": "#B0D8A3",
-      "--cs-accent-on": "#162A0E",
+      "--cs-accent": "#105C36",
+      "--cs-accent-strong": "#0A4829",
+      "--cs-accent-bright": "#ACDDBD",
+      "--cs-accent-on": "#011C0D",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#ECFDE7",
-      "--cs-accent-ink": "#162A0E",
-      "--cs-accent-glow": "rgba(26, 74, 1, 0.48)",
-      "--cs-accent-grad-a": "#1A4A01",
-      "--cs-accent-grad-b": "#FCAF91",
-      "--cs-color-text-accent": "#051D00",
-      "--cs-color-link": "#051D00"
+      "--cs-accent-tint": "#E6F5EB",
+      "--cs-accent-ink": "#0B2818",
+      "--cs-accent-glow": "rgba(16, 92, 54, 0.48)",
+      "--cs-accent-grad-a": "#105C36",
+      "--cs-accent-grad-b": "#FC9C69",
+      "--cs-color-text-accent": "#04361D",
+      "--cs-color-link": "#04361D"
     },
     "kim.titanium": {
-      "--cs-accent": "#FEE5C7",
-      "--cs-accent-strong": "#847058",
-      "--cs-accent-bright": "#FBE8D2",
-      "--cs-accent-on": "#2B2217",
+      "--cs-accent": "#D3E7FC",
+      "--cs-accent-strong": "#56708B",
+      "--cs-accent-bright": "#DDEDFF",
+      "--cs-accent-on": "#182029",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#FDF5ED",
-      "--cs-accent-ink": "#2B2217",
-      "--cs-accent-glow": "rgba(254, 229, 199, 0.48)",
-      "--cs-accent-grad-a": "#FEE5C7",
-      "--cs-accent-grad-b": "#2EDBF7",
-      "--cs-color-text-accent": "#67543D",
-      "--cs-color-link": "#67543D"
+      "--cs-accent-tint": "#F3F8FE",
+      "--cs-accent-ink": "#1A232B",
+      "--cs-accent-glow": "rgba(211, 231, 252, 0.48)",
+      "--cs-accent-grad-a": "#D3E7FC",
+      "--cs-accent-grad-b": "#00CEE4",
+      "--cs-color-text-accent": "#3D5670",
+      "--cs-color-link": "#3D5670"
     },
     "kim": {
-      "--cs-accent": "#F3B958",
-      "--cs-accent-strong": "#996A08",
-      "--cs-accent-bright": "#FDD89F",
-      "--cs-accent-on": "#312002",
+      "--cs-accent": "#C4B78F",
+      "--cs-accent-strong": "#6A5E3A",
+      "--cs-accent-bright": "#E8DEBD",
+      "--cs-accent-on": "#241F0F",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#FFF5E7",
-      "--cs-accent-ink": "#312002",
-      "--cs-accent-glow": "rgba(243, 185, 88, 0.48)",
-      "--cs-accent-grad-a": "#F3B958",
-      "--cs-accent-grad-b": "#2EDBF7",
-      "--cs-color-text-accent": "#65460B",
-      "--cs-color-link": "#65460B"
+      "--cs-accent-tint": "#F8F4EA",
+      "--cs-accent-ink": "#262112",
+      "--cs-accent-glow": "rgba(196, 183, 143, 0.48)",
+      "--cs-accent-grad-a": "#C4B78F",
+      "--cs-accent-grad-b": "#00CEE4",
+      "--cs-color-text-accent": "#564B27",
+      "--cs-color-link": "#564B27"
     },
     "kim.steel": {
-      "--cs-accent": "#503901",
-      "--cs-accent-strong": "#1F1400",
-      "--cs-accent-bright": "#DCC8A2",
-      "--cs-accent-on": "#2D220E",
+      "--cs-accent": "#384D72",
+      "--cs-accent-strong": "#293C5C",
+      "--cs-accent-bright": "#BED0F0",
+      "--cs-accent-on": "#020818",
       "--cs-accent-on-strong": "#FFFFFF",
-      "--cs-accent-tint": "#FEF6E7",
-      "--cs-accent-ink": "#2D220E",
-      "--cs-accent-glow": "rgba(80, 57, 1, 0.48)",
-      "--cs-accent-grad-a": "#503901",
-      "--cs-accent-grad-b": "#2EDBF7",
-      "--cs-color-text-accent": "#1F1400",
-      "--cs-color-link": "#1F1400"
+      "--cs-accent-tint": "#EBF1FB",
+      "--cs-accent-ink": "#182232",
+      "--cs-accent-glow": "rgba(56, 77, 114, 0.48)",
+      "--cs-accent-grad-a": "#384D72",
+      "--cs-accent-grad-b": "#00CEE4",
+      "--cs-color-text-accent": "#1B2E4C",
+      "--cs-color-link": "#1B2E4C"
     }
   },
   "densities": {
@@ -540,26 +540,26 @@ export const tokens = {
       "--cs-density-space-6": "18px",
       "--cs-density-control-gap": "6px",
       "--cs-component-button-gap": "6px",
-      "--cs-component-button-xs-paddingY": "3px",
-      "--cs-component-button-xs-padding-y": "var(--cs-component-button-xs-paddingY)",
-      "--cs-component-button-xs-paddingX": "8px",
-      "--cs-component-button-xs-padding-x": "var(--cs-component-button-xs-paddingX)",
-      "--cs-component-button-sm-paddingY": "6px",
-      "--cs-component-button-sm-padding-y": "var(--cs-component-button-sm-paddingY)",
-      "--cs-component-button-sm-paddingX": "12px",
-      "--cs-component-button-sm-padding-x": "var(--cs-component-button-sm-paddingX)",
-      "--cs-component-button-md-paddingY": "10px",
-      "--cs-component-button-md-padding-y": "var(--cs-component-button-md-paddingY)",
-      "--cs-component-button-md-paddingX": "16px",
-      "--cs-component-button-md-padding-x": "var(--cs-component-button-md-paddingX)",
-      "--cs-component-button-lg-paddingY": "12px",
-      "--cs-component-button-lg-padding-y": "var(--cs-component-button-lg-paddingY)",
-      "--cs-component-button-lg-paddingX": "22px",
-      "--cs-component-button-lg-padding-x": "var(--cs-component-button-lg-paddingX)",
-      "--cs-component-textfield-paddingY": "8px",
-      "--cs-component-textfield-padding-y": "var(--cs-component-textfield-paddingY)",
-      "--cs-component-textfield-paddingX": "10px",
-      "--cs-component-textfield-padding-x": "var(--cs-component-textfield-paddingX)"
+      "--cs-component-button-xs-paddingY": "var(--cs-component-button-xs-padding-y)",
+      "--cs-component-button-xs-padding-y": "3px",
+      "--cs-component-button-xs-paddingX": "var(--cs-component-button-xs-padding-x)",
+      "--cs-component-button-xs-padding-x": "8px",
+      "--cs-component-button-sm-paddingY": "var(--cs-component-button-sm-padding-y)",
+      "--cs-component-button-sm-padding-y": "6px",
+      "--cs-component-button-sm-paddingX": "var(--cs-component-button-sm-padding-x)",
+      "--cs-component-button-sm-padding-x": "12px",
+      "--cs-component-button-md-paddingY": "var(--cs-component-button-md-padding-y)",
+      "--cs-component-button-md-padding-y": "10px",
+      "--cs-component-button-md-paddingX": "var(--cs-component-button-md-padding-x)",
+      "--cs-component-button-md-padding-x": "16px",
+      "--cs-component-button-lg-paddingY": "var(--cs-component-button-lg-padding-y)",
+      "--cs-component-button-lg-padding-y": "12px",
+      "--cs-component-button-lg-paddingX": "var(--cs-component-button-lg-padding-x)",
+      "--cs-component-button-lg-padding-x": "22px",
+      "--cs-component-textfield-paddingY": "var(--cs-component-textfield-padding-y)",
+      "--cs-component-textfield-padding-y": "8px",
+      "--cs-component-textfield-paddingX": "var(--cs-component-textfield-padding-x)",
+      "--cs-component-textfield-padding-x": "10px"
     },
     "comfortable": {
       "--cs-density-space-1": "var(--cs-space-1)",
@@ -570,26 +570,26 @@ export const tokens = {
       "--cs-density-space-6": "var(--cs-space-6)",
       "--cs-density-control-gap": "var(--cs-component-button-gap)",
       "--cs-component-button-gap": "8px",
-      "--cs-component-button-xs-paddingY": "4px",
-      "--cs-component-button-xs-padding-y": "var(--cs-component-button-xs-paddingY)",
-      "--cs-component-button-xs-paddingX": "10px",
-      "--cs-component-button-xs-padding-x": "var(--cs-component-button-xs-paddingX)",
-      "--cs-component-button-sm-paddingY": "8px",
-      "--cs-component-button-sm-padding-y": "var(--cs-component-button-sm-paddingY)",
-      "--cs-component-button-sm-paddingX": "14px",
-      "--cs-component-button-sm-padding-x": "var(--cs-component-button-sm-paddingX)",
-      "--cs-component-button-md-paddingY": "12px",
-      "--cs-component-button-md-padding-y": "var(--cs-component-button-md-paddingY)",
-      "--cs-component-button-md-paddingX": "20px",
-      "--cs-component-button-md-padding-x": "var(--cs-component-button-md-paddingX)",
-      "--cs-component-button-lg-paddingY": "16px",
-      "--cs-component-button-lg-padding-y": "var(--cs-component-button-lg-paddingY)",
-      "--cs-component-button-lg-paddingX": "28px",
-      "--cs-component-button-lg-padding-x": "var(--cs-component-button-lg-paddingX)",
-      "--cs-component-textfield-paddingY": "10px",
-      "--cs-component-textfield-padding-y": "var(--cs-component-textfield-paddingY)",
-      "--cs-component-textfield-paddingX": "12px",
-      "--cs-component-textfield-padding-x": "var(--cs-component-textfield-paddingX)"
+      "--cs-component-button-xs-padding-y": "4px",
+      "--cs-component-button-xs-paddingY": "var(--cs-component-button-xs-padding-y)",
+      "--cs-component-button-xs-padding-x": "10px",
+      "--cs-component-button-xs-paddingX": "var(--cs-component-button-xs-padding-x)",
+      "--cs-component-button-sm-padding-y": "8px",
+      "--cs-component-button-sm-paddingY": "var(--cs-component-button-sm-padding-y)",
+      "--cs-component-button-sm-padding-x": "14px",
+      "--cs-component-button-sm-paddingX": "var(--cs-component-button-sm-padding-x)",
+      "--cs-component-button-md-padding-y": "12px",
+      "--cs-component-button-md-paddingY": "var(--cs-component-button-md-padding-y)",
+      "--cs-component-button-md-padding-x": "20px",
+      "--cs-component-button-md-paddingX": "var(--cs-component-button-md-padding-x)",
+      "--cs-component-button-lg-padding-y": "16px",
+      "--cs-component-button-lg-paddingY": "var(--cs-component-button-lg-padding-y)",
+      "--cs-component-button-lg-padding-x": "28px",
+      "--cs-component-button-lg-paddingX": "var(--cs-component-button-lg-padding-x)",
+      "--cs-component-textfield-padding-y": "10px",
+      "--cs-component-textfield-paddingY": "var(--cs-component-textfield-padding-y)",
+      "--cs-component-textfield-padding-x": "12px",
+      "--cs-component-textfield-paddingX": "var(--cs-component-textfield-padding-x)"
     }
   },
   "contrasts": {