@stokelp/styled-system 1.0.1

package/tokens/index.mjs

@@ -0,0 +1,1496 @@
+const tokens = {
+  "animations.backdrop-in": {
+    "value": "fade-in 250ms var(--easings-emphasized-in)",
+    "variable": "var(--animations-backdrop-in)"
+  },
+  "animations.backdrop-out": {
+    "value": "fade-out 200ms var(--easings-emphasized-out)",
+    "variable": "var(--animations-backdrop-out)"
+  },
+  "animations.bounce": {
+    "value": "bounce 1s infinite",
+    "variable": "var(--animations-bounce)"
+  },
+  "animations.dialog-in": {
+    "value": "slide-in-modal 400ms var(--easings-emphasized-in)",
+    "variable": "var(--animations-dialog-in)"
+  },
+  "animations.dialog-out": {
+    "value": "slide-out-modal 200ms var(--easings-emphasized-out)",
+    "variable": "var(--animations-dialog-out)"
+  },
+  "animations.drawer-in-left": {
+    "value": "slide-in-left 400ms var(--easings-emphasized-in)",
+    "variable": "var(--animations-drawer-in-left)"
+  },
+  "animations.drawer-in-right": {
+    "value": "slide-in-right 400ms var(--easings-emphasized-in)",
+    "variable": "var(--animations-drawer-in-right)"
+  },
+  "animations.drawer-out-left": {
+    "value": "slide-out-left 200ms var(--easings-emphasized-out)",
+    "variable": "var(--animations-drawer-out-left)"
+  },
+  "animations.drawer-out-right": {
+    "value": "slide-out-right 200ms var(--easings-emphasized-out)",
+    "variable": "var(--animations-drawer-out-right)"
+  },
+  "animations.fade-in": {
+    "value": "fade-in 400ms var(--easings-emphasized-in)",
+    "variable": "var(--animations-fade-in)"
+  },
+  "animations.ping": {
+    "value": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+    "variable": "var(--animations-ping)"
+  },
+  "animations.pulse": {
+    "value": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+    "variable": "var(--animations-pulse)"
+  },
+  "animations.skeleton-pulse": {
+    "value": "skeleton-pulse 2s var(--easings-pulse) infinite",
+    "variable": "var(--animations-skeleton-pulse)"
+  },
+  "animations.spin": {
+    "value": "spin 1s linear infinite",
+    "variable": "var(--animations-spin)"
+  },
+  "animations.collapse-in": {
+    "value": "collapse-in 150ms var(--easings-in)",
+    "variable": "var(--animations-collapse-in)"
+  },
+  "animations.collapse-out": {
+    "value": "collapse-out 150ms var(--easings-in-out)",
+    "variable": "var(--animations-collapse-out)"
+  },
+  "aspectRatios.golden": {
+    "value": "1.618 / 1",
+    "variable": "var(--aspect-ratios-golden)"
+  },
+  "aspectRatios.landscape": {
+    "value": "4 / 3",
+    "variable": "var(--aspect-ratios-landscape)"
+  },
+  "aspectRatios.portrait": {
+    "value": "3 / 4",
+    "variable": "var(--aspect-ratios-portrait)"
+  },
+  "aspectRatios.square": {
+    "value": "1 / 1",
+    "variable": "var(--aspect-ratios-square)"
+  },
+  "aspectRatios.ultrawide": {
+    "value": "18 / 5",
+    "variable": "var(--aspect-ratios-ultrawide)"
+  },
+  "aspectRatios.wide": {
+    "value": "16 / 9",
+    "variable": "var(--aspect-ratios-wide)"
+  },
+  "blurs.2xl": {
+    "value": "40px",
+    "variable": "var(--blurs-2xl)"
+  },
+  "blurs.3xl": {
+    "value": "64px",
+    "variable": "var(--blurs-3xl)"
+  },
+  "blurs.base": {
+    "value": "8px",
+    "variable": "var(--blurs-base)"
+  },
+  "blurs.lg": {
+    "value": "16px",
+    "variable": "var(--blurs-lg)"
+  },
+  "blurs.md": {
+    "value": "12px",
+    "variable": "var(--blurs-md)"
+  },
+  "blurs.sm": {
+    "value": "4px",
+    "variable": "var(--blurs-sm)"
+  },
+  "blurs.xl": {
+    "value": "24px",
+    "variable": "var(--blurs-xl)"
+  },
+  "borders.border.none": {
+    "value": "none",
+    "variable": "var(--borders-border-none)"
+  },
+  "colors.black": {
+    "value": "#000",
+    "variable": "var(--colors-black)"
+  },
+  "colors.current": {
+    "value": "currentColor",
+    "variable": "var(--colors-current)"
+  },
+  "colors.transparent": {
+    "value": "rgb(0 0 0 / 0)",
+    "variable": "var(--colors-transparent)"
+  },
+  "colors.white": {
+    "value": "#fff",
+    "variable": "var(--colors-white)"
+  },
+  "colors.purple.100": {
+    "value": "#F2F2FC",
+    "variable": "var(--colors-purple-100)"
+  },
+  "colors.purple.200": {
+    "value": "#B6B7E8",
+    "variable": "var(--colors-purple-200)"
+  },
+  "colors.purple.300": {
+    "value": "#7981CE",
+    "variable": "var(--colors-purple-300)"
+  },
+  "colors.purple.400": {
+    "value": "#4350AD",
+    "variable": "var(--colors-purple-400)"
+  },
+  "colors.purple.500": {
+    "value": "#162486",
+    "variable": "var(--colors-purple-500)"
+  },
+  "colors.purple.600": {
+    "value": "#132075",
+    "variable": "var(--colors-purple-600)"
+  },
+  "colors.purple.700": {
+    "value": "#111B65",
+    "variable": "var(--colors-purple-700)"
+  },
+  "colors.purple.800": {
+    "value": "#0E1754",
+    "variable": "var(--colors-purple-800)"
+  },
+  "colors.purple.900": {
+    "value": "#0B1243",
+    "variable": "var(--colors-purple-900)"
+  },
+  "colors.blue.100": {
+    "value": "#E6EEFF",
+    "variable": "var(--colors-blue-100)"
+  },
+  "colors.blue.200": {
+    "value": "#ACCAFF",
+    "variable": "var(--colors-blue-200)"
+  },
+  "colors.blue.300": {
+    "value": "#7CAAFF",
+    "variable": "var(--colors-blue-300)"
+  },
+  "colors.blue.400": {
+    "value": "#578DFF",
+    "variable": "var(--colors-blue-400)"
+  },
+  "colors.blue.500": {
+    "value": "#3C74EB",
+    "variable": "var(--colors-blue-500)"
+  },
+  "colors.blue.600": {
+    "value": "#3566CE",
+    "variable": "var(--colors-blue-600)"
+  },
+  "colors.blue.700": {
+    "value": "#2D57B0",
+    "variable": "var(--colors-blue-700)"
+  },
+  "colors.blue.800": {
+    "value": "#264993",
+    "variable": "var(--colors-blue-800)"
+  },
+  "colors.blue.900": {
+    "value": "#1E3A76",
+    "variable": "var(--colors-blue-900)"
+  },
+  "colors.grey.50": {
+    "value": "#F5F6F6",
+    "variable": "var(--colors-grey-50)"
+  },
+  "colors.grey.100": {
+    "value": "#D1D2D6",
+    "variable": "var(--colors-grey-100)"
+  },
+  "colors.grey.200": {
+    "value": "#ADAEB4",
+    "variable": "var(--colors-grey-200)"
+  },
+  "colors.grey.300": {
+    "value": "#898B93",
+    "variable": "var(--colors-grey-300)"
+  },
+  "colors.grey.400": {
+    "value": "#666871",
+    "variable": "var(--colors-grey-400)"
+  },
+  "colors.grey.500": {
+    "value": "#43454e",
+    "variable": "var(--colors-grey-500)"
+  },
+  "colors.grey.600": {
+    "value": "#3B3B44",
+    "variable": "var(--colors-grey-600)"
+  },
+  "colors.grey.700": {
+    "value": "#34323B",
+    "variable": "var(--colors-grey-700)"
+  },
+  "colors.grey.800": {
+    "value": "#2D2A31",
+    "variable": "var(--colors-grey-800)"
+  },
+  "colors.grey.900": {
+    "value": "#252227",
+    "variable": "var(--colors-grey-900)"
+  },
+  "colors.red.100": {
+    "value": "#FFE6E6",
+    "variable": "var(--colors-red-100)"
+  },
+  "colors.red.200": {
+    "value": "#FFB0B0",
+    "variable": "var(--colors-red-200)"
+  },
+  "colors.red.300": {
+    "value": "#FF8585",
+    "variable": "var(--colors-red-300)"
+  },
+  "colors.red.400": {
+    "value": "#FF6565",
+    "variable": "var(--colors-red-400)"
+  },
+  "colors.red.500": {
+    "value": "#Ff4e4e",
+    "variable": "var(--colors-red-500)"
+  },
+  "colors.red.600": {
+    "value": "#DF4444",
+    "variable": "var(--colors-red-600)"
+  },
+  "colors.red.700": {
+    "value": "#BF3B3B",
+    "variable": "var(--colors-red-700)"
+  },
+  "colors.red.800": {
+    "value": "#9F3131",
+    "variable": "var(--colors-red-800)"
+  },
+  "colors.red.900": {
+    "value": "#802727",
+    "variable": "var(--colors-red-900)"
+  },
+  "colors.green.100": {
+    "value": "#E6FFF7",
+    "variable": "var(--colors-green-100)"
+  },
+  "colors.green.200": {
+    "value": "#B4FCE2",
+    "variable": "var(--colors-green-200)"
+  },
+  "colors.green.300": {
+    "value": "#88F2CC",
+    "variable": "var(--colors-green-300)"
+  },
+  "colors.green.400": {
+    "value": "#64E0B3",
+    "variable": "var(--colors-green-400)"
+  },
+  "colors.green.500": {
+    "value": "#47c799",
+    "variable": "var(--colors-green-500)"
+  },
+  "colors.green.600": {
+    "value": "#3EAE86",
+    "variable": "var(--colors-green-600)"
+  },
+  "colors.green.700": {
+    "value": "#359573",
+    "variable": "var(--colors-green-700)"
+  },
+  "colors.green.800": {
+    "value": "#2C7C60",
+    "variable": "var(--colors-green-800)"
+  },
+  "colors.green.900": {
+    "value": "#24644D",
+    "variable": "var(--colors-green-900)"
+  },
+  "colors.yellow.100": {
+    "value": "#FFF9E6",
+    "variable": "var(--colors-yellow-100)"
+  },
+  "colors.yellow.200": {
+    "value": "#FFEAAC",
+    "variable": "var(--colors-yellow-200)"
+  },
+  "colors.yellow.300": {
+    "value": "#FFD976",
+    "variable": "var(--colors-yellow-300)"
+  },
+  "colors.yellow.400": {
+    "value": "#FFC551",
+    "variable": "var(--colors-yellow-400)"
+  },
+  "colors.yellow.500": {
+    "value": "#ffaf37",
+    "variable": "var(--colors-yellow-500)"
+  },
+  "colors.yellow.600": {
+    "value": "#DF9930",
+    "variable": "var(--colors-yellow-600)"
+  },
+  "colors.yellow.700": {
+    "value": "#BF8329",
+    "variable": "var(--colors-yellow-700)"
+  },
+  "colors.yellow.800": {
+    "value": "#9F6D22",
+    "variable": "var(--colors-yellow-800)"
+  },
+  "colors.yellow.900": {
+    "value": "#80581C",
+    "variable": "var(--colors-yellow-900)"
+  },
+  "durations.fast": {
+    "value": "150ms",
+    "variable": "var(--durations-fast)"
+  },
+  "durations.faster": {
+    "value": "100ms",
+    "variable": "var(--durations-faster)"
+  },
+  "durations.fastest": {
+    "value": "50ms",
+    "variable": "var(--durations-fastest)"
+  },
+  "durations.normal": {
+    "value": "200ms",
+    "variable": "var(--durations-normal)"
+  },
+  "durations.slow": {
+    "value": "300ms",
+    "variable": "var(--durations-slow)"
+  },
+  "durations.slower": {
+    "value": "400ms",
+    "variable": "var(--durations-slower)"
+  },
+  "durations.slowest": {
+    "value": "500ms",
+    "variable": "var(--durations-slowest)"
+  },
+  "easings.default": {
+    "value": "cubic-bezier(0.2, 0.0, 0, 1.0)",
+    "variable": "var(--easings-default)"
+  },
+  "easings.ease-bounce-1": {
+    "value": "linear(\n    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,\n    0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,\n    0.885, 0.895, 0.908 89.7%, 0.946, 1\n  )",
+    "variable": "var(--easings-ease-bounce-1)"
+  },
+  "easings.ease-bounce-2": {
+    "value": "linear(\n    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,\n    1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,\n    0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,\n    0.973, 1\n  )",
+    "variable": "var(--easings-ease-bounce-2)"
+  },
+  "easings.ease-bounce-3": {
+    "value": "linear(\n    0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,\n    1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,\n    0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,\n    0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,\n    0.96, 0.968, 0.981, 1\n  )",
+    "variable": "var(--easings-ease-bounce-3)"
+  },
+  "easings.ease-bounce-4": {
+    "value": "linear(\n    0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,\n    0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,\n    0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,\n    0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1\n  )",
+    "variable": "var(--easings-ease-bounce-4)"
+  },
+  "easings.ease-bounce-5": {
+    "value": "linear(\n    0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,\n    0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,\n    0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,\n    0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,\n    0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1\n  )",
+    "variable": "var(--easings-ease-bounce-5)"
+  },
+  "easings.ease-spring-1": {
+    "value": "linear(\n    0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n    0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,\n    1.001\n  )",
+    "variable": "var(--easings-ease-spring-1)"
+  },
+  "easings.ease-spring-2": {
+    "value": "linear(\n    0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,\n    1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,\n    0.999 61.6%, 0.995 71.2%, 1\n  )",
+    "variable": "var(--easings-ease-spring-2)"
+  },
+  "easings.ease-spring-3": {
+    "value": "linear(\n    0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,\n    1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,\n    1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,\n    0.997 69.8%, 1.003 76.9%, 1\n  )",
+    "variable": "var(--easings-ease-spring-3)"
+  },
+  "easings.ease-spring-4": {
+    "value": "linear(\n    0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,\n    1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,\n    0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,\n    0.998 78.9%, 1\n  )",
+    "variable": "var(--easings-ease-spring-4)"
+  },
+  "easings.ease-spring-5": {
+    "value": "linear(\n    0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,\n    1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,\n    0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,\n    1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1\n  )",
+    "variable": "var(--easings-ease-spring-5)"
+  },
+  "easings.emphasized-in": {
+    "value": "cubic-bezier(0.05, 0.7, 0.1, 1.0)",
+    "variable": "var(--easings-emphasized-in)"
+  },
+  "easings.emphasized-out": {
+    "value": "cubic-bezier(0.3, 0.0, 0.8, 0.15)",
+    "variable": "var(--easings-emphasized-out)"
+  },
+  "easings.in": {
+    "value": "cubic-bezier(0.4, 0, 1, 1)",
+    "variable": "var(--easings-in)"
+  },
+  "easings.in-out": {
+    "value": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "variable": "var(--easings-in-out)"
+  },
+  "easings.linear": {
+    "value": "linear",
+    "variable": "var(--easings-linear)"
+  },
+  "easings.out": {
+    "value": "cubic-bezier(0, 0, 0.2, 1)",
+    "variable": "var(--easings-out)"
+  },
+  "easings.pulse": {
+    "value": "cubic-bezier(0.4, 0.0, 0.6, 1.0)",
+    "variable": "var(--easings-pulse)"
+  },
+  "fontSizes.body.lg": {
+    "value": "1rem",
+    "variable": "var(--font-sizes-body-lg)"
+  },
+  "fontSizes.body.md": {
+    "value": "0.875rem",
+    "variable": "var(--font-sizes-body-md)"
+  },
+  "fontSizes.body.sm": {
+    "value": "0.75rem",
+    "variable": "var(--font-sizes-body-sm)"
+  },
+  "fontSizes.heading.desktop.2xl": {
+    "value": "2.75rem",
+    "variable": "var(--font-sizes-heading-desktop-2xl)"
+  },
+  "fontSizes.heading.desktop.lg": {
+    "value": "2rem",
+    "variable": "var(--font-sizes-heading-desktop-lg)"
+  },
+  "fontSizes.heading.desktop.md": {
+    "value": "1.75rem",
+    "variable": "var(--font-sizes-heading-desktop-md)"
+  },
+  "fontSizes.heading.desktop.sm": {
+    "value": "1.375rem",
+    "variable": "var(--font-sizes-heading-desktop-sm)"
+  },
+  "fontSizes.heading.desktop.xs": {
+    "value": "1.125rem",
+    "variable": "var(--font-sizes-heading-desktop-xs)"
+  },
+  "fontSizes.heading.mobile.2xl": {
+    "value": "2.375rem",
+    "variable": "var(--font-sizes-heading-mobile-2xl)"
+  },
+  "fontSizes.heading.mobile.lg": {
+    "value": "1.875rem",
+    "variable": "var(--font-sizes-heading-mobile-lg)"
+  },
+  "fontSizes.heading.mobile.md": {
+    "value": "1.5rem",
+    "variable": "var(--font-sizes-heading-mobile-md)"
+  },
+  "fontSizes.heading.mobile.sm": {
+    "value": "1.375rem",
+    "variable": "var(--font-sizes-heading-mobile-sm)"
+  },
+  "fontSizes.heading.mobile.xs": {
+    "value": "1.125rem",
+    "variable": "var(--font-sizes-heading-mobile-xs)"
+  },
+  "fontWeights.black": {
+    "value": "900",
+    "variable": "var(--font-weights-black)"
+  },
+  "fontWeights.bold": {
+    "value": "700",
+    "variable": "var(--font-weights-bold)"
+  },
+  "fontWeights.extrabold": {
+    "value": "800",
+    "variable": "var(--font-weights-extrabold)"
+  },
+  "fontWeights.extralight": {
+    "value": "200",
+    "variable": "var(--font-weights-extralight)"
+  },
+  "fontWeights.light": {
+    "value": "300",
+    "variable": "var(--font-weights-light)"
+  },
+  "fontWeights.medium": {
+    "value": "500",
+    "variable": "var(--font-weights-medium)"
+  },
+  "fontWeights.normal": {
+    "value": "400",
+    "variable": "var(--font-weights-normal)"
+  },
+  "fontWeights.semibold": {
+    "value": "600",
+    "variable": "var(--font-weights-semibold)"
+  },
+  "fontWeights.thin": {
+    "value": "100",
+    "variable": "var(--font-weights-thin)"
+  },
+  "fonts.satoshi": {
+    "value": "var(--font-satoshi)",
+    "variable": "var(--fonts-satoshi)"
+  },
+  "fonts.cabinet": {
+    "value": "var(--font-cabinet)",
+    "variable": "var(--fonts-cabinet)"
+  },
+  "fonts.mono": {
+    "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+    "variable": "var(--fonts-mono)"
+  },
+  "fonts.sans": {
+    "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
+    "variable": "var(--fonts-sans)"
+  },
+  "fonts.serif": {
+    "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
+    "variable": "var(--fonts-serif)"
+  },
+  "letterSpacings.normal": {
+    "value": "0em",
+    "variable": "var(--letter-spacings-normal)"
+  },
+  "letterSpacings.tight": {
+    "value": "-0.025em",
+    "variable": "var(--letter-spacings-tight)"
+  },
+  "letterSpacings.tighter": {
+    "value": "-0.05em",
+    "variable": "var(--letter-spacings-tighter)"
+  },
+  "letterSpacings.wide": {
+    "value": "0.025em",
+    "variable": "var(--letter-spacings-wide)"
+  },
+  "letterSpacings.wider": {
+    "value": "0.05em",
+    "variable": "var(--letter-spacings-wider)"
+  },
+  "letterSpacings.widest": {
+    "value": "0.1em",
+    "variable": "var(--letter-spacings-widest)"
+  },
+  "radii.radius-0": {
+    "value": "0px",
+    "variable": "var(--radii-radius-0)"
+  },
+  "radii.radius-2": {
+    "value": "2px",
+    "variable": "var(--radii-radius-2)"
+  },
+  "radii.radius-4": {
+    "value": "4px",
+    "variable": "var(--radii-radius-4)"
+  },
+  "radii.radius-6": {
+    "value": "6px",
+    "variable": "var(--radii-radius-6)"
+  },
+  "radii.radius-8": {
+    "value": "8px",
+    "variable": "var(--radii-radius-8)"
+  },
+  "radii.radius-10": {
+    "value": "10px",
+    "variable": "var(--radii-radius-10)"
+  },
+  "radii.radius-12": {
+    "value": "12px",
+    "variable": "var(--radii-radius-12)"
+  },
+  "radii.radius-16": {
+    "value": "16px",
+    "variable": "var(--radii-radius-16)"
+  },
+  "radii.radius-20": {
+    "value": "20px",
+    "variable": "var(--radii-radius-20)"
+  },
+  "radii.radius-24": {
+    "value": "24px",
+    "variable": "var(--radii-radius-24)"
+  },
+  "radii.radius-28": {
+    "value": "28px",
+    "variable": "var(--radii-radius-28)"
+  },
+  "radii.radius-32": {
+    "value": "32px",
+    "variable": "var(--radii-radius-32)"
+  },
+  "radii.radius-36": {
+    "value": "36px",
+    "variable": "var(--radii-radius-36)"
+  },
+  "radii.radius-40": {
+    "value": "40px",
+    "variable": "var(--radii-radius-40)"
+  },
+  "radii.radius-44": {
+    "value": "44px",
+    "variable": "var(--radii-radius-44)"
+  },
+  "radii.radius-48": {
+    "value": "48px",
+    "variable": "var(--radii-radius-48)"
+  },
+  "radii.radius-52": {
+    "value": "52px",
+    "variable": "var(--radii-radius-52)"
+  },
+  "radii.radius-56": {
+    "value": "56px",
+    "variable": "var(--radii-radius-56)"
+  },
+  "radii.radius-60": {
+    "value": "60px",
+    "variable": "var(--radii-radius-60)"
+  },
+  "radii.radius-64": {
+    "value": "64px",
+    "variable": "var(--radii-radius-64)"
+  },
+  "radii.full": {
+    "value": "9999px",
+    "variable": "var(--radii-full)"
+  },
+  "shadows.2xl": {
+    "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    "variable": "var(--shadows-2xl)"
+  },
+  "shadows.inner": {
+    "value": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+    "variable": "var(--shadows-inner)"
+  },
+  "shadows.lg": {
+    "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    "variable": "var(--shadows-lg)"
+  },
+  "shadows.md": {
+    "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    "variable": "var(--shadows-md)"
+  },
+  "shadows.sm": {
+    "value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    "variable": "var(--shadows-sm)"
+  },
+  "shadows.xl": {
+    "value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "variable": "var(--shadows-xl)"
+  },
+  "shadows.xs": {
+    "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    "variable": "var(--shadows-xs)"
+  },
+  "sizes.size-0": {
+    "value": "0px",
+    "variable": "var(--sizes-size-0)"
+  },
+  "sizes.size-12": {
+    "value": "12px",
+    "variable": "var(--sizes-size-12)"
+  },
+  "sizes.size-14": {
+    "value": "14px",
+    "variable": "var(--sizes-size-14)"
+  },
+  "sizes.size-16": {
+    "value": "16px",
+    "variable": "var(--sizes-size-16)"
+  },
+  "sizes.size-2": {
+    "value": "2px",
+    "variable": "var(--sizes-size-2)"
+  },
+  "sizes.size-20": {
+    "value": "20px",
+    "variable": "var(--sizes-size-20)"
+  },
+  "sizes.size-24": {
+    "value": "24px",
+    "variable": "var(--sizes-size-24)"
+  },
+  "sizes.size-28": {
+    "value": "28px",
+    "variable": "var(--sizes-size-28)"
+  },
+  "sizes.size-32": {
+    "value": "32px",
+    "variable": "var(--sizes-size-32)"
+  },
+  "sizes.size-36": {
+    "value": "36px",
+    "variable": "var(--sizes-size-36)"
+  },
+  "sizes.size-4": {
+    "value": "4px",
+    "variable": "var(--sizes-size-4)"
+  },
+  "sizes.size-40": {
+    "value": "40px",
+    "variable": "var(--sizes-size-40)"
+  },
+  "sizes.size-6": {
+    "value": "6px",
+    "variable": "var(--sizes-size-6)"
+  },
+  "sizes.size-44": {
+    "value": "44px",
+    "variable": "var(--sizes-size-44)"
+  },
+  "sizes.size-8": {
+    "value": "8px",
+    "variable": "var(--sizes-size-8)"
+  },
+  "sizes.full": {
+    "value": "100%",
+    "variable": "var(--sizes-full)"
+  },
+  "sizes.max": {
+    "value": "max-content",
+    "variable": "var(--sizes-max)"
+  },
+  "sizes.size-48": {
+    "value": "48px",
+    "variable": "var(--sizes-size-48)"
+  },
+  "sizes.fit": {
+    "value": "fit-content",
+    "variable": "var(--sizes-fit)"
+  },
+  "sizes.size-52": {
+    "value": "52px",
+    "variable": "var(--sizes-size-52)"
+  },
+  "sizes.min": {
+    "value": "min-content",
+    "variable": "var(--sizes-min)"
+  },
+  "sizes.size-56": {
+    "value": "56px",
+    "variable": "var(--sizes-size-56)"
+  },
+  "sizes.size-60": {
+    "value": "60px",
+    "variable": "var(--sizes-size-60)"
+  },
+  "sizes.size-64": {
+    "value": "64px",
+    "variable": "var(--sizes-size-64)"
+  },
+  "sizes.size-68": {
+    "value": "68px",
+    "variable": "var(--sizes-size-68)"
+  },
+  "sizes.size-72": {
+    "value": "72px",
+    "variable": "var(--sizes-size-72)"
+  },
+  "sizes.size-76": {
+    "value": "76px",
+    "variable": "var(--sizes-size-76)"
+  },
+  "sizes.size-80": {
+    "value": "80px",
+    "variable": "var(--sizes-size-80)"
+  },
+  "sizes.breakpoint-xl": {
+    "value": "1536px",
+    "variable": "var(--sizes-breakpoint-xl)"
+  },
+  "sizes.breakpoint-lg": {
+    "value": "1200px",
+    "variable": "var(--sizes-breakpoint-lg)"
+  },
+  "sizes.breakpoint-md": {
+    "value": "900px",
+    "variable": "var(--sizes-breakpoint-md)"
+  },
+  "sizes.breakpoint-sm": {
+    "value": "600px",
+    "variable": "var(--sizes-breakpoint-sm)"
+  },
+  "spacing.space-0": {
+    "value": "0px",
+    "variable": "var(--spacing-space-0)"
+  },
+  "spacing.space-12": {
+    "value": "12px",
+    "variable": "var(--spacing-space-12)"
+  },
+  "spacing.space-14": {
+    "value": "14px",
+    "variable": "var(--spacing-space-14)"
+  },
+  "spacing.space-16": {
+    "value": "16px",
+    "variable": "var(--spacing-space-16)"
+  },
+  "spacing.space-2": {
+    "value": "2px",
+    "variable": "var(--spacing-space-2)"
+  },
+  "spacing.space-20": {
+    "value": "20px",
+    "variable": "var(--spacing-space-20)"
+  },
+  "spacing.space-24": {
+    "value": "24px",
+    "variable": "var(--spacing-space-24)"
+  },
+  "spacing.space-28": {
+    "value": "28px",
+    "variable": "var(--spacing-space-28)"
+  },
+  "spacing.space-32": {
+    "value": "32px",
+    "variable": "var(--spacing-space-32)"
+  },
+  "spacing.space-36": {
+    "value": "36px",
+    "variable": "var(--spacing-space-36)"
+  },
+  "spacing.space-4": {
+    "value": "4px",
+    "variable": "var(--spacing-space-4)"
+  },
+  "spacing.space-40": {
+    "value": "40px",
+    "variable": "var(--spacing-space-40)"
+  },
+  "spacing.space-6": {
+    "value": "6px",
+    "variable": "var(--spacing-space-6)"
+  },
+  "spacing.space-44": {
+    "value": "44px",
+    "variable": "var(--spacing-space-44)"
+  },
+  "spacing.space-8": {
+    "value": "8px",
+    "variable": "var(--spacing-space-8)"
+  },
+  "spacing.space-48": {
+    "value": "48px",
+    "variable": "var(--spacing-space-48)"
+  },
+  "spacing.space-52": {
+    "value": "52px",
+    "variable": "var(--spacing-space-52)"
+  },
+  "spacing.space-56": {
+    "value": "56px",
+    "variable": "var(--spacing-space-56)"
+  },
+  "spacing.space-60": {
+    "value": "60px",
+    "variable": "var(--spacing-space-60)"
+  },
+  "spacing.space-64": {
+    "value": "64px",
+    "variable": "var(--spacing-space-64)"
+  },
+  "spacing.space-68": {
+    "value": "68px",
+    "variable": "var(--spacing-space-68)"
+  },
+  "spacing.space-72": {
+    "value": "72px",
+    "variable": "var(--spacing-space-72)"
+  },
+  "spacing.space-76": {
+    "value": "76px",
+    "variable": "var(--spacing-space-76)"
+  },
+  "spacing.space-80": {
+    "value": "80px",
+    "variable": "var(--spacing-space-80)"
+  },
+  "zIndex.banner": {
+    "value": 1200,
+    "variable": "var(--z-index-banner)"
+  },
+  "zIndex.base": {
+    "value": 0,
+    "variable": "var(--z-index-base)"
+  },
+  "zIndex.docked": {
+    "value": 10,
+    "variable": "var(--z-index-docked)"
+  },
+  "zIndex.dropdown": {
+    "value": 1000,
+    "variable": "var(--z-index-dropdown)"
+  },
+  "zIndex.hide": {
+    "value": -1,
+    "variable": "var(--z-index-hide)"
+  },
+  "zIndex.modal": {
+    "value": 1400,
+    "variable": "var(--z-index-modal)"
+  },
+  "zIndex.overlay": {
+    "value": 1300,
+    "variable": "var(--z-index-overlay)"
+  },
+  "zIndex.popover": {
+    "value": 1500,
+    "variable": "var(--z-index-popover)"
+  },
+  "zIndex.skipLink": {
+    "value": 1600,
+    "variable": "var(--z-index-skip-link)"
+  },
+  "zIndex.sticky": {
+    "value": 1100,
+    "variable": "var(--z-index-sticky)"
+  },
+  "zIndex.toast": {
+    "value": 1700,
+    "variable": "var(--z-index-toast)"
+  },
+  "zIndex.tooltip": {
+    "value": 1800,
+    "variable": "var(--z-index-tooltip)"
+  },
+  "breakpoints.xl": {
+    "value": "1536px",
+    "variable": "var(--breakpoints-xl)"
+  },
+  "breakpoints.lg": {
+    "value": "1200px",
+    "variable": "var(--breakpoints-lg)"
+  },
+  "breakpoints.md": {
+    "value": "900px",
+    "variable": "var(--breakpoints-md)"
+  },
+  "breakpoints.sm": {
+    "value": "600px",
+    "variable": "var(--breakpoints-sm)"
+  },
+  "colors.decorative.red.light": {
+    "value": "#FFB5AD",
+    "variable": "var(--colors-decorative-red-light)"
+  },
+  "colors.decorative.red.mid": {
+    "value": "#EA4F42",
+    "variable": "var(--colors-decorative-red-mid)"
+  },
+  "colors.decorative.red.dark": {
+    "value": "#752821",
+    "variable": "var(--colors-decorative-red-dark)"
+  },
+  "colors.decorative.blue.light": {
+    "value": "#B8FFFF",
+    "variable": "var(--colors-decorative-blue-light)"
+  },
+  "colors.decorative.blue.mid": {
+    "value": "#54D2D2",
+    "variable": "var(--colors-decorative-blue-mid)"
+  },
+  "colors.decorative.blue.dark": {
+    "value": "#2A6969",
+    "variable": "var(--colors-decorative-blue-dark)"
+  },
+  "colors.decorative.yellow.light": {
+    "value": "#FFFFAC",
+    "variable": "var(--colors-decorative-yellow-light)"
+  },
+  "colors.decorative.yellow.mid": {
+    "value": "#FFCB00",
+    "variable": "var(--colors-decorative-yellow-mid)"
+  },
+  "colors.decorative.yellow.dark": {
+    "value": "#806600",
+    "variable": "var(--colors-decorative-yellow-dark)"
+  },
+  "colors.decorative.purple.light": {
+    "value": "#D1B8FF",
+    "variable": "var(--colors-decorative-purple-light)"
+  },
+  "colors.decorative.purple.mid": {
+    "value": "#8C61FF",
+    "variable": "var(--colors-decorative-purple-mid)"
+  },
+  "colors.decorative.purple.dark": {
+    "value": "#463180",
+    "variable": "var(--colors-decorative-purple-dark)"
+  },
+  "colors.decorative.green.light": {
+    "value": "#BEF1C7",
+    "variable": "var(--colors-decorative-green-light)"
+  },
+  "colors.decorative.green.mid": {
+    "value": "#58B368",
+    "variable": "var(--colors-decorative-green-mid)"
+  },
+  "colors.decorative.green.dark": {
+    "value": "#2C5A34",
+    "variable": "var(--colors-decorative-green-dark)"
+  },
+  "colors.decorative.brown.light": {
+    "value": "#E4CEB9",
+    "variable": "var(--colors-decorative-brown-light)"
+  },
+  "colors.decorative.brown.mid": {
+    "value": "#8F6944",
+    "variable": "var(--colors-decorative-brown-mid)"
+  },
+  "colors.decorative.brown.dark": {
+    "value": "#483522",
+    "variable": "var(--colors-decorative-brown-dark)"
+  },
+  "colors.primary.100": {
+    "value": "var(--colors-purple-100)",
+    "variable": "var(--colors-primary-100)"
+  },
+  "colors.primary.200": {
+    "value": "var(--colors-purple-200)",
+    "variable": "var(--colors-primary-200)"
+  },
+  "colors.primary.300": {
+    "value": "var(--colors-purple-300)",
+    "variable": "var(--colors-primary-300)"
+  },
+  "colors.primary.400": {
+    "value": "var(--colors-purple-400)",
+    "variable": "var(--colors-primary-400)"
+  },
+  "colors.primary.500": {
+    "value": "var(--colors-purple-500)",
+    "variable": "var(--colors-primary-500)"
+  },
+  "colors.primary.600": {
+    "value": "var(--colors-purple-600)",
+    "variable": "var(--colors-primary-600)"
+  },
+  "colors.primary.700": {
+    "value": "var(--colors-purple-700)",
+    "variable": "var(--colors-primary-700)"
+  },
+  "colors.primary.800": {
+    "value": "var(--colors-purple-800)",
+    "variable": "var(--colors-primary-800)"
+  },
+  "colors.primary.900": {
+    "value": "var(--colors-purple-900)",
+    "variable": "var(--colors-primary-900)"
+  },
+  "colors.secondary.100": {
+    "value": "var(--colors-blue-100)",
+    "variable": "var(--colors-secondary-100)"
+  },
+  "colors.secondary.200": {
+    "value": "var(--colors-blue-200)",
+    "variable": "var(--colors-secondary-200)"
+  },
+  "colors.secondary.300": {
+    "value": "var(--colors-blue-300)",
+    "variable": "var(--colors-secondary-300)"
+  },
+  "colors.secondary.400": {
+    "value": "var(--colors-blue-400)",
+    "variable": "var(--colors-secondary-400)"
+  },
+  "colors.secondary.500": {
+    "value": "var(--colors-blue-500)",
+    "variable": "var(--colors-secondary-500)"
+  },
+  "colors.secondary.600": {
+    "value": "var(--colors-blue-600)",
+    "variable": "var(--colors-secondary-600)"
+  },
+  "colors.secondary.700": {
+    "value": "var(--colors-blue-700)",
+    "variable": "var(--colors-secondary-700)"
+  },
+  "colors.secondary.800": {
+    "value": "var(--colors-blue-800)",
+    "variable": "var(--colors-secondary-800)"
+  },
+  "colors.secondary.900": {
+    "value": "var(--colors-blue-900)",
+    "variable": "var(--colors-secondary-900)"
+  },
+  "colors.error.100": {
+    "value": "var(--colors-red-100)",
+    "variable": "var(--colors-error-100)"
+  },
+  "colors.error.200": {
+    "value": "var(--colors-red-200)",
+    "variable": "var(--colors-error-200)"
+  },
+  "colors.error.300": {
+    "value": "var(--colors-red-300)",
+    "variable": "var(--colors-error-300)"
+  },
+  "colors.error.400": {
+    "value": "var(--colors-red-400)",
+    "variable": "var(--colors-error-400)"
+  },
+  "colors.error.500": {
+    "value": "var(--colors-red-500)",
+    "variable": "var(--colors-error-500)"
+  },
+  "colors.error.600": {
+    "value": "var(--colors-red-600)",
+    "variable": "var(--colors-error-600)"
+  },
+  "colors.error.700": {
+    "value": "var(--colors-red-700)",
+    "variable": "var(--colors-error-700)"
+  },
+  "colors.error.800": {
+    "value": "var(--colors-red-800)",
+    "variable": "var(--colors-error-800)"
+  },
+  "colors.error.900": {
+    "value": "var(--colors-red-900)",
+    "variable": "var(--colors-error-900)"
+  },
+  "colors.success.100": {
+    "value": "var(--colors-green-100)",
+    "variable": "var(--colors-success-100)"
+  },
+  "colors.success.200": {
+    "value": "var(--colors-green-200)",
+    "variable": "var(--colors-success-200)"
+  },
+  "colors.success.300": {
+    "value": "var(--colors-green-300)",
+    "variable": "var(--colors-success-300)"
+  },
+  "colors.success.400": {
+    "value": "var(--colors-green-400)",
+    "variable": "var(--colors-success-400)"
+  },
+  "colors.success.500": {
+    "value": "var(--colors-green-500)",
+    "variable": "var(--colors-success-500)"
+  },
+  "colors.success.600": {
+    "value": "var(--colors-green-600)",
+    "variable": "var(--colors-success-600)"
+  },
+  "colors.success.700": {
+    "value": "var(--colors-green-700)",
+    "variable": "var(--colors-success-700)"
+  },
+  "colors.success.800": {
+    "value": "var(--colors-green-800)",
+    "variable": "var(--colors-success-800)"
+  },
+  "colors.success.900": {
+    "value": "var(--colors-green-900)",
+    "variable": "var(--colors-success-900)"
+  },
+  "colors.warning.100": {
+    "value": "var(--colors-yellow-100)",
+    "variable": "var(--colors-warning-100)"
+  },
+  "colors.warning.200": {
+    "value": "var(--colors-yellow-200)",
+    "variable": "var(--colors-warning-200)"
+  },
+  "colors.warning.300": {
+    "value": "var(--colors-yellow-300)",
+    "variable": "var(--colors-warning-300)"
+  },
+  "colors.warning.400": {
+    "value": "var(--colors-yellow-400)",
+    "variable": "var(--colors-warning-400)"
+  },
+  "colors.warning.500": {
+    "value": "var(--colors-yellow-500)",
+    "variable": "var(--colors-warning-500)"
+  },
+  "colors.warning.600": {
+    "value": "var(--colors-yellow-600)",
+    "variable": "var(--colors-warning-600)"
+  },
+  "colors.warning.700": {
+    "value": "var(--colors-yellow-700)",
+    "variable": "var(--colors-warning-700)"
+  },
+  "colors.warning.800": {
+    "value": "var(--colors-yellow-800)",
+    "variable": "var(--colors-warning-800)"
+  },
+  "colors.warning.900": {
+    "value": "var(--colors-yellow-900)",
+    "variable": "var(--colors-warning-900)"
+  },
+  "colors.text": {
+    "value": "var(--colors-grey-800)",
+    "variable": "var(--colors-text)"
+  },
+  "colors.text.disabled": {
+    "value": "var(--colors-grey-300)",
+    "variable": "var(--colors-text-disabled)"
+  },
+  "colors.text.heading": {
+    "value": "var(--colors-primary-900)",
+    "variable": "var(--colors-text-heading)"
+  },
+  "spacing.-space-0": {
+    "value": "calc(var(--spacing-space-0) * -1)",
+    "variable": "var(--spacing-space-0)"
+  },
+  "spacing.-space-12": {
+    "value": "calc(var(--spacing-space-12) * -1)",
+    "variable": "var(--spacing-space-12)"
+  },
+  "spacing.-space-14": {
+    "value": "calc(var(--spacing-space-14) * -1)",
+    "variable": "var(--spacing-space-14)"
+  },
+  "spacing.-space-16": {
+    "value": "calc(var(--spacing-space-16) * -1)",
+    "variable": "var(--spacing-space-16)"
+  },
+  "spacing.-space-2": {
+    "value": "calc(var(--spacing-space-2) * -1)",
+    "variable": "var(--spacing-space-2)"
+  },
+  "spacing.-space-20": {
+    "value": "calc(var(--spacing-space-20) * -1)",
+    "variable": "var(--spacing-space-20)"
+  },
+  "spacing.-space-24": {
+    "value": "calc(var(--spacing-space-24) * -1)",
+    "variable": "var(--spacing-space-24)"
+  },
+  "spacing.-space-28": {
+    "value": "calc(var(--spacing-space-28) * -1)",
+    "variable": "var(--spacing-space-28)"
+  },
+  "spacing.-space-32": {
+    "value": "calc(var(--spacing-space-32) * -1)",
+    "variable": "var(--spacing-space-32)"
+  },
+  "spacing.-space-36": {
+    "value": "calc(var(--spacing-space-36) * -1)",
+    "variable": "var(--spacing-space-36)"
+  },
+  "spacing.-space-4": {
+    "value": "calc(var(--spacing-space-4) * -1)",
+    "variable": "var(--spacing-space-4)"
+  },
+  "spacing.-space-40": {
+    "value": "calc(var(--spacing-space-40) * -1)",
+    "variable": "var(--spacing-space-40)"
+  },
+  "spacing.-space-6": {
+    "value": "calc(var(--spacing-space-6) * -1)",
+    "variable": "var(--spacing-space-6)"
+  },
+  "spacing.-space-44": {
+    "value": "calc(var(--spacing-space-44) * -1)",
+    "variable": "var(--spacing-space-44)"
+  },
+  "spacing.-space-8": {
+    "value": "calc(var(--spacing-space-8) * -1)",
+    "variable": "var(--spacing-space-8)"
+  },
+  "spacing.-space-48": {
+    "value": "calc(var(--spacing-space-48) * -1)",
+    "variable": "var(--spacing-space-48)"
+  },
+  "spacing.-space-52": {
+    "value": "calc(var(--spacing-space-52) * -1)",
+    "variable": "var(--spacing-space-52)"
+  },
+  "spacing.-space-56": {
+    "value": "calc(var(--spacing-space-56) * -1)",
+    "variable": "var(--spacing-space-56)"
+  },
+  "spacing.-space-60": {
+    "value": "calc(var(--spacing-space-60) * -1)",
+    "variable": "var(--spacing-space-60)"
+  },
+  "spacing.-space-64": {
+    "value": "calc(var(--spacing-space-64) * -1)",
+    "variable": "var(--spacing-space-64)"
+  },
+  "spacing.-space-68": {
+    "value": "calc(var(--spacing-space-68) * -1)",
+    "variable": "var(--spacing-space-68)"
+  },
+  "spacing.-space-72": {
+    "value": "calc(var(--spacing-space-72) * -1)",
+    "variable": "var(--spacing-space-72)"
+  },
+  "spacing.-space-76": {
+    "value": "calc(var(--spacing-space-76) * -1)",
+    "variable": "var(--spacing-space-76)"
+  },
+  "spacing.-space-80": {
+    "value": "calc(var(--spacing-space-80) * -1)",
+    "variable": "var(--spacing-space-80)"
+  },
+  "colors.colorPalette": {
+    "value": "var(--colors-color-palette)",
+    "variable": "var(--colors-color-palette)"
+  },
+  "colors.colorPalette.100": {
+    "value": "var(--colors-color-palette-100)",
+    "variable": "var(--colors-color-palette-100)"
+  },
+  "colors.colorPalette.200": {
+    "value": "var(--colors-color-palette-200)",
+    "variable": "var(--colors-color-palette-200)"
+  },
+  "colors.colorPalette.300": {
+    "value": "var(--colors-color-palette-300)",
+    "variable": "var(--colors-color-palette-300)"
+  },
+  "colors.colorPalette.400": {
+    "value": "var(--colors-color-palette-400)",
+    "variable": "var(--colors-color-palette-400)"
+  },
+  "colors.colorPalette.500": {
+    "value": "var(--colors-color-palette-500)",
+    "variable": "var(--colors-color-palette-500)"
+  },
+  "colors.colorPalette.600": {
+    "value": "var(--colors-color-palette-600)",
+    "variable": "var(--colors-color-palette-600)"
+  },
+  "colors.colorPalette.700": {
+    "value": "var(--colors-color-palette-700)",
+    "variable": "var(--colors-color-palette-700)"
+  },
+  "colors.colorPalette.800": {
+    "value": "var(--colors-color-palette-800)",
+    "variable": "var(--colors-color-palette-800)"
+  },
+  "colors.colorPalette.900": {
+    "value": "var(--colors-color-palette-900)",
+    "variable": "var(--colors-color-palette-900)"
+  },
+  "colors.colorPalette.50": {
+    "value": "var(--colors-color-palette-50)",
+    "variable": "var(--colors-color-palette-50)"
+  },
+  "colors.colorPalette.red.light": {
+    "value": "var(--colors-color-palette-red-light)",
+    "variable": "var(--colors-color-palette-red-light)"
+  },
+  "colors.colorPalette.light": {
+    "value": "var(--colors-color-palette-light)",
+    "variable": "var(--colors-color-palette-light)"
+  },
+  "colors.colorPalette.red.mid": {
+    "value": "var(--colors-color-palette-red-mid)",
+    "variable": "var(--colors-color-palette-red-mid)"
+  },
+  "colors.colorPalette.mid": {
+    "value": "var(--colors-color-palette-mid)",
+    "variable": "var(--colors-color-palette-mid)"
+  },
+  "colors.colorPalette.red.dark": {
+    "value": "var(--colors-color-palette-red-dark)",
+    "variable": "var(--colors-color-palette-red-dark)"
+  },
+  "colors.colorPalette.dark": {
+    "value": "var(--colors-color-palette-dark)",
+    "variable": "var(--colors-color-palette-dark)"
+  },
+  "colors.colorPalette.blue.light": {
+    "value": "var(--colors-color-palette-blue-light)",
+    "variable": "var(--colors-color-palette-blue-light)"
+  },
+  "colors.colorPalette.blue.mid": {
+    "value": "var(--colors-color-palette-blue-mid)",
+    "variable": "var(--colors-color-palette-blue-mid)"
+  },
+  "colors.colorPalette.blue.dark": {
+    "value": "var(--colors-color-palette-blue-dark)",
+    "variable": "var(--colors-color-palette-blue-dark)"
+  },
+  "colors.colorPalette.yellow.light": {
+    "value": "var(--colors-color-palette-yellow-light)",
+    "variable": "var(--colors-color-palette-yellow-light)"
+  },
+  "colors.colorPalette.yellow.mid": {
+    "value": "var(--colors-color-palette-yellow-mid)",
+    "variable": "var(--colors-color-palette-yellow-mid)"
+  },
+  "colors.colorPalette.yellow.dark": {
+    "value": "var(--colors-color-palette-yellow-dark)",
+    "variable": "var(--colors-color-palette-yellow-dark)"
+  },
+  "colors.colorPalette.purple.light": {
+    "value": "var(--colors-color-palette-purple-light)",
+    "variable": "var(--colors-color-palette-purple-light)"
+  },
+  "colors.colorPalette.purple.mid": {
+    "value": "var(--colors-color-palette-purple-mid)",
+    "variable": "var(--colors-color-palette-purple-mid)"
+  },
+  "colors.colorPalette.purple.dark": {
+    "value": "var(--colors-color-palette-purple-dark)",
+    "variable": "var(--colors-color-palette-purple-dark)"
+  },
+  "colors.colorPalette.green.light": {
+    "value": "var(--colors-color-palette-green-light)",
+    "variable": "var(--colors-color-palette-green-light)"
+  },
+  "colors.colorPalette.green.mid": {
+    "value": "var(--colors-color-palette-green-mid)",
+    "variable": "var(--colors-color-palette-green-mid)"
+  },
+  "colors.colorPalette.green.dark": {
+    "value": "var(--colors-color-palette-green-dark)",
+    "variable": "var(--colors-color-palette-green-dark)"
+  },
+  "colors.colorPalette.brown.light": {
+    "value": "var(--colors-color-palette-brown-light)",
+    "variable": "var(--colors-color-palette-brown-light)"
+  },
+  "colors.colorPalette.brown.mid": {
+    "value": "var(--colors-color-palette-brown-mid)",
+    "variable": "var(--colors-color-palette-brown-mid)"
+  },
+  "colors.colorPalette.brown.dark": {
+    "value": "var(--colors-color-palette-brown-dark)",
+    "variable": "var(--colors-color-palette-brown-dark)"
+  },
+  "colors.colorPalette.disabled": {
+    "value": "var(--colors-color-palette-disabled)",
+    "variable": "var(--colors-color-palette-disabled)"
+  },
+  "colors.colorPalette.heading": {
+    "value": "var(--colors-color-palette-heading)",
+    "variable": "var(--colors-color-palette-heading)"
+  }
+}
+
+export function token(path, fallback) {
+  return tokens[path]?.value || fallback
+}
+
+function tokenVar(path, fallback) {
+  return tokens[path]?.variable || fallback
+}
+
+token.var = tokenVar