npm - @scattered-light/loomiere-mojave - Versions diffs - 0.4.1 → 0.5.0 - Mend

@scattered-light/loomiere-mojave 0.4.1 → 0.5.0

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 (9) hide show

package/brand/mojave.json +56 -0
package/dist/exports/AGENTS.md +2 -0
package/dist/exports/design-system/README.md +2 -0
package/dist/exports/design-system/components/bundle.css +1718 -42
package/dist/exports/design-system/components/bundle.js +1 -1
package/dist/exports/figma.json +1 -1
package/dist/tokens.css +1676 -0
package/dist/tokens.json +2572 -0
package/package.json +2 -2

package/dist/tokens.json CHANGED Viewed

@@ -19789,5 +19789,2577 @@
       "value": "300px",
       "description": "A tooltip wraps after a short line, so it labels and never explains at length."
     }
+  ],
+  "looks": [
+    {
+      "name": "mojave",
+      "label": "Mojave",
+      "description": "Mojave: warm desert neutrals with a violet primary and ember accent.",
+      "base": true
+    },
+    {
+      "name": "classic",
+      "label": "Classic",
+      "description": "The look before the rebrand: slate teal chrome, a coral accent, Roboto and tight 3px corners.",
+      "css": "[data-look='classic']",
+      "changes": {
+        "--sl-radius-sm": "0.0938rem",
+        "--sl-radius-base": "0.1875rem",
+        "--sl-radius-md": "0.2813rem",
+        "--sl-radius-lg": "0.375rem",
+        "--sl-radius-xl": "0.5625rem",
+        "--sl-radius-2xl": "0.75rem",
+        "--sl-radius-3xl": "1.125rem",
+        "--sl-radius-box": "0.1875rem",
+        "--sl-radius-chrome": "0.2813rem",
+        "--sl-radius-control": "0.0938rem",
+        "--sl-radius-focus": "0.0938rem",
+        "--sl-radius-item": "0.0938rem",
+        "--sl-radius-modal": "0.5625rem",
+        "--sl-radius-surface": "0.375rem",
+        "--sl-font-family-display": "Roboto, sans-serif",
+        "--sl-font-family-body": "Roboto, sans-serif",
+        "--sl-color-neutral-50": "#f3fcff",
+        "--sl-color-neutral-100": "#eefaff",
+        "--sl-color-neutral-200": "#def6ff",
+        "--sl-color-neutral-300": "#d1f3ff",
+        "--sl-color-neutral-400": "#b6dfee",
+        "--sl-color-neutral-500": "#a9d5e5",
+        "--sl-color-neutral-600": "#8fb6c5",
+        "--sl-color-neutral-700": "#7da1af",
+        "--sl-color-neutral-800": "#6b8d99",
+        "--sl-color-neutral-900": "#53737f",
+        "--sl-color-neutral-1000": "#3c5a66",
+        "--sl-color-neutral-1100": "#203d48",
+        "--sl-color-neutral-1200": "#03202a",
+        "--sl-color-neutral-on-50": "#03202a",
+        "--sl-color-neutral-on-100": "#03202a",
+        "--sl-color-neutral-on-200": "#03202a",
+        "--sl-color-neutral-on-300": "#03202a",
+        "--sl-color-neutral-on-400": "#03202a",
+        "--sl-color-neutral-on-500": "#03202a",
+        "--sl-color-neutral-on-600": "#03202a",
+        "--sl-color-neutral-on-700": "#03202a",
+        "--sl-color-neutral-on-800": "#03202a",
+        "--sl-color-neutral-on-900": "#f3fcff",
+        "--sl-color-neutral-on-1000": "#f3fcff",
+        "--sl-color-neutral-on-1100": "#f3fcff",
+        "--sl-color-neutral-on-1200": "#f3fcff",
+        "--sl-color-primary-50": "#fffaf9",
+        "--sl-color-primary-75": "#fff2ef",
+        "--sl-color-primary-100": "#fedfd7",
+        "--sl-color-primary-200": "#f7c7bb",
+        "--sl-color-primary-300": "#e5927d",
+        "--sl-color-primary-400": "#c37c6a",
+        "--sl-color-primary-500": "#a36759",
+        "--sl-color-primary-600": "#875549",
+        "--sl-color-primary-700": "#70463c",
+        "--sl-color-primary-800": "#54352d",
+        "--sl-color-primary-900": "#3b241f",
+        "--sl-color-primary-1000": "#2b1a16",
+        "--sl-color-primary-on-50": "#2b1a16",
+        "--sl-color-primary-on-75": "#2b1a16",
+        "--sl-color-primary-on-100": "#2b1a16",
+        "--sl-color-primary-on-200": "#2b1a16",
+        "--sl-color-primary-on-300": "#2b1a16",
+        "--sl-color-primary-on-400": "#2b1a16",
+        "--sl-color-primary-on-600": "#fffaf9",
+        "--sl-color-primary-on-700": "#fffaf9",
+        "--sl-color-primary-on-800": "#fffaf9",
+        "--sl-color-primary-on-900": "#fffaf9",
+        "--sl-color-primary-on-1000": "#fffaf9",
+        "--sl-color-secondary-50": "#f9fcfd",
+        "--sl-color-secondary-75": "#eef6fa",
+        "--sl-color-secondary-100": "#deeff5",
+        "--sl-color-secondary-200": "#b0d8e7",
+        "--sl-color-secondary-300": "#8fbdce",
+        "--sl-color-secondary-400": "#6b9cae",
+        "--sl-color-secondary-500": "#487d91",
+        "--sl-color-secondary-600": "#32687c",
+        "--sl-color-secondary-700": "#285768",
+        "--sl-color-secondary-800": "#1d414f",
+        "--sl-color-secondary-900": "#122d37",
+        "--sl-color-secondary-1000": "#071920",
+        "--sl-color-secondary-on-50": "#071920",
+        "--sl-color-secondary-on-75": "#071920",
+        "--sl-color-secondary-on-100": "#071920",
+        "--sl-color-secondary-on-200": "#071920",
+        "--sl-color-secondary-on-300": "#071920",
+        "--sl-color-secondary-on-400": "#071920",
+        "--sl-color-secondary-on-600": "#f9fcfd",
+        "--sl-color-secondary-on-700": "#f9fcfd",
+        "--sl-color-secondary-on-800": "#f9fcfd",
+        "--sl-color-secondary-on-900": "#f9fcfd",
+        "--sl-color-secondary-on-1000": "#f9fcfd",
+        "--sl-color-tertiary-50": "#fffbed",
+        "--sl-color-tertiary-75": "#fef5d5",
+        "--sl-color-tertiary-100": "#f7ecc7",
+        "--sl-color-tertiary-200": "#e2d1a1",
+        "--sl-color-tertiary-300": "#c5b58c",
+        "--sl-color-tertiary-400": "#a19472",
+        "--sl-color-tertiary-500": "#80765a",
+        "--sl-color-tertiary-600": "#6a614a",
+        "--sl-color-tertiary-700": "#58503c",
+        "--sl-color-tertiary-800": "#423c2d",
+        "--sl-color-tertiary-900": "#2e291e",
+        "--sl-color-tertiary-1000": "#1a170f",
+        "--sl-color-tertiary-on-50": "#1a170f",
+        "--sl-color-tertiary-on-75": "#1a170f",
+        "--sl-color-tertiary-on-100": "#1a170f",
+        "--sl-color-tertiary-on-200": "#1a170f",
+        "--sl-color-tertiary-on-300": "#1a170f",
+        "--sl-color-tertiary-on-400": "#1a170f",
+        "--sl-color-tertiary-on-600": "#fffbed",
+        "--sl-color-tertiary-on-700": "#fffbed",
+        "--sl-color-tertiary-on-800": "#fffbed",
+        "--sl-color-tertiary-on-900": "#fffbed",
+        "--sl-color-tertiary-on-1000": "#fffbed",
+        "--sl-color-quaternary-50": "#f3fef9",
+        "--sl-color-quaternary-75": "#defbef",
+        "--sl-color-quaternary-100": "#caf5e1",
+        "--sl-color-quaternary-200": "#93e3b6",
+        "--sl-color-quaternary-300": "#77c699",
+        "--sl-color-quaternary-400": "#5ba37a",
+        "--sl-color-quaternary-500": "#488261",
+        "--sl-color-quaternary-600": "#3a6c50",
+        "--sl-color-quaternary-700": "#2f5941",
+        "--sl-color-quaternary-800": "#224331",
+        "--sl-color-quaternary-900": "#162e20",
+        "--sl-color-quaternary-1000": "#0a1a11",
+        "--sl-color-quaternary-on-50": "#0a1a11",
+        "--sl-color-quaternary-on-75": "#0a1a11",
+        "--sl-color-quaternary-on-100": "#0a1a11",
+        "--sl-color-quaternary-on-200": "#0a1a11",
+        "--sl-color-quaternary-on-300": "#0a1a11",
+        "--sl-color-quaternary-on-400": "#0a1a11",
+        "--sl-color-quaternary-on-600": "#f3fef9",
+        "--sl-color-quaternary-on-700": "#f3fef9",
+        "--sl-color-quaternary-on-800": "#f3fef9",
+        "--sl-color-quaternary-on-900": "#f3fef9",
+        "--sl-color-quaternary-on-1000": "#f3fef9",
+        "--sl-color-success-50": "#fafcfb",
+        "--sl-color-success-75": "#f0f6f2",
+        "--sl-color-success-100": "#e3efe7",
+        "--sl-color-success-200": "#bcd9c7",
+        "--sl-color-success-300": "#92c1a4",
+        "--sl-color-success-400": "#5ca37a",
+        "--sl-color-success-500": "#488261",
+        "--sl-color-success-600": "#3a6c50",
+        "--sl-color-success-700": "#2f5941",
+        "--sl-color-success-800": "#224331",
+        "--sl-color-success-900": "#162e20",
+        "--sl-color-success-1000": "#0a1a11",
+        "--sl-color-success-on-50": "#0a1a11",
+        "--sl-color-success-on-75": "#0a1a11",
+        "--sl-color-success-on-100": "#0a1a11",
+        "--sl-color-success-on-200": "#0a1a11",
+        "--sl-color-success-on-300": "#0a1a11",
+        "--sl-color-success-on-400": "#0a1a11",
+        "--sl-color-success-on-600": "#fafcfb",
+        "--sl-color-success-on-700": "#fafcfb",
+        "--sl-color-success-on-800": "#fafcfb",
+        "--sl-color-success-on-900": "#fafcfb",
+        "--sl-color-success-on-1000": "#fafcfb",
+        "--sl-color-warning-50": "#fefbf6",
+        "--sl-color-warning-75": "#fbf4e5",
+        "--sl-color-warning-100": "#f7ebcf",
+        "--sl-color-warning-200": "#edcf8a",
+        "--sl-color-warning-300": "#dfb029",
+        "--sl-color-warning-400": "#b78f1f",
+        "--sl-color-warning-500": "#937217",
+        "--sl-color-warning-600": "#7a5e11",
+        "--sl-color-warning-700": "#654e0d",
+        "--sl-color-warning-800": "#4d3a07",
+        "--sl-color-warning-900": "#352804",
+        "--sl-color-warning-1000": "#1f1601",
+        "--sl-color-warning-on-50": "#1f1601",
+        "--sl-color-warning-on-75": "#1f1601",
+        "--sl-color-warning-on-100": "#1f1601",
+        "--sl-color-warning-on-200": "#1f1601",
+        "--sl-color-warning-on-300": "#1f1601",
+        "--sl-color-warning-on-400": "#1f1601",
+        "--sl-color-warning-on-600": "#fefbf6",
+        "--sl-color-warning-on-700": "#fefbf6",
+        "--sl-color-warning-on-800": "#fefbf6",
+        "--sl-color-warning-on-900": "#fefbf6",
+        "--sl-color-warning-on-1000": "#fefbf6",
+        "--sl-color-error-75": "#fff2f0",
+        "--sl-color-error-100": "#ffe7e3",
+        "--sl-color-error-200": "#ffc4bb",
+        "--sl-color-error-300": "#fd9d8e",
+        "--sl-color-error-400": "#f46857",
+        "--sl-color-error-500": "#e72117",
+        "--sl-color-error-600": "#c70000",
+        "--sl-color-error-700": "#a70000",
+        "--sl-color-error-800": "#800000",
+        "--sl-color-error-900": "#5c0000",
+        "--sl-color-error-1000": "#380000",
+        "--sl-color-error-on-50": "#380000",
+        "--sl-color-error-on-75": "#380000",
+        "--sl-color-error-on-100": "#380000",
+        "--sl-color-error-on-200": "#380000",
+        "--sl-color-error-on-300": "#380000",
+        "--sl-color-error-on-400": "#380000",
+        "--sl-color-info-75": "#f0f5fe",
+        "--sl-color-info-100": "#e2edfd",
+        "--sl-color-info-200": "#bbd3fa",
+        "--sl-color-info-300": "#91b8f5",
+        "--sl-color-info-400": "#5e95ed",
+        "--sl-color-info-500": "#2973e3",
+        "--sl-color-info-600": "#145dc8",
+        "--sl-color-info-700": "#0f4da8",
+        "--sl-color-info-800": "#093a80",
+        "--sl-color-info-900": "#04275c",
+        "--sl-color-info-1000": "#021539",
+        "--sl-color-info-on-50": "#021539",
+        "--sl-color-info-on-75": "#021539",
+        "--sl-color-info-on-100": "#021539",
+        "--sl-color-info-on-200": "#021539",
+        "--sl-color-info-on-300": "#021539",
+        "--sl-color-info-on-400": "#021539",
+        "--sl-color-data-1": "#346ea3",
+        "--sl-color-data-2": "#f6844e",
+        "--sl-color-data-3": "#5ba37a",
+        "--sl-color-data-4": "#f1c54b",
+        "--sl-color-data-5": "#688d99",
+        "--sl-color-data-6": "#f24646",
+        "--sl-color-data-7": "#867775",
+        "--sl-color-data-8": "#e15a6a",
+        "--sl-color-data-9": "#bb529e",
+        "--sl-color-data-10": "#b97350",
+        "--sl-color-data-11": "#70ace4",
+        "--sl-color-data-12": "#feb794",
+        "--sl-color-data-13": "#8be0af",
+        "--sl-color-data-14": "#e8d5a1",
+        "--sl-color-data-15": "#a9d5e5",
+        "--sl-color-data-16": "#ff9797",
+        "--sl-color-data-17": "#bab5b4",
+        "--sl-color-data-18": "#ffb9c6",
+        "--sl-color-data-19": "#f3a1dd",
+        "--sl-color-data-20": "#f0c5af",
+        "--sl-color-data-blue": "#346ea3",
+        "--sl-color-data-orange": "#f6844e",
+        "--sl-color-data-green": "#5ba37a",
+        "--sl-color-data-gold": "#f1c54b",
+        "--sl-color-data-slate": "#688d99",
+        "--sl-color-data-red": "#f24646",
+        "--sl-color-data-taupe": "#867775",
+        "--sl-color-data-rose": "#e15a6a",
+        "--sl-color-data-magenta": "#bb529e",
+        "--sl-color-data-brown": "#b97350",
+        "--sl-color-data-sky": "#70ace4",
+        "--sl-color-data-peach": "#feb794",
+        "--sl-color-data-mint": "#8be0af",
+        "--sl-color-data-sand": "#e8d5a1",
+        "--sl-color-data-ice": "#a9d5e5",
+        "--sl-color-data-salmon": "#ff9797",
+        "--sl-color-data-stone": "#bab5b4",
+        "--sl-color-data-pink": "#ffb9c6",
+        "--sl-color-data-orchid": "#f3a1dd",
+        "--sl-color-data-tan": "#f0c5af",
+        "--sl-color-accent-50": "#fffaf9",
+        "--sl-color-accent-75": "#fff2ef",
+        "--sl-color-accent-100": "#fedfd7",
+        "--sl-color-accent-200": "#f7c7bb",
+        "--sl-color-accent-300": "#e5927d",
+        "--sl-color-accent-400": "#c37c6a",
+        "--sl-color-accent-500": "#a36759",
+        "--sl-color-accent-600": "#875549",
+        "--sl-color-accent-700": "#70463c",
+        "--sl-color-accent-800": "#54352d",
+        "--sl-color-accent-900": "#3b241f",
+        "--sl-color-accent-1000": "#2b1a16",
+        "--sl-color-accent-on-50": "#2b1a16",
+        "--sl-color-accent-on-75": "#2b1a16",
+        "--sl-color-accent-on-100": "#2b1a16",
+        "--sl-color-accent-on-200": "#2b1a16",
+        "--sl-color-accent-on-300": "#2b1a16",
+        "--sl-color-accent-on-400": "#2b1a16",
+        "--sl-color-accent-on-600": "#fffaf9",
+        "--sl-color-accent-on-700": "#fffaf9",
+        "--sl-color-accent-on-800": "#fffaf9",
+        "--sl-color-accent-on-900": "#fffaf9",
+        "--sl-color-accent-on-1000": "#fffaf9",
+        "--sl-color-chrome-50": "#f3fcff",
+        "--sl-color-chrome-100": "#eefaff",
+        "--sl-color-chrome-200": "#def6ff",
+        "--sl-color-chrome-300": "#d1f3ff",
+        "--sl-color-chrome-400": "#b6dfee",
+        "--sl-color-chrome-500": "#a9d5e5",
+        "--sl-color-chrome-600": "#8fb6c5",
+        "--sl-color-chrome-700": "#7da1af",
+        "--sl-color-chrome-800": "#6b8d99",
+        "--sl-color-chrome-900": "#53737f",
+        "--sl-color-chrome-1000": "#3c5a66",
+        "--sl-color-chrome-1100": "#203d48",
+        "--sl-color-chrome-1200": "#03202a",
+        "--sl-color-chrome-on-50": "#03202a",
+        "--sl-color-chrome-on-100": "#03202a",
+        "--sl-color-chrome-on-200": "#03202a",
+        "--sl-color-chrome-on-300": "#03202a",
+        "--sl-color-chrome-on-400": "#03202a",
+        "--sl-color-chrome-on-500": "#03202a",
+        "--sl-color-chrome-on-600": "#03202a",
+        "--sl-color-chrome-on-700": "#03202a",
+        "--sl-color-chrome-on-800": "#03202a",
+        "--sl-color-chrome-on-900": "#f3fcff",
+        "--sl-color-chrome-on-1000": "#f3fcff",
+        "--sl-color-chrome-on-1100": "#f3fcff",
+        "--sl-color-chrome-on-1200": "#f3fcff",
+        "--sl-shadow-outline": {
+          "value": "0 0 0 3px color-mix(in oklab, #a36759 60%, transparent)",
+          "modes": {
+            "contrast-more": "0 0 0 3px currentColor"
+          }
+        },
+        "--sl-font-size-md": "0.875rem",
+        "--sl-font-size-lg": "clamp(0.875rem, 0.8167rem + 0.2917vw, 1.05rem)",
+        "--sl-font-size-xl": "clamp(1.05rem, 0.98rem + 0.35vw, 1.26rem)",
+        "--sl-font-size-2xl": "clamp(1.26rem, 1.176rem + 0.42vw, 1.512rem)",
+        "--sl-font-size-3xl": "clamp(1.512rem, 1.4112rem + 0.504vw, 1.8144rem)",
+        "--sl-font-size-4xl": "clamp(1.8144rem, 1.6934rem + 0.6048vw, 2.1773rem)",
+        "--sl-font-size-5xl": "clamp(2.1773rem, 2.0321rem + 0.7258vw, 2.6127rem)",
+        "--sl-font-size-6xl": "clamp(2.6127rem, 2.4386rem + 0.8709vw, 3.1353rem)",
+        "--sl-font-size-7xl": "clamp(3.1353rem, 2.9263rem + 1.0451vw, 3.7623rem)",
+        "--sl-font-size-8xl": "clamp(3.7623rem, 3.5115rem + 1.2541vw, 4.5148rem)",
+        "--sl-font-size-9xl": "clamp(4.5148rem, 4.2138rem + 1.5049vw, 5.4178rem)",
+        "--sl-line-height-xxs": 1.4,
+        "--sl-line-height-xs": 1.4,
+        "--sl-line-height-sm": 1.4,
+        "--sl-line-height-md": 1.352,
+        "--sl-line-height-lg": 1.296,
+        "--sl-line-height-xl": 1.239,
+        "--sl-line-height-2xl": 1.183,
+        "--sl-line-height-3xl": 1.126,
+        "--sl-vision-deuteranopia-color-primary-50": "#fefafd",
+        "--sl-vision-deuteranopia-color-primary-75": "#fdf2f9",
+        "--sl-vision-deuteranopia-color-primary-100": "#f8deef",
+        "--sl-vision-deuteranopia-color-primary-200": "#efc6e1",
+        "--sl-vision-deuteranopia-color-primary-300": "#d890c0",
+        "--sl-vision-deuteranopia-color-primary-400": "#b87aa3",
+        "--sl-vision-deuteranopia-color-primary-500": "#9b6689",
+        "--sl-vision-deuteranopia-color-primary-600": "#7f5471",
+        "--sl-vision-deuteranopia-color-primary-700": "#6a465e",
+        "--sl-vision-deuteranopia-color-primary-800": "#4f3446",
+        "--sl-vision-deuteranopia-color-primary-900": "#372430",
+        "--sl-vision-deuteranopia-color-primary-1000": "#281a23",
+        "--sl-vision-deuteranopia-color-primary-on-50": "#281a23",
+        "--sl-vision-deuteranopia-color-primary-on-75": "#281a23",
+        "--sl-vision-deuteranopia-color-primary-on-100": "#281a23",
+        "--sl-vision-deuteranopia-color-primary-on-200": "#281a23",
+        "--sl-vision-deuteranopia-color-primary-on-300": "#281a23",
+        "--sl-vision-deuteranopia-color-primary-on-400": "#281a23",
+        "--sl-vision-deuteranopia-color-primary-on-600": "#fefafd",
+        "--sl-vision-deuteranopia-color-primary-on-700": "#fefafd",
+        "--sl-vision-deuteranopia-color-primary-on-800": "#fefafd",
+        "--sl-vision-deuteranopia-color-primary-on-900": "#fefafd",
+        "--sl-vision-deuteranopia-color-primary-on-1000": "#fefafd",
+        "--sl-vision-deuteranopia-color-secondary-50": "#f9fcfd",
+        "--sl-vision-deuteranopia-color-secondary-75": "#eef6fa",
+        "--sl-vision-deuteranopia-color-secondary-100": "#deeff5",
+        "--sl-vision-deuteranopia-color-secondary-200": "#b0d8e7",
+        "--sl-vision-deuteranopia-color-secondary-300": "#8fbdce",
+        "--sl-vision-deuteranopia-color-secondary-400": "#6b9cae",
+        "--sl-vision-deuteranopia-color-secondary-500": "#487d91",
+        "--sl-vision-deuteranopia-color-secondary-600": "#32687c",
+        "--sl-vision-deuteranopia-color-secondary-700": "#285768",
+        "--sl-vision-deuteranopia-color-secondary-800": "#1d414f",
+        "--sl-vision-deuteranopia-color-secondary-900": "#122d37",
+        "--sl-vision-deuteranopia-color-secondary-1000": "#071920",
+        "--sl-vision-deuteranopia-color-secondary-on-50": "#071920",
+        "--sl-vision-deuteranopia-color-secondary-on-75": "#071920",
+        "--sl-vision-deuteranopia-color-secondary-on-100": "#071920",
+        "--sl-vision-deuteranopia-color-secondary-on-200": "#071920",
+        "--sl-vision-deuteranopia-color-secondary-on-300": "#071920",
+        "--sl-vision-deuteranopia-color-secondary-on-400": "#071920",
+        "--sl-vision-deuteranopia-color-secondary-on-600": "#f9fcfd",
+        "--sl-vision-deuteranopia-color-secondary-on-700": "#f9fcfd",
+        "--sl-vision-deuteranopia-color-secondary-on-800": "#f9fcfd",
+        "--sl-vision-deuteranopia-color-secondary-on-900": "#f9fcfd",
+        "--sl-vision-deuteranopia-color-secondary-on-1000": "#f9fcfd",
+        "--sl-vision-deuteranopia-color-tertiary-50": "#fdfcef",
+        "--sl-vision-deuteranopia-color-tertiary-75": "#f8f7d5",
+        "--sl-vision-deuteranopia-color-tertiary-100": "#f1eec7",
+        "--sl-vision-deuteranopia-color-tertiary-200": "#dbd3a2",
+        "--sl-vision-deuteranopia-color-tertiary-300": "#beb78c",
+        "--sl-vision-deuteranopia-color-tertiary-400": "#9b9672",
+        "--sl-vision-deuteranopia-color-tertiary-500": "#7c775a",
+        "--sl-vision-deuteranopia-color-tertiary-600": "#66624a",
+        "--sl-vision-deuteranopia-color-tertiary-700": "#55513d",
+        "--sl-vision-deuteranopia-color-tertiary-800": "#403d2d",
+        "--sl-vision-deuteranopia-color-tertiary-900": "#2c2a1e",
+        "--sl-vision-deuteranopia-color-tertiary-on-600": "#fdfcef",
+        "--sl-vision-deuteranopia-color-tertiary-on-700": "#fdfcef",
+        "--sl-vision-deuteranopia-color-tertiary-on-800": "#fdfcef",
+        "--sl-vision-deuteranopia-color-tertiary-on-900": "#fdfcef",
+        "--sl-vision-deuteranopia-color-tertiary-on-1000": "#fdfcef",
+        "--sl-vision-deuteranopia-color-quaternary-50": "#f3fef9",
+        "--sl-vision-deuteranopia-color-quaternary-75": "#defbef",
+        "--sl-vision-deuteranopia-color-quaternary-100": "#caf5e1",
+        "--sl-vision-deuteranopia-color-quaternary-200": "#93e3b6",
+        "--sl-vision-deuteranopia-color-quaternary-300": "#77c699",
+        "--sl-vision-deuteranopia-color-quaternary-400": "#5ba37a",
+        "--sl-vision-deuteranopia-color-quaternary-500": "#488261",
+        "--sl-vision-deuteranopia-color-quaternary-600": "#3a6c50",
+        "--sl-vision-deuteranopia-color-quaternary-700": "#2f5941",
+        "--sl-vision-deuteranopia-color-quaternary-800": "#224331",
+        "--sl-vision-deuteranopia-color-quaternary-900": "#162e20",
+        "--sl-vision-deuteranopia-color-quaternary-1000": "#0a1a11",
+        "--sl-vision-deuteranopia-color-quaternary-on-50": "#0a1a11",
+        "--sl-vision-deuteranopia-color-quaternary-on-75": "#0a1a11",
+        "--sl-vision-deuteranopia-color-quaternary-on-100": "#0a1a11",
+        "--sl-vision-deuteranopia-color-quaternary-on-200": "#0a1a11",
+        "--sl-vision-deuteranopia-color-quaternary-on-300": "#0a1a11",
+        "--sl-vision-deuteranopia-color-quaternary-on-400": "#0a1a11",
+        "--sl-vision-deuteranopia-color-quaternary-on-600": "#f3fef9",
+        "--sl-vision-deuteranopia-color-quaternary-on-700": "#f3fef9",
+        "--sl-vision-deuteranopia-color-quaternary-on-800": "#f3fef9",
+        "--sl-vision-deuteranopia-color-quaternary-on-900": "#f3fef9",
+        "--sl-vision-deuteranopia-color-quaternary-on-1000": "#f3fef9",
+        "--sl-vision-deuteranopia-color-success-50": "#fafcfa",
+        "--sl-vision-deuteranopia-color-success-75": "#f1f6f2",
+        "--sl-vision-deuteranopia-color-success-100": "#e4efe6",
+        "--sl-vision-deuteranopia-color-success-200": "#bed8c4",
+        "--sl-vision-deuteranopia-color-success-300": "#96c0a0",
+        "--sl-vision-deuteranopia-color-success-400": "#62a275",
+        "--sl-vision-deuteranopia-color-success-500": "#4d825c",
+        "--sl-vision-deuteranopia-color-success-600": "#3f6b4c",
+        "--sl-vision-deuteranopia-color-success-700": "#33593e",
+        "--sl-vision-deuteranopia-color-success-800": "#25432e",
+        "--sl-vision-deuteranopia-color-success-900": "#182e1f",
+        "--sl-vision-deuteranopia-color-success-1000": "#0b1a10",
+        "--sl-vision-deuteranopia-color-success-on-50": "#0b1a10",
+        "--sl-vision-deuteranopia-color-success-on-75": "#0b1a10",
+        "--sl-vision-deuteranopia-color-success-on-100": "#0b1a10",
+        "--sl-vision-deuteranopia-color-success-on-200": "#0b1a10",
+        "--sl-vision-deuteranopia-color-success-on-300": "#0b1a10",
+        "--sl-vision-deuteranopia-color-success-on-400": "#0b1a10",
+        "--sl-vision-deuteranopia-color-success-on-600": "#fafcfa",
+        "--sl-vision-deuteranopia-color-success-on-700": "#fafcfa",
+        "--sl-vision-deuteranopia-color-success-on-800": "#fafcfa",
+        "--sl-vision-deuteranopia-color-success-on-900": "#fafcfa",
+        "--sl-vision-deuteranopia-color-success-on-1000": "#fafcfa",
+        "--sl-vision-deuteranopia-color-warning-75": "#fbf4e5",
+        "--sl-vision-deuteranopia-color-warning-100": "#f7ebcf",
+        "--sl-vision-deuteranopia-color-warning-200": "#edcf8a",
+        "--sl-vision-deuteranopia-color-warning-300": "#dfb029",
+        "--sl-vision-deuteranopia-color-warning-400": "#b78f1f",
+        "--sl-vision-deuteranopia-color-warning-500": "#937217",
+        "--sl-vision-deuteranopia-color-warning-600": "#7a5e11",
+        "--sl-vision-deuteranopia-color-warning-700": "#654e0d",
+        "--sl-vision-deuteranopia-color-warning-800": "#4d3a07",
+        "--sl-vision-deuteranopia-color-warning-900": "#352804",
+        "--sl-vision-deuteranopia-color-warning-1000": "#1f1601",
+        "--sl-vision-deuteranopia-color-warning-on-50": "#1f1601",
+        "--sl-vision-deuteranopia-color-warning-on-75": "#1f1601",
+        "--sl-vision-deuteranopia-color-warning-on-100": "#1f1601",
+        "--sl-vision-deuteranopia-color-warning-on-200": "#1f1601",
+        "--sl-vision-deuteranopia-color-warning-on-300": "#1f1601",
+        "--sl-vision-deuteranopia-color-warning-on-400": "#1f1601",
+        "--sl-vision-deuteranopia-color-error-75": "#fff2f0",
+        "--sl-vision-deuteranopia-color-error-100": "#ffe7e3",
+        "--sl-vision-deuteranopia-color-error-200": "#ffc4bb",
+        "--sl-vision-deuteranopia-color-error-300": "#fd9d8e",
+        "--sl-vision-deuteranopia-color-error-400": "#f46857",
+        "--sl-vision-deuteranopia-color-error-500": "#e72117",
+        "--sl-vision-deuteranopia-color-error-600": "#c70000",
+        "--sl-vision-deuteranopia-color-error-700": "#a70000",
+        "--sl-vision-deuteranopia-color-error-800": "#800000",
+        "--sl-vision-deuteranopia-color-error-900": "#5c0000",
+        "--sl-vision-deuteranopia-color-error-1000": "#380000",
+        "--sl-vision-deuteranopia-color-error-on-50": "#380000",
+        "--sl-vision-deuteranopia-color-error-on-75": "#380000",
+        "--sl-vision-deuteranopia-color-error-on-100": "#380000",
+        "--sl-vision-deuteranopia-color-error-on-200": "#380000",
+        "--sl-vision-deuteranopia-color-error-on-300": "#380000",
+        "--sl-vision-deuteranopia-color-error-on-400": "#380000",
+        "--sl-vision-deuteranopia-color-info-50": "#f9fbff",
+        "--sl-vision-deuteranopia-color-info-75": "#f0f5fe",
+        "--sl-vision-deuteranopia-color-info-100": "#e2edfd",
+        "--sl-vision-deuteranopia-color-info-200": "#bbd3fa",
+        "--sl-vision-deuteranopia-color-info-300": "#91b8f5",
+        "--sl-vision-deuteranopia-color-info-400": "#5e95ed",
+        "--sl-vision-deuteranopia-color-info-500": "#2973e3",
+        "--sl-vision-deuteranopia-color-info-600": "#145dc8",
+        "--sl-vision-deuteranopia-color-info-700": "#0f4da8",
+        "--sl-vision-deuteranopia-color-info-800": "#093a80",
+        "--sl-vision-deuteranopia-color-info-900": "#04275c",
+        "--sl-vision-deuteranopia-color-info-1000": "#021539",
+        "--sl-vision-deuteranopia-color-info-on-50": "#021539",
+        "--sl-vision-deuteranopia-color-info-on-75": "#021539",
+        "--sl-vision-deuteranopia-color-info-on-100": "#021539",
+        "--sl-vision-deuteranopia-color-info-on-200": "#021539",
+        "--sl-vision-deuteranopia-color-info-on-300": "#021539",
+        "--sl-vision-deuteranopia-color-info-on-400": "#021539",
+        "--sl-vision-deuteranopia-color-info-on-600": "#f9fbff",
+        "--sl-vision-deuteranopia-color-info-on-700": "#f9fbff",
+        "--sl-vision-deuteranopia-color-info-on-800": "#f9fbff",
+        "--sl-vision-deuteranopia-color-info-on-900": "#f9fbff",
+        "--sl-vision-deuteranopia-color-info-on-1000": "#f9fbff",
+        "--sl-vision-deuteranopia-color-data-1": "#346ea3",
+        "--sl-vision-deuteranopia-color-data-2": "#eb7a44",
+        "--sl-vision-deuteranopia-color-data-3": "#5ba37a",
+        "--sl-vision-deuteranopia-color-data-4": "#f1c54b",
+        "--sl-vision-deuteranopia-color-data-5": "#608b99",
+        "--sl-vision-deuteranopia-color-data-6": "#f51d2f",
+        "--sl-vision-deuteranopia-color-data-7": "#6e6266",
+        "--sl-vision-deuteranopia-color-data-8": "#d00459",
+        "--sl-vision-deuteranopia-color-data-9": "#bb529e",
+        "--sl-vision-deuteranopia-color-data-10": "#b97350",
+        "--sl-vision-deuteranopia-color-data-11": "#70ace4",
+        "--sl-vision-deuteranopia-color-data-12": "#ba848e",
+        "--sl-vision-deuteranopia-color-data-13": "#6bb762",
+        "--sl-vision-deuteranopia-color-data-14": "#7e7453",
+        "--sl-vision-deuteranopia-color-data-15": "#a2d3e8",
+        "--sl-vision-deuteranopia-color-data-16": "#f5807a",
+        "--sl-vision-deuteranopia-color-data-17": "#9b9798",
+        "--sl-vision-deuteranopia-color-data-18": "#a878ae",
+        "--sl-vision-deuteranopia-color-data-19": "#f3a1dd",
+        "--sl-vision-deuteranopia-color-data-20": "#f0c5af",
+        "--sl-vision-deuteranopia-color-data-blue": "#346ea3",
+        "--sl-vision-deuteranopia-color-data-orange": "#eb7a44",
+        "--sl-vision-deuteranopia-color-data-green": "#5ba37a",
+        "--sl-vision-deuteranopia-color-data-gold": "#f1c54b",
+        "--sl-vision-deuteranopia-color-data-slate": "#608b99",
+        "--sl-vision-deuteranopia-color-data-red": "#f51d2f",
+        "--sl-vision-deuteranopia-color-data-taupe": "#6e6266",
+        "--sl-vision-deuteranopia-color-data-rose": "#d00459",
+        "--sl-vision-deuteranopia-color-data-magenta": "#bb529e",
+        "--sl-vision-deuteranopia-color-data-brown": "#b97350",
+        "--sl-vision-deuteranopia-color-data-sky": "#70ace4",
+        "--sl-vision-deuteranopia-color-data-peach": "#ba848e",
+        "--sl-vision-deuteranopia-color-data-mint": "#6bb762",
+        "--sl-vision-deuteranopia-color-data-sand": "#7e7453",
+        "--sl-vision-deuteranopia-color-data-ice": "#a2d3e8",
+        "--sl-vision-deuteranopia-color-data-salmon": "#f5807a",
+        "--sl-vision-deuteranopia-color-data-stone": "#9b9798",
+        "--sl-vision-deuteranopia-color-data-pink": "#a878ae",
+        "--sl-vision-deuteranopia-color-data-orchid": "#f3a1dd",
+        "--sl-vision-deuteranopia-color-data-tan": "#f0c5af",
+        "--sl-vision-protanopia-color-primary-50": "#fffafb",
+        "--sl-vision-protanopia-color-primary-75": "#fff2f4",
+        "--sl-vision-protanopia-color-primary-100": "#fddde4",
+        "--sl-vision-protanopia-color-primary-200": "#f6c6d0",
+        "--sl-vision-protanopia-color-primary-300": "#e38ea2",
+        "--sl-vision-protanopia-color-primary-400": "#c17989",
+        "--sl-vision-protanopia-color-primary-500": "#a26573",
+        "--sl-vision-protanopia-color-primary-600": "#86535f",
+        "--sl-vision-protanopia-color-primary-700": "#70454f",
+        "--sl-vision-protanopia-color-primary-800": "#54343b",
+        "--sl-vision-protanopia-color-primary-900": "#3b2329",
+        "--sl-vision-protanopia-color-primary-1000": "#2b191d",
+        "--sl-vision-protanopia-color-primary-on-50": "#2b191d",
+        "--sl-vision-protanopia-color-primary-on-75": "#2b191d",
+        "--sl-vision-protanopia-color-primary-on-100": "#2b191d",
+        "--sl-vision-protanopia-color-primary-on-200": "#2b191d",
+        "--sl-vision-protanopia-color-primary-on-300": "#2b191d",
+        "--sl-vision-protanopia-color-primary-on-400": "#2b191d",
+        "--sl-vision-protanopia-color-primary-on-600": "#fffafb",
+        "--sl-vision-protanopia-color-primary-on-700": "#fffafb",
+        "--sl-vision-protanopia-color-primary-on-800": "#fffafb",
+        "--sl-vision-protanopia-color-primary-on-900": "#fffafb",
+        "--sl-vision-protanopia-color-primary-on-1000": "#fffafb",
+        "--sl-vision-protanopia-color-secondary-50": "#f9fcfd",
+        "--sl-vision-protanopia-color-secondary-75": "#eef6fa",
+        "--sl-vision-protanopia-color-secondary-100": "#deeff5",
+        "--sl-vision-protanopia-color-secondary-200": "#b0d8e7",
+        "--sl-vision-protanopia-color-secondary-300": "#8fbdce",
+        "--sl-vision-protanopia-color-secondary-400": "#6b9cae",
+        "--sl-vision-protanopia-color-secondary-500": "#487d91",
+        "--sl-vision-protanopia-color-secondary-600": "#32687c",
+        "--sl-vision-protanopia-color-secondary-700": "#285768",
+        "--sl-vision-protanopia-color-secondary-800": "#1d414f",
+        "--sl-vision-protanopia-color-secondary-900": "#122d37",
+        "--sl-vision-protanopia-color-secondary-1000": "#071920",
+        "--sl-vision-protanopia-color-secondary-on-50": "#071920",
+        "--sl-vision-protanopia-color-secondary-on-75": "#071920",
+        "--sl-vision-protanopia-color-secondary-on-100": "#071920",
+        "--sl-vision-protanopia-color-secondary-on-200": "#071920",
+        "--sl-vision-protanopia-color-secondary-on-300": "#071920",
+        "--sl-vision-protanopia-color-secondary-on-400": "#071920",
+        "--sl-vision-protanopia-color-secondary-on-600": "#f9fcfd",
+        "--sl-vision-protanopia-color-secondary-on-700": "#f9fcfd",
+        "--sl-vision-protanopia-color-secondary-on-800": "#f9fcfd",
+        "--sl-vision-protanopia-color-secondary-on-900": "#f9fcfd",
+        "--sl-vision-protanopia-color-secondary-on-1000": "#f9fcfd",
+        "--sl-vision-protanopia-color-tertiary-50": "#f6fef0",
+        "--sl-vision-protanopia-color-tertiary-75": "#eafadc",
+        "--sl-vision-protanopia-color-tertiary-100": "#e0f2ce",
+        "--sl-vision-protanopia-color-tertiary-200": "#c6d8aa",
+        "--sl-vision-protanopia-color-tertiary-300": "#acbc94",
+        "--sl-vision-protanopia-color-tertiary-400": "#8c9978",
+        "--sl-vision-protanopia-color-tertiary-500": "#707a5f",
+        "--sl-vision-protanopia-color-tertiary-600": "#5c654e",
+        "--sl-vision-protanopia-color-tertiary-700": "#4c5440",
+        "--sl-vision-protanopia-color-tertiary-800": "#393f30",
+        "--sl-vision-protanopia-color-tertiary-900": "#272b20",
+        "--sl-vision-protanopia-color-tertiary-1000": "#151811",
+        "--sl-vision-protanopia-color-tertiary-on-50": "#151811",
+        "--sl-vision-protanopia-color-tertiary-on-75": "#151811",
+        "--sl-vision-protanopia-color-tertiary-on-100": "#151811",
+        "--sl-vision-protanopia-color-tertiary-on-200": "#151811",
+        "--sl-vision-protanopia-color-tertiary-on-300": "#151811",
+        "--sl-vision-protanopia-color-tertiary-on-400": "#151811",
+        "--sl-vision-protanopia-color-tertiary-on-600": "#f6fef0",
+        "--sl-vision-protanopia-color-tertiary-on-700": "#f6fef0",
+        "--sl-vision-protanopia-color-tertiary-on-800": "#f6fef0",
+        "--sl-vision-protanopia-color-tertiary-on-900": "#f6fef0",
+        "--sl-vision-protanopia-color-tertiary-on-1000": "#f6fef0",
+        "--sl-vision-protanopia-color-quaternary-50": "#f3fef9",
+        "--sl-vision-protanopia-color-quaternary-75": "#defbef",
+        "--sl-vision-protanopia-color-quaternary-100": "#caf5e1",
+        "--sl-vision-protanopia-color-quaternary-200": "#93e3b6",
+        "--sl-vision-protanopia-color-quaternary-300": "#77c699",
+        "--sl-vision-protanopia-color-quaternary-400": "#5ba37a",
+        "--sl-vision-protanopia-color-quaternary-500": "#488261",
+        "--sl-vision-protanopia-color-quaternary-600": "#3a6c50",
+        "--sl-vision-protanopia-color-quaternary-700": "#2f5941",
+        "--sl-vision-protanopia-color-quaternary-800": "#224331",
+        "--sl-vision-protanopia-color-quaternary-900": "#162e20",
+        "--sl-vision-protanopia-color-quaternary-1000": "#0a1a11",
+        "--sl-vision-protanopia-color-quaternary-on-50": "#0a1a11",
+        "--sl-vision-protanopia-color-quaternary-on-75": "#0a1a11",
+        "--sl-vision-protanopia-color-quaternary-on-100": "#0a1a11",
+        "--sl-vision-protanopia-color-quaternary-on-200": "#0a1a11",
+        "--sl-vision-protanopia-color-quaternary-on-300": "#0a1a11",
+        "--sl-vision-protanopia-color-quaternary-on-400": "#0a1a11",
+        "--sl-vision-protanopia-color-quaternary-on-600": "#f3fef9",
+        "--sl-vision-protanopia-color-quaternary-on-700": "#f3fef9",
+        "--sl-vision-protanopia-color-quaternary-on-800": "#f3fef9",
+        "--sl-vision-protanopia-color-quaternary-on-900": "#f3fef9",
+        "--sl-vision-protanopia-color-quaternary-on-1000": "#f3fef9",
+        "--sl-vision-protanopia-color-success-50": "#fafcfa",
+        "--sl-vision-protanopia-color-success-75": "#f2f6f1",
+        "--sl-vision-protanopia-color-success-100": "#e7eee4",
+        "--sl-vision-protanopia-color-success-200": "#c5d7be",
+        "--sl-vision-protanopia-color-success-300": "#a2be96",
+        "--sl-vision-protanopia-color-success-400": "#76a066",
+        "--sl-vision-protanopia-color-success-500": "#5d804f",
+        "--sl-vision-protanopia-color-success-600": "#4c6941",
+        "--sl-vision-protanopia-color-success-700": "#3f5735",
+        "--sl-vision-protanopia-color-success-800": "#2f4227",
+        "--sl-vision-protanopia-color-success-900": "#1f2d19",
+        "--sl-vision-protanopia-color-success-1000": "#10190c",
+        "--sl-vision-protanopia-color-success-on-50": "#10190c",
+        "--sl-vision-protanopia-color-success-on-75": "#10190c",
+        "--sl-vision-protanopia-color-success-on-100": "#10190c",
+        "--sl-vision-protanopia-color-success-on-200": "#10190c",
+        "--sl-vision-protanopia-color-success-on-300": "#10190c",
+        "--sl-vision-protanopia-color-success-on-400": "#10190c",
+        "--sl-vision-protanopia-color-success-on-600": "#fafcfa",
+        "--sl-vision-protanopia-color-success-on-700": "#fafcfa",
+        "--sl-vision-protanopia-color-success-on-800": "#fafcfa",
+        "--sl-vision-protanopia-color-success-on-900": "#fafcfa",
+        "--sl-vision-protanopia-color-success-on-1000": "#fafcfa",
+        "--sl-vision-protanopia-color-warning-50": "#fafcf7",
+        "--sl-vision-protanopia-color-warning-75": "#f0f7e7",
+        "--sl-vision-protanopia-color-warning-100": "#e3f1d3",
+        "--sl-vision-protanopia-color-warning-200": "#bedc95",
+        "--sl-vision-protanopia-color-warning-300": "#99c456",
+        "--sl-vision-protanopia-color-warning-400": "#7da045",
+        "--sl-vision-protanopia-color-warning-500": "#637f35",
+        "--sl-vision-protanopia-color-warning-600": "#51692b",
+        "--sl-vision-protanopia-color-warning-700": "#435722",
+        "--sl-vision-protanopia-color-warning-800": "#324218",
+        "--sl-vision-protanopia-color-warning-900": "#212d0e",
+        "--sl-vision-protanopia-color-warning-1000": "#111906",
+        "--sl-vision-protanopia-color-warning-on-50": "#111906",
+        "--sl-vision-protanopia-color-warning-on-75": "#111906",
+        "--sl-vision-protanopia-color-warning-on-100": "#111906",
+        "--sl-vision-protanopia-color-warning-on-200": "#111906",
+        "--sl-vision-protanopia-color-warning-on-300": "#111906",
+        "--sl-vision-protanopia-color-warning-on-400": "#111906",
+        "--sl-vision-protanopia-color-warning-on-600": "#fafcf7",
+        "--sl-vision-protanopia-color-warning-on-700": "#fafcf7",
+        "--sl-vision-protanopia-color-warning-on-800": "#fafcf7",
+        "--sl-vision-protanopia-color-warning-on-900": "#fafcf7",
+        "--sl-vision-protanopia-color-warning-on-1000": "#fafcf7",
+        "--sl-vision-protanopia-color-error-200": "#ffc4bb",
+        "--sl-vision-protanopia-color-error-300": "#fd9d8e",
+        "--sl-vision-protanopia-color-error-400": "#f46857",
+        "--sl-vision-protanopia-color-error-500": "#e72117",
+        "--sl-vision-protanopia-color-error-600": "#c70000",
+        "--sl-vision-protanopia-color-error-700": "#a70000",
+        "--sl-vision-protanopia-color-error-800": "#800000",
+        "--sl-vision-protanopia-color-error-900": "#5c0000",
+        "--sl-vision-protanopia-color-error-1000": "#380000",
+        "--sl-vision-protanopia-color-error-on-50": "#380000",
+        "--sl-vision-protanopia-color-error-on-75": "#380000",
+        "--sl-vision-protanopia-color-error-on-100": "#380000",
+        "--sl-vision-protanopia-color-error-on-200": "#380000",
+        "--sl-vision-protanopia-color-error-on-300": "#380000",
+        "--sl-vision-protanopia-color-error-on-400": "#380000",
+        "--sl-vision-protanopia-color-info-50": "#f9fbff",
+        "--sl-vision-protanopia-color-info-75": "#f0f5fe",
+        "--sl-vision-protanopia-color-info-100": "#e2edfd",
+        "--sl-vision-protanopia-color-info-200": "#bbd3fa",
+        "--sl-vision-protanopia-color-info-300": "#91b8f5",
+        "--sl-vision-protanopia-color-info-400": "#5e95ed",
+        "--sl-vision-protanopia-color-info-500": "#2973e3",
+        "--sl-vision-protanopia-color-info-600": "#145dc8",
+        "--sl-vision-protanopia-color-info-700": "#0f4da8",
+        "--sl-vision-protanopia-color-info-800": "#093a80",
+        "--sl-vision-protanopia-color-info-900": "#04275c",
+        "--sl-vision-protanopia-color-info-1000": "#021539",
+        "--sl-vision-protanopia-color-info-on-50": "#021539",
+        "--sl-vision-protanopia-color-info-on-75": "#021539",
+        "--sl-vision-protanopia-color-info-on-100": "#021539",
+        "--sl-vision-protanopia-color-info-on-200": "#021539",
+        "--sl-vision-protanopia-color-info-on-300": "#021539",
+        "--sl-vision-protanopia-color-info-on-400": "#021539",
+        "--sl-vision-protanopia-color-info-on-600": "#f9fbff",
+        "--sl-vision-protanopia-color-info-on-700": "#f9fbff",
+        "--sl-vision-protanopia-color-info-on-800": "#f9fbff",
+        "--sl-vision-protanopia-color-info-on-900": "#f9fbff",
+        "--sl-vision-protanopia-color-info-on-1000": "#f9fbff",
+        "--sl-vision-protanopia-color-data-1": "#346ea3",
+        "--sl-vision-protanopia-color-data-2": "#f5722e",
+        "--sl-vision-protanopia-color-data-3": "#5ba37a",
+        "--sl-vision-protanopia-color-data-4": "#f1c54b",
+        "--sl-vision-protanopia-color-data-5": "#628da3",
+        "--sl-vision-protanopia-color-data-6": "#fd2a36",
+        "--sl-vision-protanopia-color-data-7": "#32242c",
+        "--sl-vision-protanopia-color-data-8": "#e15a6a",
+        "--sl-vision-protanopia-color-data-9": "#bb529e",
+        "--sl-vision-protanopia-color-data-10": "#b97350",
+        "--sl-vision-protanopia-color-data-11": "#70ace4",
+        "--sl-vision-protanopia-color-data-12": "#e59c54",
+        "--sl-vision-protanopia-color-data-13": "#53c4ae",
+        "--sl-vision-protanopia-color-data-14": "#e8d5a1",
+        "--sl-vision-protanopia-color-data-15": "#9ed3ee",
+        "--sl-vision-protanopia-color-data-16": "#fd787c",
+        "--sl-vision-protanopia-color-data-17": "#686566",
+        "--sl-vision-protanopia-color-data-18": "#c37c98",
+        "--sl-vision-protanopia-color-data-19": "#f3a1dd",
+        "--sl-vision-protanopia-color-data-20": "#f0c5af",
+        "--sl-vision-protanopia-color-data-blue": "#346ea3",
+        "--sl-vision-protanopia-color-data-orange": "#f5722e",
+        "--sl-vision-protanopia-color-data-green": "#5ba37a",
+        "--sl-vision-protanopia-color-data-gold": "#f1c54b",
+        "--sl-vision-protanopia-color-data-slate": "#628da3",
+        "--sl-vision-protanopia-color-data-red": "#fd2a36",
+        "--sl-vision-protanopia-color-data-taupe": "#32242c",
+        "--sl-vision-protanopia-color-data-rose": "#e15a6a",
+        "--sl-vision-protanopia-color-data-magenta": "#bb529e",
+        "--sl-vision-protanopia-color-data-brown": "#b97350",
+        "--sl-vision-protanopia-color-data-sky": "#70ace4",
+        "--sl-vision-protanopia-color-data-peach": "#e59c54",
+        "--sl-vision-protanopia-color-data-mint": "#53c4ae",
+        "--sl-vision-protanopia-color-data-sand": "#e8d5a1",
+        "--sl-vision-protanopia-color-data-ice": "#9ed3ee",
+        "--sl-vision-protanopia-color-data-salmon": "#fd787c",
+        "--sl-vision-protanopia-color-data-stone": "#686566",
+        "--sl-vision-protanopia-color-data-pink": "#c37c98",
+        "--sl-vision-protanopia-color-data-orchid": "#f3a1dd",
+        "--sl-vision-protanopia-color-data-tan": "#f0c5af",
+        "--sl-vision-tritanopia-color-primary-50": "#fffaf9",
+        "--sl-vision-tritanopia-color-primary-75": "#fff2ef",
+        "--sl-vision-tritanopia-color-primary-100": "#fedfd7",
+        "--sl-vision-tritanopia-color-primary-200": "#f7c7bb",
+        "--sl-vision-tritanopia-color-primary-300": "#e5927d",
+        "--sl-vision-tritanopia-color-primary-400": "#c37c6a",
+        "--sl-vision-tritanopia-color-primary-500": "#a36759",
+        "--sl-vision-tritanopia-color-primary-600": "#875549",
+        "--sl-vision-tritanopia-color-primary-700": "#70463c",
+        "--sl-vision-tritanopia-color-primary-800": "#54352d",
+        "--sl-vision-tritanopia-color-primary-900": "#3b241f",
+        "--sl-vision-tritanopia-color-primary-1000": "#2b1a16",
+        "--sl-vision-tritanopia-color-primary-on-50": "#2b1a16",
+        "--sl-vision-tritanopia-color-primary-on-75": "#2b1a16",
+        "--sl-vision-tritanopia-color-primary-on-100": "#2b1a16",
+        "--sl-vision-tritanopia-color-primary-on-200": "#2b1a16",
+        "--sl-vision-tritanopia-color-primary-on-300": "#2b1a16",
+        "--sl-vision-tritanopia-color-primary-on-400": "#2b1a16",
+        "--sl-vision-tritanopia-color-primary-on-600": "#fffaf9",
+        "--sl-vision-tritanopia-color-primary-on-700": "#fffaf9",
+        "--sl-vision-tritanopia-color-primary-on-800": "#fffaf9",
+        "--sl-vision-tritanopia-color-primary-on-900": "#fffaf9",
+        "--sl-vision-tritanopia-color-primary-on-1000": "#fffaf9",
+        "--sl-vision-tritanopia-color-secondary-50": "#f9fcfd",
+        "--sl-vision-tritanopia-color-secondary-75": "#eef6fa",
+        "--sl-vision-tritanopia-color-secondary-100": "#deeef6",
+        "--sl-vision-tritanopia-color-secondary-200": "#b2d8e9",
+        "--sl-vision-tritanopia-color-secondary-300": "#91bcd0",
+        "--sl-vision-tritanopia-color-secondary-400": "#6d9bb1",
+        "--sl-vision-tritanopia-color-secondary-500": "#4c7d93",
+        "--sl-vision-tritanopia-color-secondary-600": "#35687f",
+        "--sl-vision-tritanopia-color-secondary-700": "#2b566a",
+        "--sl-vision-tritanopia-color-secondary-800": "#1f4150",
+        "--sl-vision-tritanopia-color-secondary-900": "#132d38",
+        "--sl-vision-tritanopia-color-secondary-1000": "#081921",
+        "--sl-vision-tritanopia-color-secondary-on-50": "#081921",
+        "--sl-vision-tritanopia-color-secondary-on-75": "#081921",
+        "--sl-vision-tritanopia-color-secondary-on-100": "#081921",
+        "--sl-vision-tritanopia-color-secondary-on-200": "#081921",
+        "--sl-vision-tritanopia-color-secondary-on-300": "#081921",
+        "--sl-vision-tritanopia-color-secondary-on-400": "#081921",
+        "--sl-vision-tritanopia-color-secondary-on-600": "#f9fcfd",
+        "--sl-vision-tritanopia-color-secondary-on-700": "#f9fcfd",
+        "--sl-vision-tritanopia-color-secondary-on-800": "#f9fcfd",
+        "--sl-vision-tritanopia-color-secondary-on-900": "#f9fcfd",
+        "--sl-vision-tritanopia-color-secondary-on-1000": "#f9fcfd",
+        "--sl-vision-tritanopia-color-tertiary-50": "#fffbed",
+        "--sl-vision-tritanopia-color-tertiary-75": "#fef5d5",
+        "--sl-vision-tritanopia-color-tertiary-100": "#f7ecc7",
+        "--sl-vision-tritanopia-color-tertiary-200": "#e2d1a1",
+        "--sl-vision-tritanopia-color-tertiary-300": "#c5b58c",
+        "--sl-vision-tritanopia-color-tertiary-400": "#a19472",
+        "--sl-vision-tritanopia-color-tertiary-500": "#80765a",
+        "--sl-vision-tritanopia-color-tertiary-600": "#6a614a",
+        "--sl-vision-tritanopia-color-tertiary-700": "#58503c",
+        "--sl-vision-tritanopia-color-tertiary-800": "#423c2d",
+        "--sl-vision-tritanopia-color-tertiary-900": "#2e291e",
+        "--sl-vision-tritanopia-color-tertiary-1000": "#1a170f",
+        "--sl-vision-tritanopia-color-tertiary-on-50": "#1a170f",
+        "--sl-vision-tritanopia-color-tertiary-on-75": "#1a170f",
+        "--sl-vision-tritanopia-color-tertiary-on-100": "#1a170f",
+        "--sl-vision-tritanopia-color-tertiary-on-200": "#1a170f",
+        "--sl-vision-tritanopia-color-tertiary-on-300": "#1a170f",
+        "--sl-vision-tritanopia-color-tertiary-on-400": "#1a170f",
+        "--sl-vision-tritanopia-color-tertiary-on-600": "#fffbed",
+        "--sl-vision-tritanopia-color-tertiary-on-700": "#fffbed",
+        "--sl-vision-tritanopia-color-tertiary-on-800": "#fffbed",
+        "--sl-vision-tritanopia-color-tertiary-on-900": "#fffbed",
+        "--sl-vision-tritanopia-color-tertiary-on-1000": "#fffbed",
+        "--sl-vision-tritanopia-color-quaternary-50": "#f3fef9",
+        "--sl-vision-tritanopia-color-quaternary-75": "#defbef",
+        "--sl-vision-tritanopia-color-quaternary-100": "#caf5e1",
+        "--sl-vision-tritanopia-color-quaternary-200": "#93e3b6",
+        "--sl-vision-tritanopia-color-quaternary-300": "#77c699",
+        "--sl-vision-tritanopia-color-quaternary-400": "#5ba37a",
+        "--sl-vision-tritanopia-color-quaternary-500": "#488261",
+        "--sl-vision-tritanopia-color-quaternary-600": "#3a6c50",
+        "--sl-vision-tritanopia-color-quaternary-700": "#2f5941",
+        "--sl-vision-tritanopia-color-quaternary-800": "#224331",
+        "--sl-vision-tritanopia-color-quaternary-900": "#162e20",
+        "--sl-vision-tritanopia-color-quaternary-1000": "#0a1a11",
+        "--sl-vision-tritanopia-color-quaternary-on-50": "#0a1a11",
+        "--sl-vision-tritanopia-color-quaternary-on-75": "#0a1a11",
+        "--sl-vision-tritanopia-color-quaternary-on-100": "#0a1a11",
+        "--sl-vision-tritanopia-color-quaternary-on-200": "#0a1a11",
+        "--sl-vision-tritanopia-color-quaternary-on-300": "#0a1a11",
+        "--sl-vision-tritanopia-color-quaternary-on-400": "#0a1a11",
+        "--sl-vision-tritanopia-color-quaternary-on-600": "#f3fef9",
+        "--sl-vision-tritanopia-color-quaternary-on-700": "#f3fef9",
+        "--sl-vision-tritanopia-color-quaternary-on-800": "#f3fef9",
+        "--sl-vision-tritanopia-color-quaternary-on-900": "#f3fef9",
+        "--sl-vision-tritanopia-color-quaternary-on-1000": "#f3fef9",
+        "--sl-vision-tritanopia-color-success-50": "#fbfbf9",
+        "--sl-vision-tritanopia-color-success-75": "#f3f6ef",
+        "--sl-vision-tritanopia-color-success-100": "#e9eee2",
+        "--sl-vision-tritanopia-color-success-200": "#ccd6ba",
+        "--sl-vision-tritanopia-color-success-300": "#aebc8f",
+        "--sl-vision-tritanopia-color-success-400": "#899c59",
+        "--sl-vision-tritanopia-color-success-500": "#6c7d45",
+        "--sl-vision-tritanopia-color-success-600": "#596738",
+        "--sl-vision-tritanopia-color-success-700": "#4a552d",
+        "--sl-vision-tritanopia-color-success-800": "#374021",
+        "--sl-vision-tritanopia-color-success-900": "#262c15",
+        "--sl-vision-tritanopia-color-success-1000": "#141909",
+        "--sl-vision-tritanopia-color-success-on-50": "#141909",
+        "--sl-vision-tritanopia-color-success-on-75": "#141909",
+        "--sl-vision-tritanopia-color-success-on-100": "#141909",
+        "--sl-vision-tritanopia-color-success-on-200": "#141909",
+        "--sl-vision-tritanopia-color-success-on-300": "#141909",
+        "--sl-vision-tritanopia-color-success-on-400": "#141909",
+        "--sl-vision-tritanopia-color-success-on-600": "#fbfbf9",
+        "--sl-vision-tritanopia-color-success-on-700": "#fbfbf9",
+        "--sl-vision-tritanopia-color-success-on-800": "#fbfbf9",
+        "--sl-vision-tritanopia-color-success-on-900": "#fbfbf9",
+        "--sl-vision-tritanopia-color-success-on-1000": "#fbfbf9",
+        "--sl-vision-tritanopia-color-warning-50": "#fbfcf7",
+        "--sl-vision-tritanopia-color-warning-75": "#f3f7e6",
+        "--sl-vision-tritanopia-color-warning-100": "#e9efd1",
+        "--sl-vision-tritanopia-color-warning-200": "#cbd98f",
+        "--sl-vision-tritanopia-color-warning-300": "#adbf45",
+        "--sl-vision-tritanopia-color-warning-400": "#8d9c37",
+        "--sl-vision-tritanopia-color-warning-500": "#707d2a",
+        "--sl-vision-tritanopia-color-warning-600": "#5d6722",
+        "--sl-vision-tritanopia-color-warning-700": "#4c551a",
+        "--sl-vision-tritanopia-color-warning-800": "#394012",
+        "--sl-vision-tritanopia-color-warning-900": "#272c0a",
+        "--sl-vision-tritanopia-color-warning-1000": "#151904",
+        "--sl-vision-tritanopia-color-warning-on-50": "#151904",
+        "--sl-vision-tritanopia-color-warning-on-75": "#151904",
+        "--sl-vision-tritanopia-color-warning-on-100": "#151904",
+        "--sl-vision-tritanopia-color-warning-on-200": "#151904",
+        "--sl-vision-tritanopia-color-warning-on-300": "#151904",
+        "--sl-vision-tritanopia-color-warning-on-400": "#151904",
+        "--sl-vision-tritanopia-color-warning-on-600": "#fbfcf7",
+        "--sl-vision-tritanopia-color-warning-on-700": "#fbfcf7",
+        "--sl-vision-tritanopia-color-warning-on-800": "#fbfcf7",
+        "--sl-vision-tritanopia-color-warning-on-900": "#fbfcf7",
+        "--sl-vision-tritanopia-color-warning-on-1000": "#fbfcf7",
+        "--sl-vision-tritanopia-color-error-50": "#fffafa",
+        "--sl-vision-tritanopia-color-error-75": "#fff2f0",
+        "--sl-vision-tritanopia-color-error-100": "#ffe7e3",
+        "--sl-vision-tritanopia-color-error-200": "#ffc4bb",
+        "--sl-vision-tritanopia-color-error-300": "#fd9d8e",
+        "--sl-vision-tritanopia-color-error-400": "#f46857",
+        "--sl-vision-tritanopia-color-error-500": "#e72117",
+        "--sl-vision-tritanopia-color-error-600": "#c70000",
+        "--sl-vision-tritanopia-color-error-700": "#a70000",
+        "--sl-vision-tritanopia-color-error-800": "#800000",
+        "--sl-vision-tritanopia-color-error-900": "#5c0000",
+        "--sl-vision-tritanopia-color-error-1000": "#380000",
+        "--sl-vision-tritanopia-color-error-on-50": "#380000",
+        "--sl-vision-tritanopia-color-error-on-75": "#380000",
+        "--sl-vision-tritanopia-color-error-on-100": "#380000",
+        "--sl-vision-tritanopia-color-error-on-200": "#380000",
+        "--sl-vision-tritanopia-color-error-on-300": "#380000",
+        "--sl-vision-tritanopia-color-error-on-400": "#380000",
+        "--sl-vision-tritanopia-color-error-on-600": "#fffafa",
+        "--sl-vision-tritanopia-color-error-on-700": "#fffafa",
+        "--sl-vision-tritanopia-color-error-on-800": "#fffafa",
+        "--sl-vision-tritanopia-color-error-on-900": "#fffafa",
+        "--sl-vision-tritanopia-color-error-on-1000": "#fffafa",
+        "--sl-vision-tritanopia-color-info-75": "#eff5fe",
+        "--sl-vision-tritanopia-color-info-100": "#e2edfd",
+        "--sl-vision-tritanopia-color-info-200": "#bad4f9",
+        "--sl-vision-tritanopia-color-info-300": "#8eb9f3",
+        "--sl-vision-tritanopia-color-info-400": "#5896eb",
+        "--sl-vision-tritanopia-color-info-500": "#1974e1",
+        "--sl-vision-tritanopia-color-info-600": "#005fc3",
+        "--sl-vision-tritanopia-color-info-700": "#004fa4",
+        "--sl-vision-tritanopia-color-info-800": "#003b7e",
+        "--sl-vision-tritanopia-color-info-900": "#00285a",
+        "--sl-vision-tritanopia-color-info-1000": "#001638",
+        "--sl-vision-tritanopia-color-info-on-50": "#001638",
+        "--sl-vision-tritanopia-color-info-on-75": "#001638",
+        "--sl-vision-tritanopia-color-info-on-100": "#001638",
+        "--sl-vision-tritanopia-color-info-on-200": "#001638",
+        "--sl-vision-tritanopia-color-info-on-300": "#001638",
+        "--sl-vision-tritanopia-color-info-on-400": "#001638",
+        "--sl-vision-tritanopia-color-data-1": "#346ea3",
+        "--sl-vision-tritanopia-color-data-2": "#f5722e",
+        "--sl-vision-tritanopia-color-data-3": "#8b996b",
+        "--sl-vision-tritanopia-color-data-4": "#f1c54b",
+        "--sl-vision-tritanopia-color-data-5": "#688d99",
+        "--sl-vision-tritanopia-color-data-6": "#b22429",
+        "--sl-vision-tritanopia-color-data-7": "#867775",
+        "--sl-vision-tritanopia-color-data-8": "#f44224",
+        "--sl-vision-tritanopia-color-data-9": "#98498f",
+        "--sl-vision-tritanopia-color-data-10": "#b97350",
+        "--sl-vision-tritanopia-color-data-11": "#629ed5",
+        "--sl-vision-tritanopia-color-data-12": "#faa684",
+        "--sl-vision-tritanopia-color-data-13": "#c2d39c",
+        "--sl-vision-tritanopia-color-data-14": "#e8d5a1",
+        "--sl-vision-tritanopia-color-data-15": "#a9d5e5",
+        "--sl-vision-tritanopia-color-data-16": "#fd7974",
+        "--sl-vision-tritanopia-color-data-17": "#bab5b4",
+        "--sl-vision-tritanopia-color-data-18": "#ad8499",
+        "--sl-vision-tritanopia-color-data-19": "#f37dbb",
+        "--sl-vision-tritanopia-color-data-20": "#f0c5af",
+        "--sl-vision-tritanopia-color-data-blue": "#346ea3",
+        "--sl-vision-tritanopia-color-data-orange": "#f5722e",
+        "--sl-vision-tritanopia-color-data-green": "#8b996b",
+        "--sl-vision-tritanopia-color-data-gold": "#f1c54b",
+        "--sl-vision-tritanopia-color-data-slate": "#688d99",
+        "--sl-vision-tritanopia-color-data-red": "#b22429",
+        "--sl-vision-tritanopia-color-data-taupe": "#867775",
+        "--sl-vision-tritanopia-color-data-rose": "#f44224",
+        "--sl-vision-tritanopia-color-data-magenta": "#98498f",
+        "--sl-vision-tritanopia-color-data-brown": "#b97350",
+        "--sl-vision-tritanopia-color-data-sky": "#629ed5",
+        "--sl-vision-tritanopia-color-data-peach": "#faa684",
+        "--sl-vision-tritanopia-color-data-mint": "#c2d39c",
+        "--sl-vision-tritanopia-color-data-sand": "#e8d5a1",
+        "--sl-vision-tritanopia-color-data-ice": "#a9d5e5",
+        "--sl-vision-tritanopia-color-data-salmon": "#fd7974",
+        "--sl-vision-tritanopia-color-data-stone": "#bab5b4",
+        "--sl-vision-tritanopia-color-data-pink": "#ad8499",
+        "--sl-vision-tritanopia-color-data-orchid": "#f37dbb",
+        "--sl-vision-tritanopia-color-data-tan": "#f0c5af",
+        "--sl-vision-achromatopsia-color-primary-50": "#fcfbfb",
+        "--sl-vision-achromatopsia-color-primary-75": "#f6f4f4",
+        "--sl-vision-achromatopsia-color-primary-100": "#efebea",
+        "--sl-vision-achromatopsia-color-primary-200": "#d9d0ce",
+        "--sl-vision-achromatopsia-color-primary-300": "#c1b3b0",
+        "--sl-vision-achromatopsia-color-primary-400": "#a4908b",
+        "--sl-vision-achromatopsia-color-primary-500": "#8a716b",
+        "--sl-vision-achromatopsia-color-primary-600": "#7e645d",
+        "--sl-vision-achromatopsia-color-primary-700": "#744539",
+        "--sl-vision-achromatopsia-color-primary-800": "#631c0a",
+        "--sl-vision-achromatopsia-color-primary-900": "#531204",
+        "--sl-vision-achromatopsia-color-primary-1000": "#460900",
+        "--sl-vision-achromatopsia-color-primary-on-50": "#460900",
+        "--sl-vision-achromatopsia-color-primary-on-75": "#460900",
+        "--sl-vision-achromatopsia-color-primary-on-100": "#460900",
+        "--sl-vision-achromatopsia-color-primary-on-200": "#460900",
+        "--sl-vision-achromatopsia-color-primary-on-300": "#460900",
+        "--sl-vision-achromatopsia-color-primary-on-400": "#460900",
+        "--sl-vision-achromatopsia-color-primary-on-600": "#fcfbfb",
+        "--sl-vision-achromatopsia-color-primary-on-700": "#fcfbfb",
+        "--sl-vision-achromatopsia-color-primary-on-800": "#fcfbfb",
+        "--sl-vision-achromatopsia-color-primary-on-900": "#fcfbfb",
+        "--sl-vision-achromatopsia-color-primary-on-1000": "#fcfbfb",
+        "--sl-vision-achromatopsia-color-secondary-50": "#f9fcfd",
+        "--sl-vision-achromatopsia-color-secondary-75": "#eef6fa",
+        "--sl-vision-achromatopsia-color-secondary-100": "#deeff5",
+        "--sl-vision-achromatopsia-color-secondary-200": "#b0d8e7",
+        "--sl-vision-achromatopsia-color-secondary-300": "#8fbdce",
+        "--sl-vision-achromatopsia-color-secondary-400": "#6b9cae",
+        "--sl-vision-achromatopsia-color-secondary-500": "#487d91",
+        "--sl-vision-achromatopsia-color-secondary-600": "#32687c",
+        "--sl-vision-achromatopsia-color-secondary-700": "#285768",
+        "--sl-vision-achromatopsia-color-secondary-800": "#1d414f",
+        "--sl-vision-achromatopsia-color-secondary-900": "#122d37",
+        "--sl-vision-achromatopsia-color-secondary-1000": "#071920",
+        "--sl-vision-achromatopsia-color-secondary-on-50": "#071920",
+        "--sl-vision-achromatopsia-color-secondary-on-75": "#071920",
+        "--sl-vision-achromatopsia-color-secondary-on-100": "#071920",
+        "--sl-vision-achromatopsia-color-secondary-on-200": "#071920",
+        "--sl-vision-achromatopsia-color-secondary-on-300": "#071920",
+        "--sl-vision-achromatopsia-color-secondary-on-400": "#071920",
+        "--sl-vision-achromatopsia-color-secondary-on-600": "#f9fcfd",
+        "--sl-vision-achromatopsia-color-secondary-on-700": "#f9fcfd",
+        "--sl-vision-achromatopsia-color-secondary-on-800": "#f9fcfd",
+        "--sl-vision-achromatopsia-color-secondary-on-900": "#f9fcfd",
+        "--sl-vision-achromatopsia-color-secondary-on-1000": "#f9fcfd",
+        "--sl-vision-achromatopsia-color-tertiary-50": "#fffbef",
+        "--sl-vision-achromatopsia-color-tertiary-75": "#fef5d6",
+        "--sl-vision-achromatopsia-color-tertiary-100": "#f7ecc7",
+        "--sl-vision-achromatopsia-color-tertiary-200": "#e2d1a1",
+        "--sl-vision-achromatopsia-color-tertiary-300": "#c5b58c",
+        "--sl-vision-achromatopsia-color-tertiary-400": "#a19472",
+        "--sl-vision-achromatopsia-color-tertiary-500": "#80765a",
+        "--sl-vision-achromatopsia-color-tertiary-600": "#6a614a",
+        "--sl-vision-achromatopsia-color-tertiary-700": "#58503c",
+        "--sl-vision-achromatopsia-color-tertiary-800": "#423c2d",
+        "--sl-vision-achromatopsia-color-tertiary-900": "#2e291e",
+        "--sl-vision-achromatopsia-color-tertiary-1000": "#1a170f",
+        "--sl-vision-achromatopsia-color-tertiary-on-50": "#1a170f",
+        "--sl-vision-achromatopsia-color-tertiary-on-75": "#1a170f",
+        "--sl-vision-achromatopsia-color-tertiary-on-100": "#1a170f",
+        "--sl-vision-achromatopsia-color-tertiary-on-200": "#1a170f",
+        "--sl-vision-achromatopsia-color-tertiary-on-300": "#1a170f",
+        "--sl-vision-achromatopsia-color-tertiary-on-400": "#1a170f",
+        "--sl-vision-achromatopsia-color-tertiary-on-600": "#fffbef",
+        "--sl-vision-achromatopsia-color-tertiary-on-700": "#fffbef",
+        "--sl-vision-achromatopsia-color-tertiary-on-800": "#fffbef",
+        "--sl-vision-achromatopsia-color-tertiary-on-900": "#fffbef",
+        "--sl-vision-achromatopsia-color-tertiary-on-1000": "#fffbef",
+        "--sl-vision-achromatopsia-color-quaternary-50": "#fafcfb",
+        "--sl-vision-achromatopsia-color-quaternary-75": "#f2f6f4",
+        "--sl-vision-achromatopsia-color-quaternary-100": "#e6edea",
+        "--sl-vision-achromatopsia-color-quaternary-200": "#c5d6ce",
+        "--sl-vision-achromatopsia-color-quaternary-300": "#a2bcb1",
+        "--sl-vision-achromatopsia-color-quaternary-400": "#56a47a",
+        "--sl-vision-achromatopsia-color-quaternary-500": "#35855b",
+        "--sl-vision-achromatopsia-color-quaternary-600": "#226f48",
+        "--sl-vision-achromatopsia-color-quaternary-700": "#165c3a",
+        "--sl-vision-achromatopsia-color-quaternary-800": "#0f462b",
+        "--sl-vision-achromatopsia-color-quaternary-900": "#08301c",
+        "--sl-vision-achromatopsia-color-quaternary-1000": "#031b0e",
+        "--sl-vision-achromatopsia-color-quaternary-on-50": "#031b0e",
+        "--sl-vision-achromatopsia-color-quaternary-on-75": "#031b0e",
+        "--sl-vision-achromatopsia-color-quaternary-on-100": "#031b0e",
+        "--sl-vision-achromatopsia-color-quaternary-on-200": "#031b0e",
+        "--sl-vision-achromatopsia-color-quaternary-on-300": "#031b0e",
+        "--sl-vision-achromatopsia-color-quaternary-on-400": "#031b0e",
+        "--sl-vision-achromatopsia-color-quaternary-on-600": "#fafcfb",
+        "--sl-vision-achromatopsia-color-quaternary-on-700": "#fafcfb",
+        "--sl-vision-achromatopsia-color-quaternary-on-800": "#fafcfb",
+        "--sl-vision-achromatopsia-color-quaternary-on-900": "#fafcfb",
+        "--sl-vision-achromatopsia-color-quaternary-on-1000": "#fafcfb",
+        "--sl-vision-achromatopsia-color-success-50": "#fafcfb",
+        "--sl-vision-achromatopsia-color-success-75": "#f0f6f2",
+        "--sl-vision-achromatopsia-color-success-100": "#e3efe7",
+        "--sl-vision-achromatopsia-color-success-200": "#bdd8c7",
+        "--sl-vision-achromatopsia-color-success-300": "#95c0a5",
+        "--sl-vision-achromatopsia-color-success-400": "#5fa27b",
+        "--sl-vision-achromatopsia-color-success-500": "#468260",
+        "--sl-vision-achromatopsia-color-success-600": "#396c4f",
+        "--sl-vision-achromatopsia-color-success-700": "#2e5941",
+        "--sl-vision-achromatopsia-color-success-800": "#214330",
+        "--sl-vision-achromatopsia-color-success-900": "#152f20",
+        "--sl-vision-achromatopsia-color-success-1000": "#091a11",
+        "--sl-vision-achromatopsia-color-success-on-50": "#091a11",
+        "--sl-vision-achromatopsia-color-success-on-75": "#091a11",
+        "--sl-vision-achromatopsia-color-success-on-100": "#091a11",
+        "--sl-vision-achromatopsia-color-success-on-200": "#091a11",
+        "--sl-vision-achromatopsia-color-success-on-300": "#091a11",
+        "--sl-vision-achromatopsia-color-success-on-400": "#091a11",
+        "--sl-vision-achromatopsia-color-success-on-600": "#fafcfb",
+        "--sl-vision-achromatopsia-color-success-on-700": "#fafcfb",
+        "--sl-vision-achromatopsia-color-success-on-800": "#fafcfb",
+        "--sl-vision-achromatopsia-color-success-on-900": "#fafcfb",
+        "--sl-vision-achromatopsia-color-success-on-1000": "#fafcfb",
+        "--sl-vision-achromatopsia-color-warning-50": "#fefbf6",
+        "--sl-vision-achromatopsia-color-warning-75": "#fbf4e5",
+        "--sl-vision-achromatopsia-color-warning-100": "#f7ebcf",
+        "--sl-vision-achromatopsia-color-warning-200": "#edcf8a",
+        "--sl-vision-achromatopsia-color-warning-300": "#dfb029",
+        "--sl-vision-achromatopsia-color-warning-400": "#b78f1f",
+        "--sl-vision-achromatopsia-color-warning-500": "#937217",
+        "--sl-vision-achromatopsia-color-warning-600": "#7a5e11",
+        "--sl-vision-achromatopsia-color-warning-700": "#654e0d",
+        "--sl-vision-achromatopsia-color-warning-800": "#4d3a07",
+        "--sl-vision-achromatopsia-color-warning-900": "#352804",
+        "--sl-vision-achromatopsia-color-warning-1000": "#1f1601",
+        "--sl-vision-achromatopsia-color-warning-on-50": "#1f1601",
+        "--sl-vision-achromatopsia-color-warning-on-75": "#1f1601",
+        "--sl-vision-achromatopsia-color-warning-on-100": "#1f1601",
+        "--sl-vision-achromatopsia-color-warning-on-200": "#1f1601",
+        "--sl-vision-achromatopsia-color-warning-on-300": "#1f1601",
+        "--sl-vision-achromatopsia-color-warning-on-400": "#1f1601",
+        "--sl-vision-achromatopsia-color-warning-on-600": "#fefbf6",
+        "--sl-vision-achromatopsia-color-warning-on-700": "#fefbf6",
+        "--sl-vision-achromatopsia-color-warning-on-800": "#fefbf6",
+        "--sl-vision-achromatopsia-color-warning-on-900": "#fefbf6",
+        "--sl-vision-achromatopsia-color-warning-on-1000": "#fefbf6",
+        "--sl-vision-achromatopsia-color-error-50": "#fdfbfb",
+        "--sl-vision-achromatopsia-color-error-75": "#f9f4f3",
+        "--sl-vision-achromatopsia-color-error-100": "#f3eae9",
+        "--sl-vision-achromatopsia-color-error-200": "#e1cdca",
+        "--sl-vision-achromatopsia-color-error-300": "#cfafaa",
+        "--sl-vision-achromatopsia-color-error-400": "#b78a83",
+        "--sl-vision-achromatopsia-color-error-500": "#9f6960",
+        "--sl-vision-achromatopsia-color-error-600": "#8f5148",
+        "--sl-vision-achromatopsia-color-error-700": "#803d34",
+        "--sl-vision-achromatopsia-color-error-800": "#6e231b",
+        "--sl-vision-achromatopsia-color-error-900": "#5b0301",
+        "--sl-vision-achromatopsia-color-error-1000": "#380000",
+        "--sl-vision-achromatopsia-color-error-on-50": "#380000",
+        "--sl-vision-achromatopsia-color-error-on-75": "#380000",
+        "--sl-vision-achromatopsia-color-error-on-100": "#380000",
+        "--sl-vision-achromatopsia-color-error-on-200": "#380000",
+        "--sl-vision-achromatopsia-color-error-on-300": "#380000",
+        "--sl-vision-achromatopsia-color-error-on-400": "#380000",
+        "--sl-vision-achromatopsia-color-error-on-600": "#fdfbfb",
+        "--sl-vision-achromatopsia-color-error-on-700": "#fdfbfb",
+        "--sl-vision-achromatopsia-color-error-on-800": "#fdfbfb",
+        "--sl-vision-achromatopsia-color-error-on-900": "#fdfbfb",
+        "--sl-vision-achromatopsia-color-error-on-1000": "#fdfbfb",
+        "--sl-vision-achromatopsia-color-info-50": "#f9fbfe",
+        "--sl-vision-achromatopsia-color-info-75": "#f0f5fd",
+        "--sl-vision-achromatopsia-color-info-100": "#e3edfc",
+        "--sl-vision-achromatopsia-color-info-200": "#bdd3f7",
+        "--sl-vision-achromatopsia-color-info-300": "#95b8f0",
+        "--sl-vision-achromatopsia-color-info-400": "#6295e6",
+        "--sl-vision-achromatopsia-color-info-500": "#3274db",
+        "--sl-vision-achromatopsia-color-info-600": "#035bd0",
+        "--sl-vision-achromatopsia-color-info-700": "#024cae",
+        "--sl-vision-achromatopsia-color-info-800": "#013986",
+        "--sl-vision-achromatopsia-color-info-900": "#012660",
+        "--sl-vision-achromatopsia-color-info-1000": "#00153c",
+        "--sl-vision-achromatopsia-color-info-on-50": "#00153c",
+        "--sl-vision-achromatopsia-color-info-on-75": "#00153c",
+        "--sl-vision-achromatopsia-color-info-on-100": "#00153c",
+        "--sl-vision-achromatopsia-color-info-on-200": "#00153c",
+        "--sl-vision-achromatopsia-color-info-on-300": "#00153c",
+        "--sl-vision-achromatopsia-color-info-on-400": "#00153c",
+        "--sl-vision-achromatopsia-color-info-on-600": "#f9fbfe",
+        "--sl-vision-achromatopsia-color-info-on-700": "#f9fbfe",
+        "--sl-vision-achromatopsia-color-info-on-800": "#f9fbfe",
+        "--sl-vision-achromatopsia-color-info-on-900": "#f9fbfe",
+        "--sl-vision-achromatopsia-color-info-on-1000": "#f9fbfe",
+        "--sl-vision-achromatopsia-color-data-1": "#346ea3",
+        "--sl-vision-achromatopsia-color-data-2": "#bf100e",
+        "--sl-vision-achromatopsia-color-data-3": "#5ba37a",
+        "--sl-vision-achromatopsia-color-data-4": "#f1c54b",
+        "--sl-vision-achromatopsia-color-data-5": "#164958",
+        "--sl-vision-achromatopsia-color-data-6": "#f24646",
+        "--sl-vision-achromatopsia-color-data-7": "#867775",
+        "--sl-vision-achromatopsia-color-data-8": "#d60f46",
+        "--sl-vision-achromatopsia-color-data-9": "#bb529e",
+        "--sl-vision-achromatopsia-color-data-10": "#b97350",
+        "--sl-vision-achromatopsia-color-data-11": "#005181",
+        "--sl-vision-achromatopsia-color-data-12": "#52020c",
+        "--sl-vision-achromatopsia-color-data-13": "#01bd93",
+        "--sl-vision-achromatopsia-color-data-14": "#766c3a",
+        "--sl-vision-achromatopsia-color-data-15": "#064e5b",
+        "--sl-vision-achromatopsia-color-data-16": "#3a0101",
+        "--sl-vision-achromatopsia-color-data-17": "#898584",
+        "--sl-vision-achromatopsia-color-data-18": "#985057",
+        "--sl-vision-achromatopsia-color-data-19": "#8d1651",
+        "--sl-vision-achromatopsia-color-data-20": "#f0c5af",
+        "--sl-vision-achromatopsia-color-data-blue": "#346ea3",
+        "--sl-vision-achromatopsia-color-data-orange": "#bf100e",
+        "--sl-vision-achromatopsia-color-data-green": "#5ba37a",
+        "--sl-vision-achromatopsia-color-data-gold": "#f1c54b",
+        "--sl-vision-achromatopsia-color-data-slate": "#164958",
+        "--sl-vision-achromatopsia-color-data-red": "#f24646",
+        "--sl-vision-achromatopsia-color-data-taupe": "#867775",
+        "--sl-vision-achromatopsia-color-data-rose": "#d60f46",
+        "--sl-vision-achromatopsia-color-data-magenta": "#bb529e",
+        "--sl-vision-achromatopsia-color-data-brown": "#b97350",
+        "--sl-vision-achromatopsia-color-data-sky": "#005181",
+        "--sl-vision-achromatopsia-color-data-peach": "#52020c",
+        "--sl-vision-achromatopsia-color-data-mint": "#01bd93",
+        "--sl-vision-achromatopsia-color-data-sand": "#766c3a",
+        "--sl-vision-achromatopsia-color-data-ice": "#064e5b",
+        "--sl-vision-achromatopsia-color-data-salmon": "#3a0101",
+        "--sl-vision-achromatopsia-color-data-stone": "#898584",
+        "--sl-vision-achromatopsia-color-data-pink": "#985057",
+        "--sl-vision-achromatopsia-color-data-orchid": "#8d1651",
+        "--sl-vision-achromatopsia-color-data-tan": "#f0c5af",
+        "--sl-a11y-focus-ring-radius": "0.0938rem",
+        "--sl-focus-ring": "#a36759",
+        "--sl-focus-shadow-3px-error": "0 0 0 3px #e72117",
+        "--sl-focus-shadow-3px-primary": "0 0 0 3px #fedfd7",
+        "--sl-focus-shadow-3px-primary-soft": "0 0 0 3px #fedfd7",
+        "--sl-focus-outline": "2px solid #a36759",
+        "--sl-focus-halo-color": "#fedfd7",
+        "--sl-bar-background": "#f3fcff",
+        "--sl-bar-border-color": "#d1f3ff",
+        "--sl-bar-radius": "0.375rem",
+        "--sl-bar-separator-color": "#d1f3ff",
+        "--sl-check-border-color": "#6b8d99",
+        "--sl-check-border-color-hover": "#53737f",
+        "--sl-check-background-checked": "#a36759",
+        "--sl-check-border-color-checked": "#875549",
+        "--sl-check-mark-color": "#ffffff",
+        "--sl-check-mark-color-outline": "#a36759",
+        "--sl-check-mark-color-disabled": "#a9d5e5",
+        "--sl-check-radius": "0.1875rem",
+        "--sl-border-accent": "#875549",
+        "--sl-border-default": "#d1f3ff",
+        "--sl-border-strong": "#6b8d99",
+        "--sl-border-subtle": "#def6ff",
+        "--sl-border-control": "#6b8d99",
+        "--sl-border-control-hover": "#53737f",
+        "--sl-interactive-active": "#70463c",
+        "--sl-interactive-default": "#a36759",
+        "--sl-interactive-disabled": "#b6dfee",
+        "--sl-interactive-hover": "#875549",
+        "--sl-interactive-tint": "#fffaf9",
+        "--sl-interactive-tint-hover": "#fedfd7",
+        "--sl-interactive-tint-active": "#fedfd7",
+        "--sl-interactive-tint-strong": "#e5927d",
+        "--sl-status-error": "#e72117",
+        "--sl-status-error-dark": "#a70000",
+        "--sl-status-info": "#2973e3",
+        "--sl-status-info-dark": "#0f4da8",
+        "--sl-status-success": "#488261",
+        "--sl-status-success-dark": "#2f5941",
+        "--sl-status-success-light": "#fafcfb",
+        "--sl-status-warning": "#937217",
+        "--sl-status-warning-dark": "#654e0d",
+        "--sl-status-warning-light": "#fefbf6",
+        "--sl-surface-overlay": "#eefaff",
+        "--sl-surface-raised": "#f3fcff",
+        "--sl-surface-tray": "#f3fcff",
+        "--sl-surface-inverse": "#203d48",
+        "--sl-text-accent": "#70463c",
+        "--sl-text-disabled": "#a9d5e5",
+        "--sl-text-on-accent": "#ffffff",
+        "--sl-text-on-primary": "#ffffff",
+        "--sl-text-primary": "#203d48",
+        "--sl-text-secondary": "#3c5a66",
+        "--sl-text-tertiary": "#53737f",
+        "--sl-text-on-tint": "#54352d",
+        "--sl-text-on-tint-strong": "#3b241f",
+        "--sl-text-on-inverse": "#f3fcff",
+        "--sl-text-on-inverse-surface": "#f3fcff",
+        "--sl-fill-subtle": "#def6ff",
+        "--sl-fill-default": "#d1f3ff",
+        "--sl-fill-strong": "#b6dfee",
+        "--sl-fill-inverse": "#203d48",
+        "--sl-fill-stronger": "#a9d5e5",
+        "--sl-fill-track": "#def6ff",
+        "--sl-content-blockquote-border": "#875549",
+        "--sl-content-blockquote-cite": "#53737f",
+        "--sl-content-code-background": "#eefaff",
+        "--sl-content-code-border": "#d1f3ff",
+        "--sl-content-code-text": "#54352d",
+        "--sl-content-field-border": "#d1f3ff",
+        "--sl-content-hr-border": "#d1f3ff",
+        "--sl-content-kbd-background": "#203d48",
+        "--sl-content-kbd-text": "#f3fcff",
+        "--sl-content-link-color": "#a36759",
+        "--sl-content-link-hover-color": "#875549",
+        "--sl-content-link-underline-color": "color-mix(in oklab, #a36759 45%, transparent)",
+        "--sl-content-link-underline-hover-color": "#875549",
+        "--sl-content-list-marker-color": "#a36759",
+        "--sl-content-mark-background": "#fedfd7",
+        "--sl-content-pre-border": "#d1f3ff",
+        "--sl-content-pre-text": "#203d48",
+        "--sl-content-prose-color": "#203d48",
+        "--sl-content-scrollbar-thumb": "#b6dfee",
+        "--sl-content-scrollbar-thumb-hover": "#a9d5e5",
+        "--sl-content-selection-background": "#fedfd7",
+        "--sl-content-selection-text": "#203d48",
+        "--sl-disclosure-trigger-background-hover": "#def6ff",
+        "--sl-disclosure-trigger-background-active": "#d1f3ff",
+        "--sl-disclosure-icon-color": "#3c5a66",
+        "--sl-disclosure-content-color": "#3c5a66",
+        "--sl-disclosure-divider-color": "#d1f3ff",
+        "--sl-disclosure-indicator-color": "#875549",
+        "--sl-disclosure-selected-color": "#70463c",
+        "--sl-field-background-disabled": "#eefaff",
+        "--sl-field-border-color": "#6b8d99",
+        "--sl-field-border-color-hover": "#53737f",
+        "--sl-field-border-color-focus": "#a36759",
+        "--sl-field-border-color-error": "#e72117",
+        "--sl-field-radius": "0.0938rem",
+        "--sl-field-color": "#203d48",
+        "--sl-field-color-disabled": "#a9d5e5",
+        "--sl-field-placeholder-color": "#53737f",
+        "--sl-field-shadow-focus": "0 0 0 3px #fedfd7",
+        "--sl-field-shadow-focus-error": "0 0 0 3px #e72117",
+        "--sl-gauge-track-color": "#def6ff",
+        "--sl-gauge-label-color": "#203d48",
+        "--sl-gauge-value-color": "#3c5a66",
+        "--sl-icon-button-radius": "0.0938rem",
+        "--sl-icon-button-color": "#53737f",
+        "--sl-icon-button-color-hover": "#203d48",
+        "--sl-icon-button-background-hover": "#def6ff",
+        "--sl-item-color": "#203d48",
+        "--sl-item-color-hover": "#54352d",
+        "--sl-item-color-selected": "#3b241f",
+        "--sl-item-color-disabled": "#a9d5e5",
+        "--sl-item-background-hover": "#fedfd7",
+        "--sl-item-background-selected": "#fedfd7",
+        "--sl-item-radius": "0.0938rem",
+        "--sl-item-indicator-color": "#a36759",
+        "--sl-modal-border-color": "#d1f3ff",
+        "--sl-modal-radius": "0.5625rem",
+        "--sl-modal-title-color": "#203d48",
+        "--sl-modal-description-color": "#3c5a66",
+        "--sl-notice-description-color": "#3c5a66",
+        "--sl-popup-border-color": "#d1f3ff",
+        "--sl-popup-radius": "0.375rem",
+        "--sl-popup-radius-field": "0.0938rem",
+        "--sl-popup-arrow-stroke": "#d1f3ff",
+        "--sl-popup-separator-color": "#def6ff",
+        "--sl-table-color": "#203d48",
+        "--sl-table-subtle-color": "#3c5a66",
+        "--sl-table-header-background": "#f3fcff",
+        "--sl-table-header-color": "#203d48",
+        "--sl-table-header-background-hover": "#def6ff",
+        "--sl-table-border-color": "#d1f3ff",
+        "--sl-table-row-border-color": "#def6ff",
+        "--sl-table-row-hover": "#fedfd7",
+        "--sl-table-row-selected": "#fedfd7",
+        "--sl-table-column-hover": "#def6ff",
+        "--sl-table-range-background": "#fffaf9",
+        "--sl-table-range-border": "#a36759",
+        "--sl-table-radius": "0.375rem",
+        "--sl-font-body-base-font-family": "Roboto, sans-serif",
+        "--sl-font-body-base-font-size": "0.875rem",
+        "--sl-font-body-base-line-height": 1.352,
+        "--sl-font-body-base-font": "400 0.875rem / 1.352 Roboto, sans-serif",
+        "--sl-font-selected-base-font-family": "Roboto, sans-serif",
+        "--sl-font-selected-base-font-size": "0.875rem",
+        "--sl-font-selected-base-line-height": 1.352,
+        "--sl-font-selected-base-font": "600 0.875rem / 1.352 Roboto, sans-serif",
+        "--sl-font-label-base-font-family": "Roboto, sans-serif",
+        "--sl-font-label-base-line-height": 1.4,
+        "--sl-font-label-base-font": "500 0.75rem / 1.4 Roboto, sans-serif",
+        "--sl-font-link-base-font-family": "Roboto, sans-serif",
+        "--sl-font-link-base-font-size": "0.875rem",
+        "--sl-font-link-base-line-height": 1.352,
+        "--sl-font-link-base-font": "400 0.875rem / 1.352 Roboto, sans-serif",
+        "--sl-font-subtitle-base-font-family": "Roboto, sans-serif",
+        "--sl-font-subtitle-base-font-size": "0.875rem",
+        "--sl-font-subtitle-base-line-height": 1.352,
+        "--sl-font-subtitle-base-font": "700 0.875rem / 1.352 Roboto, sans-serif",
+        "--sl-font-trigger-base-font-family": "Roboto, sans-serif",
+        "--sl-font-trigger-base-font-size": "0.875rem",
+        "--sl-font-trigger-base-line-height": 1.4,
+        "--sl-font-trigger-base-font": "500 0.875rem / 1.4 Roboto, sans-serif",
+        "--sl-font-title-base-font-family": "Roboto, sans-serif",
+        "--sl-font-title-base-font-size": "0.875rem",
+        "--sl-font-title-base-line-height": 1.352,
+        "--sl-font-title-base-font": "600 0.875rem / 1.352 Roboto, sans-serif",
+        "--sl-font-code-condense-line-height": 1.4,
+        "--sl-font-code-condense-font": "400 0.75rem / 1.4 'Roboto Mono', monospace",
+        "--sl-font-body-condense-font-family": "Roboto, sans-serif",
+        "--sl-font-body-condense-line-height": 1.4,
+        "--sl-font-body-condense-font": "400 0.75rem / 1.4 Roboto, sans-serif",
+        "--sl-font-trigger-condense-font-family": "Roboto, sans-serif",
+        "--sl-font-trigger-condense-line-height": 1.4,
+        "--sl-font-trigger-condense-font": "500 0.75rem / 1.4 Roboto, sans-serif",
+        "--sl-font-selected-condense-font-family": "Roboto, sans-serif",
+        "--sl-font-selected-condense-line-height": 1.4,
+        "--sl-font-selected-condense-font": "600 0.75rem / 1.4 Roboto, sans-serif",
+        "--sl-font-link-condense-font-family": "Roboto, sans-serif",
+        "--sl-font-link-condense-line-height": 1.4,
+        "--sl-font-link-condense-font": "400 0.75rem / 1.4 Roboto, sans-serif",
+        "--sl-font-subtitle-condense-font-family": "Roboto, sans-serif",
+        "--sl-font-subtitle-condense-line-height": 1.4,
+        "--sl-font-subtitle-condense-font": "700 0.75rem / 1.4 Roboto, sans-serif",
+        "--sl-font-eyebrow-condense-font-family": "Roboto, sans-serif",
+        "--sl-font-eyebrow-condense-line-height": 1.4,
+        "--sl-font-eyebrow-condense-font": "600 0.75rem / 1.4 Roboto, sans-serif",
+        "--sl-font-title-condense-font-family": "Roboto, sans-serif",
+        "--sl-font-title-condense-line-height": 1.4,
+        "--sl-font-title-condense-font": "600 0.75rem / 1.4 Roboto, sans-serif",
+        "--sl-font-body-magnify-font-family": "Roboto, sans-serif",
+        "--sl-font-body-magnify-font-size": "clamp(0.875rem, 0.8167rem + 0.2917vw, 1.05rem)",
+        "--sl-font-body-magnify-line-height": 1.352,
+        "--sl-font-body-magnify-font": "400 clamp(0.875rem, 0.8167rem + 0.2917vw, 1.05rem) / 1.352 Roboto, sans-serif",
+        "--sl-font-trigger-magnify-font-family": "Roboto, sans-serif",
+        "--sl-font-trigger-magnify-font-size": "clamp(0.875rem, 0.8167rem + 0.2917vw, 1.05rem)",
+        "--sl-font-trigger-magnify-line-height": 1.352,
+        "--sl-font-trigger-magnify-font": "500 clamp(0.875rem, 0.8167rem + 0.2917vw, 1.05rem) / 1.352 Roboto, sans-serif",
+        "--sl-font-title-magnify-font-family": "Roboto, sans-serif",
+        "--sl-font-title-magnify-font-size": "clamp(0.875rem, 0.8167rem + 0.2917vw, 1.05rem)",
+        "--sl-font-title-magnify-line-height": 1.352,
+        "--sl-font-title-magnify-font": "600 clamp(0.875rem, 0.8167rem + 0.2917vw, 1.05rem) / 1.352 Roboto, sans-serif",
+        "--sl-font-body-minimize-font-family": "Roboto, sans-serif",
+        "--sl-font-body-minimize-line-height": 1.4,
+        "--sl-font-body-minimize-font": "400 0.625rem / 1.4 Roboto, sans-serif",
+        "--sl-font-trigger-minimize-font-family": "Roboto, sans-serif",
+        "--sl-font-trigger-minimize-line-height": 1.4,
+        "--sl-font-trigger-minimize-font": "500 0.625rem / 1.4 Roboto, sans-serif",
+        "--sl-font-selected-minimize-font-family": "Roboto, sans-serif",
+        "--sl-font-selected-minimize-line-height": 1.4,
+        "--sl-font-selected-minimize-font": "600 0.625rem / 1.4 Roboto, sans-serif",
+        "--sl-font-link-minimize-font-family": "Roboto, sans-serif",
+        "--sl-font-link-minimize-line-height": 1.4,
+        "--sl-font-link-minimize-font": "400 0.625rem / 1.4 Roboto, sans-serif",
+        "--sl-font-subtitle-minimize-font-family": "Roboto, sans-serif",
+        "--sl-font-subtitle-minimize-line-height": 1.4,
+        "--sl-font-subtitle-minimize-font": "700 0.625rem / 1.4 Roboto, sans-serif",
+        "--sl-font-eyebrow-minimize-font-family": "Roboto, sans-serif",
+        "--sl-font-eyebrow-minimize-line-height": 1.4,
+        "--sl-font-eyebrow-minimize-font": "600 0.625rem / 1.4 Roboto, sans-serif",
+        "--sl-font-title-amplify-font-family": "Roboto, sans-serif",
+        "--sl-font-title-amplify-font-size": "clamp(1.26rem, 1.176rem + 0.42vw, 1.512rem)",
+        "--sl-font-title-amplify-line-height": 1.183,
+        "--sl-font-title-amplify-font": "600 clamp(1.26rem, 1.176rem + 0.42vw, 1.512rem) / 1.183 Roboto, sans-serif",
+        "--sl-font-title-maximize-font-family": "Roboto, sans-serif",
+        "--sl-font-title-maximize-font-size": "clamp(1.8144rem, 1.6934rem + 0.6048vw, 2.1773rem)",
+        "--sl-font-title-maximize-font": "600 clamp(1.8144rem, 1.6934rem + 0.6048vw, 2.1773rem) / 1 Roboto, sans-serif",
+        "--sl-emphasis-bold-bg": "#a36759",
+        "--sl-emphasis-bold-bg-hover": "#875549",
+        "--sl-emphasis-bold-bg-active": "#70463c",
+        "--sl-emphasis-bold-fg": "#ffffff",
+        "--sl-emphasis-bold-border": "#a36759",
+        "--sl-emphasis-bold-border-hover": "#875549",
+        "--sl-emphasis-standard-bg-hover": "#fffaf9",
+        "--sl-emphasis-standard-bg-active": "#fedfd7",
+        "--sl-emphasis-standard-fg": "#70463c",
+        "--sl-emphasis-standard-border": "#875549",
+        "--sl-emphasis-standard-border-hover": "#875549",
+        "--sl-emphasis-subtle-bg": "#def6ff",
+        "--sl-emphasis-subtle-bg-hover": "#d1f3ff",
+        "--sl-emphasis-subtle-bg-active": "#b6dfee",
+        "--sl-emphasis-subtle-fg": "#03202a",
+        "--sl-emphasis-subtle-border": "#def6ff",
+        "--sl-emphasis-subtle-border-hover": "#d1f3ff",
+        "--sl-emphasis-quiet-bg-hover": "#def6ff",
+        "--sl-emphasis-quiet-bg-active": "#d1f3ff",
+        "--sl-emphasis-quiet-fg": "#203d48",
+        "--sl-emphasis-quiet-border": "#6b8d99",
+        "--sl-emphasis-quiet-border-hover": "#3c5a66",
+        "--sl-pair-ember-dune-bg": "#32687c",
+        "--sl-pair-ember-dune-fg": "#fffbed",
+        "--sl-pair-ember-dune-accent": "#fffbed",
+        "--sl-pair-ember-dune-hover": "color-mix(in oklab, #fffbed 85%, #32687c)",
+        "--sl-pair-ember-dune-active": "#fffbed",
+        "--sl-pair-ember-dune-subtle": "color-mix(in oklab, #fffbed 12%, #32687c)",
+        "--sl-pair-ember-dune-emphasis": "color-mix(in oklab, #fffbed 12%, #32687c)",
+        "--sl-pair-ember-dune-muted": "color-mix(in oklab, #fffbed 6%, #32687c)",
+        "--sl-pair-ember-dune-bg-hover": "color-mix(in oklab, #fffbed 8%, #32687c)",
+        "--sl-pair-ember-dune-bg-active": "color-mix(in oklab, #fffbed 8%, #32687c)",
+        "--sl-pair-mirage-deep-bg": "#3b241f",
+        "--sl-pair-mirage-deep-fg": "#fff2ef",
+        "--sl-pair-mirage-deep-accent": "#e2d1a1",
+        "--sl-pair-mirage-deep-hover": "color-mix(in oklab, #e2d1a1 85%, #fff2ef)",
+        "--sl-pair-mirage-deep-active": "color-mix(in oklab, #e2d1a1 70%, #fff2ef)",
+        "--sl-pair-mirage-deep-subtle": "color-mix(in oklab, #e2d1a1 12%, #3b241f)",
+        "--sl-pair-mirage-deep-emphasis": "color-mix(in oklab, #e2d1a1 22%, #3b241f)",
+        "--sl-pair-mirage-deep-muted": "color-mix(in oklab, #fff2ef 6%, #3b241f)",
+        "--sl-pair-mirage-deep-bg-hover": "color-mix(in oklab, #fff2ef 8%, #3b241f)",
+        "--sl-pair-mirage-deep-bg-active": "color-mix(in oklab, #fff2ef 15%, #3b241f)",
+        "--sl-pair-stone-soft-bg": {
+          "value": "#eefaff",
+          "modes": {
+            "dark": "#203d48"
+          }
+        },
+        "--sl-pair-stone-soft-fg": {
+          "value": "#03202a",
+          "modes": {
+            "dark": "#eefaff"
+          }
+        },
+        "--sl-pair-stone-soft-accent": {
+          "value": "#875549",
+          "modes": {
+            "dark": "#e5927d"
+          }
+        },
+        "--sl-pair-stone-soft-hover": "color-mix(in oklab, #875549 85%, #03202a)",
+        "--sl-pair-stone-soft-active": "color-mix(in oklab, #875549 70%, #03202a)",
+        "--sl-pair-stone-soft-subtle": {
+          "value": "color-mix(in oklab, #875549 12%, #eefaff)",
+          "modes": {
+            "dark": "#eefaff"
+          }
+        },
+        "--sl-pair-stone-soft-emphasis": "color-mix(in oklab, #875549 12%, #eefaff)",
+        "--sl-pair-stone-soft-muted": "color-mix(in oklab, #03202a 6%, #eefaff)",
+        "--sl-pair-stone-soft-bg-hover": "color-mix(in oklab, #03202a 8%, #eefaff)",
+        "--sl-pair-stone-soft-bg-active": "color-mix(in oklab, #03202a 15%, #eefaff)",
+        "--sl-scope-neutral-solid": {
+          "value": "#203d48",
+          "modes": {
+            "dark": "#eefaff"
+          }
+        },
+        "--sl-scope-neutral-solid-hover": {
+          "value": "#3c5a66",
+          "modes": {
+            "dark": "#def6ff"
+          }
+        },
+        "--sl-scope-neutral-solid-active": {
+          "value": "#53737f",
+          "modes": {
+            "dark": "#d1f3ff"
+          }
+        },
+        "--sl-scope-neutral-on-solid": {
+          "value": "#f3fcff",
+          "modes": {
+            "dark": "#03202a"
+          }
+        },
+        "--sl-scope-neutral-soft": {
+          "value": "#def6ff",
+          "modes": {
+            "dark": "#53737f"
+          }
+        },
+        "--sl-scope-neutral-soft-hover": {
+          "value": "#d1f3ff",
+          "modes": {
+            "dark": "#6b8d99"
+          }
+        },
+        "--sl-scope-neutral-soft-active": {
+          "value": "#b6dfee",
+          "modes": {
+            "dark": "#7da1af"
+          }
+        },
+        "--sl-scope-neutral-soft-strong": {
+          "value": "#a9d5e5",
+          "modes": {
+            "dark": "#8fb6c5"
+          }
+        },
+        "--sl-scope-neutral-on-soft": {
+          "value": "#03202a",
+          "modes": {
+            "dark": "#f3fcff"
+          }
+        },
+        "--sl-scope-neutral-border": {
+          "value": "#6b8d99",
+          "modes": {
+            "dark": "#8fb6c5"
+          }
+        },
+        "--sl-scope-neutral-border-hover": {
+          "value": "#53737f",
+          "modes": {
+            "dark": "#b6dfee"
+          }
+        },
+        "--sl-scope-neutral-border-subtle": {
+          "value": "#def6ff",
+          "modes": {
+            "dark": "#53737f"
+          }
+        },
+        "--sl-scope-neutral-border-strong": {
+          "value": "#6b8d99",
+          "modes": {
+            "dark": "#7da1af",
+            "contrast-more": "#53737f",
+            "dark-contrast-more": "#def6ff"
+          }
+        },
+        "--sl-scope-neutral-divider": {
+          "value": "#d1f3ff",
+          "modes": {
+            "dark": "#6b8d99",
+            "contrast-more": "#7da1af",
+            "dark-contrast-more": "#b6dfee"
+          }
+        },
+        "--sl-scope-neutral-fg": {
+          "value": "#03202a",
+          "modes": {
+            "dark": "#ffffff"
+          }
+        },
+        "--sl-scope-neutral-fg-secondary": {
+          "value": "#3c5a66",
+          "modes": {
+            "dark": "#d1f3ff",
+            "contrast-more": "#203d48",
+            "dark-contrast-more": "#eefaff"
+          }
+        },
+        "--sl-scope-neutral-fg-tertiary": {
+          "value": "#53737f",
+          "modes": {
+            "dark": "#8fb6c5",
+            "contrast-more": "#3c5a66"
+          }
+        },
+        "--sl-scope-neutral-fg-disabled": {
+          "value": "#a9d5e5",
+          "modes": {
+            "dark": "#53737f"
+          }
+        },
+        "--sl-scope-neutral-focus": {
+          "value": "#6b8d99",
+          "modes": {
+            "dark": "#b6dfee"
+          }
+        },
+        "--sl-scope-neutral-canvas": {
+          "value": "#ffffff",
+          "modes": {
+            "dark": "#03202a"
+          }
+        },
+        "--sl-scope-neutral-raised": {
+          "value": "#f3fcff",
+          "modes": {
+            "dark": "#203d48"
+          }
+        },
+        "--sl-scope-neutral-overlay": {
+          "value": "#eefaff",
+          "modes": {
+            "dark": "#203d48"
+          }
+        },
+        "--sl-scope-neutral-modal": {
+          "value": "#ffffff",
+          "modes": {
+            "dark": "#203d48"
+          }
+        },
+        "--sl-scope-neutral-tray": {
+          "value": "#f3fcff",
+          "modes": {
+            "dark": "#203d48"
+          }
+        },
+        "--sl-scope-neutral-inverse": {
+          "value": "#203d48",
+          "modes": {
+            "dark": "#53737f"
+          }
+        },
+        "--sl-scope-neutral-on-inverse": {
+          "value": "#f3fcff",
+          "modes": {
+            "dark": "#f3fcff"
+          }
+        },
+        "--sl-scope-neutral-track": {
+          "value": "#def6ff",
+          "modes": {
+            "dark": "#203d48"
+          }
+        },
+        "--sl-scope-primary-solid": {
+          "value": "#875549",
+          "modes": {
+            "dark": "#c37c6a"
+          }
+        },
+        "--sl-scope-primary-solid-hover": {
+          "value": "#70463c",
+          "modes": {
+            "dark": "#e5927d"
+          }
+        },
+        "--sl-scope-primary-solid-active": {
+          "value": "#54352d",
+          "modes": {
+            "dark": "#f7c7bb"
+          }
+        },
+        "--sl-scope-primary-on-solid": {
+          "value": "#fffaf9",
+          "modes": {
+            "dark": "#2b1a16"
+          }
+        },
+        "--sl-scope-primary-soft": {
+          "value": "#fffaf9",
+          "modes": {
+            "dark": "#2b1a16"
+          }
+        },
+        "--sl-scope-primary-soft-hover": {
+          "value": "#fedfd7",
+          "modes": {
+            "dark": "#3b241f"
+          }
+        },
+        "--sl-scope-primary-soft-active": {
+          "value": "#f7c7bb",
+          "modes": {
+            "dark": "#54352d"
+          }
+        },
+        "--sl-scope-primary-soft-strong": {
+          "value": "#e5927d",
+          "modes": {
+            "dark": "#70463c"
+          }
+        },
+        "--sl-scope-primary-on-soft": {
+          "value": "#54352d",
+          "modes": {
+            "dark": "#fedfd7"
+          }
+        },
+        "--sl-scope-primary-ink": {
+          "value": "#3b241f",
+          "modes": {
+            "dark": "#fff2ef"
+          }
+        },
+        "--sl-scope-primary-border": {
+          "value": "#875549",
+          "modes": {
+            "dark": "#c37c6a"
+          }
+        },
+        "--sl-scope-primary-border-subtle": {
+          "value": "#f7c7bb",
+          "modes": {
+            "dark": "#3b241f"
+          }
+        },
+        "--sl-scope-primary-fg": {
+          "value": "#70463c",
+          "modes": {
+            "dark": "#f7c7bb"
+          }
+        },
+        "--sl-scope-primary-signal": {
+          "value": "#a36759",
+          "modes": {
+            "dark": "#c37c6a"
+          }
+        },
+        "--sl-scope-primary-focus": {
+          "value": "#a36759",
+          "modes": {
+            "dark": "#c37c6a"
+          }
+        },
+        "--sl-scope-secondary-solid": {
+          "value": "#32687c",
+          "modes": {
+            "dark": "#6b9cae"
+          }
+        },
+        "--sl-scope-secondary-solid-hover": {
+          "value": "#285768",
+          "modes": {
+            "dark": "#8fbdce"
+          }
+        },
+        "--sl-scope-secondary-solid-active": {
+          "value": "#1d414f",
+          "modes": {
+            "dark": "#b0d8e7"
+          }
+        },
+        "--sl-scope-secondary-on-solid": {
+          "value": "#f9fcfd",
+          "modes": {
+            "dark": "#071920"
+          }
+        },
+        "--sl-scope-secondary-soft": {
+          "value": "#f9fcfd",
+          "modes": {
+            "dark": "#071920"
+          }
+        },
+        "--sl-scope-secondary-soft-hover": {
+          "value": "#deeff5",
+          "modes": {
+            "dark": "#122d37"
+          }
+        },
+        "--sl-scope-secondary-soft-active": {
+          "value": "#b0d8e7",
+          "modes": {
+            "dark": "#1d414f"
+          }
+        },
+        "--sl-scope-secondary-soft-strong": {
+          "value": "#8fbdce",
+          "modes": {
+            "dark": "#285768"
+          }
+        },
+        "--sl-scope-secondary-on-soft": {
+          "value": "#1d414f",
+          "modes": {
+            "dark": "#deeff5"
+          }
+        },
+        "--sl-scope-secondary-ink": {
+          "value": "#122d37",
+          "modes": {
+            "dark": "#eef6fa"
+          }
+        },
+        "--sl-scope-secondary-border": {
+          "value": "#32687c",
+          "modes": {
+            "dark": "#6b9cae"
+          }
+        },
+        "--sl-scope-secondary-border-subtle": {
+          "value": "#b0d8e7",
+          "modes": {
+            "dark": "#122d37"
+          }
+        },
+        "--sl-scope-secondary-fg": {
+          "value": "#285768",
+          "modes": {
+            "dark": "#b0d8e7"
+          }
+        },
+        "--sl-scope-secondary-signal": {
+          "value": "#487d91",
+          "modes": {
+            "dark": "#6b9cae"
+          }
+        },
+        "--sl-scope-secondary-focus": {
+          "value": "#487d91",
+          "modes": {
+            "dark": "#6b9cae"
+          }
+        },
+        "--sl-scope-tertiary-solid": {
+          "value": "#6a614a",
+          "modes": {
+            "dark": "#a19472"
+          }
+        },
+        "--sl-scope-tertiary-solid-hover": {
+          "value": "#58503c",
+          "modes": {
+            "dark": "#c5b58c"
+          }
+        },
+        "--sl-scope-tertiary-solid-active": {
+          "value": "#423c2d",
+          "modes": {
+            "dark": "#e2d1a1"
+          }
+        },
+        "--sl-scope-tertiary-on-solid": {
+          "value": "#fffbed",
+          "modes": {
+            "dark": "#1a170f"
+          }
+        },
+        "--sl-scope-tertiary-soft": {
+          "value": "#fffbed",
+          "modes": {
+            "dark": "#1a170f"
+          }
+        },
+        "--sl-scope-tertiary-soft-hover": {
+          "value": "#f7ecc7",
+          "modes": {
+            "dark": "#2e291e"
+          }
+        },
+        "--sl-scope-tertiary-soft-active": {
+          "value": "#e2d1a1",
+          "modes": {
+            "dark": "#423c2d"
+          }
+        },
+        "--sl-scope-tertiary-soft-strong": {
+          "value": "#c5b58c",
+          "modes": {
+            "dark": "#58503c"
+          }
+        },
+        "--sl-scope-tertiary-on-soft": {
+          "value": "#423c2d",
+          "modes": {
+            "dark": "#f7ecc7"
+          }
+        },
+        "--sl-scope-tertiary-ink": {
+          "value": "#2e291e",
+          "modes": {
+            "dark": "#fef5d5"
+          }
+        },
+        "--sl-scope-tertiary-border": {
+          "value": "#6a614a",
+          "modes": {
+            "dark": "#a19472"
+          }
+        },
+        "--sl-scope-tertiary-border-subtle": {
+          "value": "#e2d1a1",
+          "modes": {
+            "dark": "#2e291e"
+          }
+        },
+        "--sl-scope-tertiary-fg": {
+          "value": "#58503c",
+          "modes": {
+            "dark": "#e2d1a1"
+          }
+        },
+        "--sl-scope-tertiary-signal": {
+          "value": "#80765a",
+          "modes": {
+            "dark": "#a19472"
+          }
+        },
+        "--sl-scope-tertiary-focus": {
+          "value": "#80765a",
+          "modes": {
+            "dark": "#a19472"
+          }
+        },
+        "--sl-scope-quaternary-solid": {
+          "value": "#3a6c50",
+          "modes": {
+            "dark": "#5ba37a"
+          }
+        },
+        "--sl-scope-quaternary-solid-hover": {
+          "value": "#2f5941",
+          "modes": {
+            "dark": "#77c699"
+          }
+        },
+        "--sl-scope-quaternary-solid-active": {
+          "value": "#224331",
+          "modes": {
+            "dark": "#93e3b6"
+          }
+        },
+        "--sl-scope-quaternary-on-solid": {
+          "value": "#f3fef9",
+          "modes": {
+            "dark": "#0a1a11"
+          }
+        },
+        "--sl-scope-quaternary-soft": {
+          "value": "#f3fef9",
+          "modes": {
+            "dark": "#0a1a11"
+          }
+        },
+        "--sl-scope-quaternary-soft-hover": {
+          "value": "#caf5e1",
+          "modes": {
+            "dark": "#162e20"
+          }
+        },
+        "--sl-scope-quaternary-soft-active": {
+          "value": "#93e3b6",
+          "modes": {
+            "dark": "#224331"
+          }
+        },
+        "--sl-scope-quaternary-soft-strong": {
+          "value": "#77c699",
+          "modes": {
+            "dark": "#2f5941"
+          }
+        },
+        "--sl-scope-quaternary-on-soft": {
+          "value": "#224331",
+          "modes": {
+            "dark": "#caf5e1"
+          }
+        },
+        "--sl-scope-quaternary-ink": {
+          "value": "#162e20",
+          "modes": {
+            "dark": "#defbef"
+          }
+        },
+        "--sl-scope-quaternary-border": {
+          "value": "#3a6c50",
+          "modes": {
+            "dark": "#5ba37a"
+          }
+        },
+        "--sl-scope-quaternary-border-subtle": {
+          "value": "#93e3b6",
+          "modes": {
+            "dark": "#162e20"
+          }
+        },
+        "--sl-scope-quaternary-fg": {
+          "value": "#2f5941",
+          "modes": {
+            "dark": "#93e3b6"
+          }
+        },
+        "--sl-scope-quaternary-signal": {
+          "value": "#488261",
+          "modes": {
+            "dark": "#5ba37a"
+          }
+        },
+        "--sl-scope-quaternary-focus": {
+          "value": "#488261",
+          "modes": {
+            "dark": "#5ba37a"
+          }
+        },
+        "--sl-scope-success-solid": {
+          "value": "#3a6c50",
+          "modes": {
+            "dark": "#5ca37a"
+          }
+        },
+        "--sl-scope-success-solid-hover": {
+          "value": "#2f5941",
+          "modes": {
+            "dark": "#92c1a4"
+          }
+        },
+        "--sl-scope-success-solid-active": {
+          "value": "#224331",
+          "modes": {
+            "dark": "#bcd9c7"
+          }
+        },
+        "--sl-scope-success-on-solid": {
+          "value": "#fafcfb",
+          "modes": {
+            "dark": "#0a1a11"
+          }
+        },
+        "--sl-scope-success-soft": {
+          "value": "#fafcfb",
+          "modes": {
+            "dark": "#0a1a11"
+          }
+        },
+        "--sl-scope-success-soft-hover": {
+          "value": "#e3efe7",
+          "modes": {
+            "dark": "#162e20"
+          }
+        },
+        "--sl-scope-success-soft-active": {
+          "value": "#bcd9c7",
+          "modes": {
+            "dark": "#224331"
+          }
+        },
+        "--sl-scope-success-soft-strong": {
+          "value": "#92c1a4",
+          "modes": {
+            "dark": "#2f5941"
+          }
+        },
+        "--sl-scope-success-on-soft": {
+          "value": "#224331",
+          "modes": {
+            "dark": "#e3efe7"
+          }
+        },
+        "--sl-scope-success-ink": {
+          "value": "#162e20",
+          "modes": {
+            "dark": "#f0f6f2"
+          }
+        },
+        "--sl-scope-success-border": {
+          "value": "#3a6c50",
+          "modes": {
+            "dark": "#5ca37a"
+          }
+        },
+        "--sl-scope-success-border-subtle": {
+          "value": "#bcd9c7",
+          "modes": {
+            "dark": "#162e20"
+          }
+        },
+        "--sl-scope-success-fg": {
+          "value": "#2f5941",
+          "modes": {
+            "dark": "#bcd9c7"
+          }
+        },
+        "--sl-scope-success-signal": {
+          "value": "#488261",
+          "modes": {
+            "dark": "#5ca37a"
+          }
+        },
+        "--sl-scope-success-focus": {
+          "value": "#488261",
+          "modes": {
+            "dark": "#5ca37a"
+          }
+        },
+        "--sl-scope-warning-solid": {
+          "value": "#7a5e11",
+          "modes": {
+            "dark": "#b78f1f"
+          }
+        },
+        "--sl-scope-warning-solid-hover": {
+          "value": "#654e0d",
+          "modes": {
+            "dark": "#dfb029"
+          }
+        },
+        "--sl-scope-warning-solid-active": {
+          "value": "#4d3a07",
+          "modes": {
+            "dark": "#edcf8a"
+          }
+        },
+        "--sl-scope-warning-on-solid": {
+          "value": "#fefbf6",
+          "modes": {
+            "dark": "#1f1601"
+          }
+        },
+        "--sl-scope-warning-soft": {
+          "value": "#fefbf6",
+          "modes": {
+            "dark": "#1f1601"
+          }
+        },
+        "--sl-scope-warning-soft-hover": {
+          "value": "#f7ebcf",
+          "modes": {
+            "dark": "#352804"
+          }
+        },
+        "--sl-scope-warning-soft-active": {
+          "value": "#edcf8a",
+          "modes": {
+            "dark": "#4d3a07"
+          }
+        },
+        "--sl-scope-warning-soft-strong": {
+          "value": "#dfb029",
+          "modes": {
+            "dark": "#654e0d"
+          }
+        },
+        "--sl-scope-warning-on-soft": {
+          "value": "#4d3a07",
+          "modes": {
+            "dark": "#f7ebcf"
+          }
+        },
+        "--sl-scope-warning-ink": {
+          "value": "#352804",
+          "modes": {
+            "dark": "#fbf4e5"
+          }
+        },
+        "--sl-scope-warning-border": {
+          "value": "#7a5e11",
+          "modes": {
+            "dark": "#b78f1f"
+          }
+        },
+        "--sl-scope-warning-border-subtle": {
+          "value": "#edcf8a",
+          "modes": {
+            "dark": "#352804"
+          }
+        },
+        "--sl-scope-warning-fg": {
+          "value": "#654e0d",
+          "modes": {
+            "dark": "#edcf8a"
+          }
+        },
+        "--sl-scope-warning-signal": {
+          "value": "#937217",
+          "modes": {
+            "dark": "#b78f1f"
+          }
+        },
+        "--sl-scope-warning-focus": {
+          "value": "#937217",
+          "modes": {
+            "dark": "#b78f1f"
+          }
+        },
+        "--sl-scope-error-solid": {
+          "value": "#c70000",
+          "modes": {
+            "dark": "#f46857"
+          }
+        },
+        "--sl-scope-error-solid-hover": {
+          "value": "#a70000",
+          "modes": {
+            "dark": "#fd9d8e"
+          }
+        },
+        "--sl-scope-error-solid-active": {
+          "value": "#800000",
+          "modes": {
+            "dark": "#ffc4bb"
+          }
+        },
+        "--sl-scope-error-on-solid": {
+          "value": "#fffafa",
+          "modes": {
+            "dark": "#380000"
+          }
+        },
+        "--sl-scope-error-soft": {
+          "value": "#fffafa",
+          "modes": {
+            "dark": "#380000"
+          }
+        },
+        "--sl-scope-error-soft-hover": {
+          "value": "#ffe7e3",
+          "modes": {
+            "dark": "#5c0000"
+          }
+        },
+        "--sl-scope-error-soft-active": {
+          "value": "#ffc4bb",
+          "modes": {
+            "dark": "#800000"
+          }
+        },
+        "--sl-scope-error-soft-strong": {
+          "value": "#fd9d8e",
+          "modes": {
+            "dark": "#a70000"
+          }
+        },
+        "--sl-scope-error-on-soft": {
+          "value": "#800000",
+          "modes": {
+            "dark": "#ffe7e3"
+          }
+        },
+        "--sl-scope-error-ink": {
+          "value": "#5c0000",
+          "modes": {
+            "dark": "#fff2f0"
+          }
+        },
+        "--sl-scope-error-border": {
+          "value": "#c70000",
+          "modes": {
+            "dark": "#f46857"
+          }
+        },
+        "--sl-scope-error-border-subtle": {
+          "value": "#ffc4bb",
+          "modes": {
+            "dark": "#5c0000"
+          }
+        },
+        "--sl-scope-error-fg": {
+          "value": "#a70000",
+          "modes": {
+            "dark": "#ffc4bb"
+          }
+        },
+        "--sl-scope-error-signal": {
+          "value": "#e72117",
+          "modes": {
+            "dark": "#f46857"
+          }
+        },
+        "--sl-scope-error-focus": {
+          "value": "#e72117",
+          "modes": {
+            "dark": "#f46857"
+          }
+        },
+        "--sl-scope-info-solid": {
+          "value": "#145dc8",
+          "modes": {
+            "dark": "#5e95ed"
+          }
+        },
+        "--sl-scope-info-solid-hover": {
+          "value": "#0f4da8",
+          "modes": {
+            "dark": "#91b8f5"
+          }
+        },
+        "--sl-scope-info-solid-active": {
+          "value": "#093a80",
+          "modes": {
+            "dark": "#bbd3fa"
+          }
+        },
+        "--sl-scope-info-on-solid": {
+          "value": "#f9fbff",
+          "modes": {
+            "dark": "#021539"
+          }
+        },
+        "--sl-scope-info-soft": {
+          "value": "#f9fbff",
+          "modes": {
+            "dark": "#021539"
+          }
+        },
+        "--sl-scope-info-soft-hover": {
+          "value": "#e2edfd",
+          "modes": {
+            "dark": "#04275c"
+          }
+        },
+        "--sl-scope-info-soft-active": {
+          "value": "#bbd3fa",
+          "modes": {
+            "dark": "#093a80"
+          }
+        },
+        "--sl-scope-info-soft-strong": {
+          "value": "#91b8f5",
+          "modes": {
+            "dark": "#0f4da8"
+          }
+        },
+        "--sl-scope-info-on-soft": {
+          "value": "#093a80",
+          "modes": {
+            "dark": "#e2edfd"
+          }
+        },
+        "--sl-scope-info-ink": {
+          "value": "#04275c",
+          "modes": {
+            "dark": "#f0f5fe"
+          }
+        },
+        "--sl-scope-info-border": {
+          "value": "#145dc8",
+          "modes": {
+            "dark": "#5e95ed"
+          }
+        },
+        "--sl-scope-info-border-subtle": {
+          "value": "#bbd3fa",
+          "modes": {
+            "dark": "#04275c"
+          }
+        },
+        "--sl-scope-info-fg": {
+          "value": "#0f4da8",
+          "modes": {
+            "dark": "#bbd3fa"
+          }
+        },
+        "--sl-scope-info-signal": {
+          "value": "#2973e3",
+          "modes": {
+            "dark": "#5e95ed"
+          }
+        },
+        "--sl-scope-info-focus": {
+          "value": "#2973e3",
+          "modes": {
+            "dark": "#5e95ed"
+          }
+        },
+        "--sl-scope-accent-solid": {
+          "value": "#a36759",
+          "modes": {
+            "dark": "#c37c6a"
+          }
+        },
+        "--sl-scope-accent-solid-hover": {
+          "value": "#875549",
+          "modes": {
+            "dark": "#e5927d"
+          }
+        },
+        "--sl-scope-accent-solid-active": {
+          "value": "#70463c",
+          "modes": {
+            "dark": "#f7c7bb"
+          }
+        },
+        "--sl-scope-accent-on-solid": {
+          "value": "#ffffff",
+          "modes": {
+            "dark": "#2b1a16"
+          }
+        },
+        "--sl-scope-accent-soft": "#fffaf9",
+        "--sl-scope-accent-soft-hover": "#fedfd7",
+        "--sl-scope-accent-soft-active": {
+          "value": "#fedfd7",
+          "modes": {
+            "dark": "#54352d"
+          }
+        },
+        "--sl-scope-accent-soft-strong": "#e5927d",
+        "--sl-scope-accent-on-soft": "#54352d",
+        "--sl-scope-accent-ink": "#3b241f",
+        "--sl-scope-accent-border": "#875549",
+        "--sl-scope-accent-border-subtle": "#f7c7bb",
+        "--sl-scope-accent-fg": "#70463c",
+        "--sl-scope-accent-signal": "#a36759",
+        "--sl-scope-accent-focus": "#a36759",
+        "--sl-scope-chrome-solid": "#203d48",
+        "--sl-scope-chrome-solid-hover": "#3c5a66",
+        "--sl-scope-chrome-solid-active": "#53737f",
+        "--sl-scope-chrome-on-solid": "#f3fcff",
+        "--sl-scope-chrome-soft": "#def6ff",
+        "--sl-scope-chrome-soft-hover": "#d1f3ff",
+        "--sl-scope-chrome-soft-active": "#b6dfee",
+        "--sl-scope-chrome-soft-strong": "#a9d5e5",
+        "--sl-scope-chrome-on-soft": "#03202a",
+        "--sl-scope-chrome-border": "#6b8d99",
+        "--sl-scope-chrome-border-hover": "#53737f",
+        "--sl-scope-chrome-border-subtle": "#def6ff",
+        "--sl-scope-chrome-border-strong": "#6b8d99",
+        "--sl-scope-chrome-divider": "#d1f3ff",
+        "--sl-scope-chrome-fg": {
+          "value": "#203d48",
+          "modes": {
+            "dark": "#ffffff"
+          }
+        },
+        "--sl-scope-chrome-fg-secondary": "#3c5a66",
+        "--sl-scope-chrome-fg-tertiary": "#53737f",
+        "--sl-scope-chrome-fg-disabled": "#a9d5e5",
+        "--sl-scope-chrome-focus": "#6b8d99",
+        "--sl-scope-chrome-raised": "#f3fcff",
+        "--sl-scope-chrome-overlay": "#eefaff",
+        "--sl-scope-chrome-tray": "#f3fcff",
+        "--sl-scope-chrome-inverse": "#203d48",
+        "--sl-scope-chrome-on-inverse": "#f3fcff",
+        "--sl-scope-chrome-track": "#def6ff",
+        "--sl-status-level-default-bold-bg": "#a36759",
+        "--sl-status-level-default-bold-bg-hover": "#875549",
+        "--sl-status-level-default-bold-bg-active": "#70463c",
+        "--sl-status-level-default-bold-fg": "#ffffff",
+        "--sl-status-level-default-bold-border": "#a36759",
+        "--sl-status-level-default-bold-border-hover": "#875549",
+        "--sl-status-level-default-standard-bg-hover": "#fffaf9",
+        "--sl-status-level-default-standard-bg-active": "#fedfd7",
+        "--sl-status-level-default-standard-fg": "#70463c",
+        "--sl-status-level-default-standard-border": "#875549",
+        "--sl-status-level-default-standard-border-hover": "#875549",
+        "--sl-status-level-default-subtle-bg": "#def6ff",
+        "--sl-status-level-default-subtle-bg-hover": "#d1f3ff",
+        "--sl-status-level-default-subtle-bg-active": "#b6dfee",
+        "--sl-status-level-default-subtle-fg": "#03202a",
+        "--sl-status-level-default-subtle-border": "#def6ff",
+        "--sl-status-level-default-subtle-border-hover": "#d1f3ff",
+        "--sl-status-level-default-quiet-bg-hover": "#def6ff",
+        "--sl-status-level-default-quiet-bg-active": "#d1f3ff",
+        "--sl-status-level-default-quiet-fg": "#203d48",
+        "--sl-status-level-default-quiet-border": "#6b8d99",
+        "--sl-status-level-default-quiet-border-hover": "#3c5a66",
+        "--sl-status-level-info-bold-bg": "#145dc8",
+        "--sl-status-level-info-bold-bg-hover": "#0f4da8",
+        "--sl-status-level-info-bold-bg-active": "#093a80",
+        "--sl-status-level-info-bold-border": "#145dc8",
+        "--sl-status-level-info-bold-border-hover": "#0f4da8",
+        "--sl-status-level-info-standard-bg-active": "#e2edfd",
+        "--sl-status-level-info-standard-fg": "#0f4da8",
+        "--sl-status-level-info-standard-border": "#145dc8",
+        "--sl-status-level-info-standard-border-hover": "#0f4da8",
+        "--sl-status-level-info-subtle-bg-hover": "#e2edfd",
+        "--sl-status-level-info-subtle-bg-active": "#bbd3fa",
+        "--sl-status-level-info-subtle-fg": "#093a80",
+        "--sl-status-level-info-subtle-border-hover": "#e2edfd",
+        "--sl-status-level-info-quiet-bg-active": "#e2edfd",
+        "--sl-status-level-info-quiet-fg": "#0f4da8",
+        "--sl-status-level-info-quiet-border": "#145dc8",
+        "--sl-status-level-info-quiet-border-hover": "#0f4da8",
+        "--sl-status-level-success-bold-bg": "#3a6c50",
+        "--sl-status-level-success-bold-bg-hover": "#2f5941",
+        "--sl-status-level-success-bold-bg-active": "#224331",
+        "--sl-status-level-success-bold-fg": "#fafcfb",
+        "--sl-status-level-success-bold-border": "#3a6c50",
+        "--sl-status-level-success-bold-border-hover": "#2f5941",
+        "--sl-status-level-success-standard-bg-hover": "#fafcfb",
+        "--sl-status-level-success-standard-bg-active": "#e3efe7",
+        "--sl-status-level-success-standard-fg": "#2f5941",
+        "--sl-status-level-success-standard-border": "#3a6c50",
+        "--sl-status-level-success-standard-border-hover": "#2f5941",
+        "--sl-status-level-success-subtle-bg": "#fafcfb",
+        "--sl-status-level-success-subtle-bg-hover": "#e3efe7",
+        "--sl-status-level-success-subtle-bg-active": "#bcd9c7",
+        "--sl-status-level-success-subtle-fg": "#224331",
+        "--sl-status-level-success-subtle-border": "#fafcfb",
+        "--sl-status-level-success-subtle-border-hover": "#e3efe7",
+        "--sl-status-level-success-quiet-bg-hover": "#fafcfb",
+        "--sl-status-level-success-quiet-bg-active": "#e3efe7",
+        "--sl-status-level-success-quiet-fg": "#2f5941",
+        "--sl-status-level-success-quiet-border": "#3a6c50",
+        "--sl-status-level-success-quiet-border-hover": "#2f5941",
+        "--sl-status-level-warning-bold-bg": "#7a5e11",
+        "--sl-status-level-warning-bold-bg-hover": "#654e0d",
+        "--sl-status-level-warning-bold-bg-active": "#4d3a07",
+        "--sl-status-level-warning-bold-fg": "#fefbf6",
+        "--sl-status-level-warning-bold-border": "#7a5e11",
+        "--sl-status-level-warning-bold-border-hover": "#654e0d",
+        "--sl-status-level-warning-standard-bg-hover": "#fefbf6",
+        "--sl-status-level-warning-standard-bg-active": "#f7ebcf",
+        "--sl-status-level-warning-standard-fg": "#654e0d",
+        "--sl-status-level-warning-standard-border": "#7a5e11",
+        "--sl-status-level-warning-standard-border-hover": "#654e0d",
+        "--sl-status-level-warning-subtle-bg": "#fefbf6",
+        "--sl-status-level-warning-subtle-bg-hover": "#f7ebcf",
+        "--sl-status-level-warning-subtle-bg-active": "#edcf8a",
+        "--sl-status-level-warning-subtle-fg": "#4d3a07",
+        "--sl-status-level-warning-subtle-border": "#fefbf6",
+        "--sl-status-level-warning-subtle-border-hover": "#f7ebcf",
+        "--sl-status-level-warning-quiet-bg-hover": "#fefbf6",
+        "--sl-status-level-warning-quiet-bg-active": "#f7ebcf",
+        "--sl-status-level-warning-quiet-fg": "#654e0d",
+        "--sl-status-level-warning-quiet-border": "#7a5e11",
+        "--sl-status-level-warning-quiet-border-hover": "#654e0d",
+        "--sl-status-level-error-bold-bg": "#c70000",
+        "--sl-status-level-error-bold-bg-hover": "#a70000",
+        "--sl-status-level-error-bold-bg-active": "#800000",
+        "--sl-status-level-error-bold-border": "#c70000",
+        "--sl-status-level-error-bold-border-hover": "#a70000",
+        "--sl-status-level-error-standard-bg-active": "#ffe7e3",
+        "--sl-status-level-error-standard-fg": "#a70000",
+        "--sl-status-level-error-standard-border": "#c70000",
+        "--sl-status-level-error-standard-border-hover": "#a70000",
+        "--sl-status-level-error-subtle-bg-hover": "#ffe7e3",
+        "--sl-status-level-error-subtle-bg-active": "#ffc4bb",
+        "--sl-status-level-error-subtle-fg": "#800000",
+        "--sl-status-level-error-subtle-border-hover": "#ffe7e3",
+        "--sl-status-level-error-quiet-bg-active": "#ffe7e3",
+        "--sl-status-level-error-quiet-fg": "#a70000",
+        "--sl-status-level-error-quiet-border": "#c70000",
+        "--sl-status-level-error-quiet-border-hover": "#a70000",
+        "--sl-avatar-initials-font-size-md": "0.875rem",
+        "--sl-avatar-initials-font-size-lg": "clamp(0.875rem, 0.8167rem + 0.2917vw, 1.05rem)",
+        "--sl-avatar-initials-font-size-xl": "clamp(1.26rem, 1.176rem + 0.42vw, 1.512rem)",
+        "--sl-button-radius": "0.0938rem",
+        "--sl-drawer-handle-color": "#6b8d99"
+      }
+    }
   ]
 }