export const tokens: Readonly<{
    darkTheme: Readonly<{
        backdrop: Readonly<{
            "backdrop-large": Readonly<{
                value: "60px";
                ref: "dimension-60";
            }>;
            "backdrop-small": Readonly<{
                value: "6px";
                ref: "dimension-6";
            }>;
        }>;
        border: Readonly<{
            "border-default": Readonly<{
                value: "0 0 0 1px #ffffff1f";
                ref: "0 0 0 dimension-1 color-border-neutral";
            }>;
            "border-bottom": Readonly<{
                value: "0 -1px 0 0 #ffffff1f";
                ref: "0 dimension-1-m 0 0 color-border-neutral";
            }>;
            "border-right": Readonly<{
                value: "-1px 0 0 0 #ffffff1f";
                ref: "dimension-1-m 0 0 0 color-border-neutral";
            }>;
            "border-left": Readonly<{
                value: "1px 0 0 0 #ffffff1f";
                ref: "dimension-1 0 0 0 color-border-neutral";
            }>;
            "border-top": Readonly<{
                value: "0 1px 0 0 #ffffff1f";
                ref: "0 dimension-1 0 0 color-border-neutral";
            }>;
            "border-white-high": Readonly<{
                value: "0 0 0 1px #242426ff";
                ref: "0 0 0 dimension-1 color-surface-high";
            }>;
            "border-white-higher": Readonly<{
                value: "0 0 0 1px #29292dff";
                ref: "0 0 0 dimension-1 color-surface-higher";
            }>;
            "border-white-highest": Readonly<{
                value: "0 0 0 1px #313135ff";
                ref: "0 0 0 dimension-1 color-surface-highest";
            }>;
        }>;
        elevation: Readonly<{
            "elevation-1": Readonly<{
                value: "0 1px 2px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-1 dimension-2 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
            "elevation-2": Readonly<{
                value: "0 2px 6px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-2 dimension-6 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
            "elevation-3": Readonly<{
                value: "0 4px 12px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-4 dimension-12 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
            "elevation-4": Readonly<{
                value: "0 4px 24px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-4 dimension-24 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
            "elevation-5": Readonly<{
                value: "0 6px 40px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-6 dimension-40 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
            "elevation-6": Readonly<{
                value: "0 12px 60px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-12 dimension-60 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
        }>;
        layer: Readonly<{
            "layer-z-index-base": Readonly<{
                value: "0";
                ref: "layer-depth-0";
            }>;
            "layer-z-index-floating": Readonly<{
                value: "1";
                ref: "layer-depth-1";
            }>;
            "layer-z-index-overlay": Readonly<{
                value: "1000";
                ref: "layer-depth-1000";
            }>;
            "layer-z-index-modal": Readonly<{
                value: "1100";
                ref: "layer-depth-1100";
            }>;
            "layer-z-index-toast": Readonly<{
                value: "1200";
                ref: "layer-depth-1200";
            }>;
            "layer-z-index-tooltip": Readonly<{
                value: "1300";
                ref: "layer-depth-1300";
            }>;
            "layer-z-index-hidden": Readonly<{
                value: "-1";
                ref: "layer-depth-1-m";
            }>;
            "layer-z-index-important": Readonly<{
                value: "2000";
                ref: "layer-depth-2000";
            }>;
        }>;
        motion: Readonly<{
            "motion-transition-fast": Readonly<{
                value: "150ms cubic-bezier(0.3, 0, 0, 1)";
                ref: "motion-duration-150 motion-timing-function-easing";
            }>;
            "motion-transition-default": Readonly<{
                value: "300ms cubic-bezier(0.3, 0, 0, 1)";
                ref: "motion-duration-300 motion-timing-function-easing";
            }>;
            "motion-transition-slow": Readonly<{
                value: "450ms cubic-bezier(0.3, 0, 0, 1)";
                ref: "motion-duration-450 motion-timing-function-easing";
            }>;
        }>;
        opacity: Readonly<{
            "opacity-disabled": Readonly<{
                value: "40%";
                ref: "dimension-40-p";
            }>;
        }>;
        radius: Readonly<{
            "radius-2": Readonly<{
                value: "2px";
                ref: "dimension-2";
            }>;
            "radius-3": Readonly<{
                value: "3px";
                ref: "dimension-3";
            }>;
            "radius-4": Readonly<{
                value: "4px";
                ref: "dimension-4";
            }>;
            "radius-6": Readonly<{
                value: "6px";
                ref: "dimension-6";
            }>;
            "radius-7": Readonly<{
                value: "7px";
                ref: "dimension-7";
            }>;
            "radius-8": Readonly<{
                value: "8px";
                ref: "dimension-8";
            }>;
            "radius-10": Readonly<{
                value: "10px";
                ref: "dimension-10";
            }>;
            "radius-12": Readonly<{
                value: "12px";
                ref: "dimension-12";
            }>;
            "radius-14": Readonly<{
                value: "14px";
                ref: "dimension-14";
            }>;
            "radius-16": Readonly<{
                value: "16px";
                ref: "dimension-16";
            }>;
            "radius-20": Readonly<{
                value: "20px";
                ref: "dimension-20";
            }>;
            "radius-32": Readonly<{
                value: "32px";
                ref: "dimension-32";
            }>;
        }>;
        state: Readonly<{
            "state-error": Readonly<{
                value: "0 0 0 1px #f79847ff";
                ref: "0 0 0 dimension-1 color-state-warning";
            }>;
            "state-active": Readonly<{
                value: "0 0 0 1px #8082ffff";
                ref: "0 0 0 dimension-1 color-state-action";
            }>;
            "state-input-default": Readonly<{
                value: "0 1px 2px 0 #0000000d, inset 0 0 0 1px #fff3";
                ref: "0 dimension-1 dimension-2 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-default";
            }>;
            "state-input-hovered": Readonly<{
                value: "0 2px 6px 0 #0000000d, inset 0 0 0 1px #8082ffff";
                ref: "0 dimension-2 dimension-6 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-action";
            }>;
            "state-input-active": Readonly<{
                value: "0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #8082ffff";
                ref: "0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-action-light, inset 0 0 0 dimension-1 color-state-action";
            }>;
            "state-input-error": Readonly<{
                value: "0 2px 6px 0 #0000000d, 0 0 0 3px #f798474d, inset 0 0 0 1px #f79847ff";
                ref: "0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-warning-light, inset 0 0 0 dimension-1 color-state-warning";
            }>;
        }>;
        typography: Readonly<{
            "typography-heading-font-family": Readonly<{
                value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
                ref: "typography-font-family-sans-kr";
            }>;
            "typography-heading-size-xlarge": Readonly<{
                value: "24px";
                ref: "typography-font-size-24";
            }>;
            "typography-heading-size-large": Readonly<{
                value: "22px";
                ref: "typography-font-size-22";
            }>;
            "typography-heading-size-medium": Readonly<{
                value: "18px";
                ref: "typography-font-size-18";
            }>;
            "typography-heading-size-small": Readonly<{
                value: "17px";
                ref: "typography-font-size-17";
            }>;
            "typography-heading-size-xsmall": Readonly<{
                value: "16px";
                ref: "typography-font-size-16";
            }>;
            "typography-heading-size-2xsmall": Readonly<{
                value: "15px";
                ref: "typography-font-size-15";
            }>;
            "typography-heading-weight-bold": Readonly<{
                value: "700";
                ref: "typography-font-weight-700";
            }>;
            "typography-heading-letter-spacing": Readonly<{
                value: "0";
                ref: "typography-letter-spacing-0";
            }>;
            "typography-heading-letter-spacing-tight": Readonly<{
                value: "-0.1px";
                ref: "typography-letter-spacing-0-1";
            }>;
            "typography-heading-letter-spacing-tighter": Readonly<{
                value: "-0.4px";
                ref: "typography-letter-spacing-0-4";
            }>;
            "typography-heading-line-height-xlarge": Readonly<{
                value: "32px";
                ref: "typography-line-height-32";
            }>;
            "typography-heading-line-height-large": Readonly<{
                value: "28px";
                ref: "typography-line-height-28";
            }>;
            "typography-heading-line-height-medium": Readonly<{
                value: "24px";
                ref: "typography-line-height-24";
            }>;
            "typography-heading-line-height-small": Readonly<{
                value: "24px";
                ref: "typography-line-height-24";
            }>;
            "typography-heading-line-height-xsmall": Readonly<{
                value: "24px";
                ref: "typography-line-height-24";
            }>;
            "typography-heading-line-height-2xsmall": Readonly<{
                value: "20px";
                ref: "typography-line-height-20";
            }>;
            "typography-text-font-family": Readonly<{
                value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
                ref: "typography-font-family-sans-kr";
            }>;
            "typography-text-size-2xlarge": Readonly<{
                value: "17px";
                ref: "typography-font-size-17";
            }>;
            "typography-text-size-xlarge": Readonly<{
                value: "16px";
                ref: "typography-font-size-16";
            }>;
            "typography-text-size-large": Readonly<{
                value: "15px";
                ref: "typography-font-size-15";
            }>;
            "typography-text-size-medium": Readonly<{
                value: "14px";
                ref: "typography-font-size-14";
            }>;
            "typography-text-size-small": Readonly<{
                value: "13px";
                ref: "typography-font-size-13";
            }>;
            "typography-text-size-xsmall": Readonly<{
                value: "12px";
                ref: "typography-font-size-12";
            }>;
            "typography-text-size-2xsmall": Readonly<{
                value: "11px";
                ref: "typography-font-size-11";
            }>;
            "typography-text-weight-bold": Readonly<{
                value: "700";
                ref: "typography-font-weight-700";
            }>;
            "typography-text-weight-regular": Readonly<{
                value: "400";
                ref: "typography-font-weight-400";
            }>;
            "typography-text-letter-spacing": Readonly<{
                value: "0";
                ref: "typography-letter-spacing-0";
            }>;
            "typography-text-letter-spacing-tight": Readonly<{
                value: "-0.1px";
                ref: "typography-letter-spacing-0-1";
            }>;
            "typography-text-line-height-2xlarge": Readonly<{
                value: "24px";
                ref: "typography-line-height-24";
            }>;
            "typography-text-line-height-xlarge": Readonly<{
                value: "24px";
                ref: "typography-line-height-24";
            }>;
            "typography-text-line-height-large": Readonly<{
                value: "20px";
                ref: "typography-line-height-20";
            }>;
            "typography-text-line-height-medium": Readonly<{
                value: "18px";
                ref: "typography-line-height-18";
            }>;
            "typography-text-line-height-small": Readonly<{
                value: "18px";
                ref: "typography-line-height-18";
            }>;
            "typography-text-line-height-xsmall": Readonly<{
                value: "16px";
                ref: "typography-line-height-16";
            }>;
            "typography-text-line-height-2xsmall": Readonly<{
                value: "16px";
                ref: "typography-line-height-16";
            }>;
            "typography-display-font-family": Readonly<{
                value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
                ref: "typography-font-family-sans-kr";
            }>;
            "typography-display-size-large": Readonly<{
                value: "36px";
                ref: "typography-font-size-36";
            }>;
            "typography-display-size-medium": Readonly<{
                value: "30px";
                ref: "typography-font-size-30";
            }>;
            "typography-display-weight-bold": Readonly<{
                value: "700";
                ref: "typography-font-weight-700";
            }>;
            "typography-display-letter-spacing-tighter": Readonly<{
                value: "-0.4px";
                ref: "typography-letter-spacing-0-4";
            }>;
            "typography-display-line-height-large": Readonly<{
                value: "44px";
                ref: "typography-line-height-44";
            }>;
            "typography-display-line-height-medium": Readonly<{
                value: "36px";
                ref: "typography-line-height-36";
            }>;
            "typography-code-font-family": Readonly<{
                value: "'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'";
                ref: "typography-font-family-monospace";
            }>;
            "typography-code-size-medium": Readonly<{
                value: "14px";
                ref: "typography-font-size-14";
            }>;
            "typography-code-size-small": Readonly<{
                value: "13px";
                ref: "typography-font-size-13";
            }>;
            "typography-code-weight-regular": Readonly<{
                value: "400";
                ref: "typography-font-weight-400";
            }>;
            "typography-code-letter-spacing": Readonly<{
                value: "0";
                ref: "typography-letter-spacing-0";
            }>;
            "typography-code-line-height-medium": Readonly<{
                value: "18px";
                ref: "typography-line-height-18";
            }>;
            "typography-code-line-height-small": Readonly<{
                value: "18px";
                ref: "typography-line-height-18";
            }>;
        }>;
        color: Readonly<{
            "color-text-action": Readonly<{
                value: "#8082ffff";
                ref: "color-blue-300";
            }>;
            "color-text-action-hovered": Readonly<{
                value: "#9698ffff";
            }>;
            "color-text-success": Readonly<{
                value: "#51c371ff";
                ref: "color-green-300";
            }>;
            "color-text-success-hovered": Readonly<{
                value: "#5cce7cff";
            }>;
            "color-text-highlight": Readonly<{
                value: "#5cadefff";
                ref: "color-cobalt-300";
            }>;
            "color-text-highlight-hovered": Readonly<{
                value: "#6cb8f5ff";
            }>;
            "color-text-warning": Readonly<{
                value: "#f79847ff";
                ref: "color-orange-300";
            }>;
            "color-text-warning-hovered": Readonly<{
                value: "#f8a45cff";
            }>;
            "color-text-critical": Readonly<{
                value: "#f36868ff";
                ref: "color-red-300";
            }>;
            "color-text-critical-hovered": Readonly<{
                value: "#f87979ff";
            }>;
            "color-text-neutral-heaviest": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-text-neutral-heaviest-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-text-neutral": Readonly<{
                value: "#fffc";
                ref: "color-white-80";
            }>;
            "color-text-neutral-hovered": Readonly<{
                value: "#edededcc";
            }>;
            "color-text-neutral-light": Readonly<{
                value: "#fff9";
                ref: "color-white-60";
            }>;
            "color-text-neutral-light-hovered": Readonly<{
                value: "#ededed99";
            }>;
            "color-text-neutral-lighter": Readonly<{
                value: "#fff6";
                ref: "color-white-40";
            }>;
            "color-text-neutral-lighter-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "color-text-accent-blue": Readonly<{
                value: "#8082ffff";
                ref: "color-blue-300";
            }>;
            "color-text-accent-blue-hovered": Readonly<{
                value: "#9698ffff";
            }>;
            "color-text-accent-cobalt": Readonly<{
                value: "#5cadefff";
                ref: "color-cobalt-300";
            }>;
            "color-text-accent-cobalt-hovered": Readonly<{
                value: "#6cb8f5ff";
            }>;
            "color-text-accent-green": Readonly<{
                value: "#51c371ff";
                ref: "color-green-300";
            }>;
            "color-text-accent-green-hovered": Readonly<{
                value: "#5cce7cff";
            }>;
            "color-text-accent-red": Readonly<{
                value: "#f36868ff";
                ref: "color-red-300";
            }>;
            "color-text-accent-red-hovered": Readonly<{
                value: "#f87979ff";
            }>;
            "color-text-accent-orange": Readonly<{
                value: "#f79847ff";
                ref: "color-orange-300";
            }>;
            "color-text-accent-orange-hovered": Readonly<{
                value: "#f8a45cff";
            }>;
            "color-text-accent-yellow": Readonly<{
                value: "#f0be27ff";
                ref: "color-yellow-300";
            }>;
            "color-text-accent-yellow-hovered": Readonly<{
                value: "#f7c736ff";
            }>;
            "color-text-accent-olive": Readonly<{
                value: "#b7c427ff";
                ref: "color-olive-300";
            }>;
            "color-text-accent-olive-hovered": Readonly<{
                value: "#ccdb25ff";
            }>;
            "color-text-accent-teal": Readonly<{
                value: "#40d3c5ff";
                ref: "color-teal-300";
            }>;
            "color-text-accent-teal-hovered": Readonly<{
                value: "#4cdccfff";
            }>;
            "color-text-accent-navy": Readonly<{
                value: "#7e89cdff";
                ref: "color-navy-300";
            }>;
            "color-text-accent-navy-hovered": Readonly<{
                value: "#8a95d7ff";
            }>;
            "color-text-accent-purple": Readonly<{
                value: "#a970ffff";
                ref: "color-purple-300";
            }>;
            "color-text-accent-purple-hovered": Readonly<{
                value: "#b686ffff";
            }>;
            "color-text-accent-pink": Readonly<{
                value: "#ec6fd3ff";
                ref: "color-pink-300";
            }>;
            "color-text-accent-pink-hovered": Readonly<{
                value: "#f27fdbff";
            }>;
            "color-text-absolute-white": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-text-absolute-white-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-text-absolute-black": Readonly<{
                value: "#000f";
                ref: "color-black-100";
            }>;
            "color-text-absolute-black-hovered": Readonly<{
                value: "#0a0a0aff";
            }>;
            "color-text-inverse": Readonly<{
                value: "#000000d9";
                ref: "color-black-85";
            }>;
            "color-text-inverse-hovered": Readonly<{
                value: "#0a0a0ad9";
            }>;
            "color-icon-action": Readonly<{
                value: "#8082ffff";
                ref: "color-blue-300";
            }>;
            "color-icon-action-hovered": Readonly<{
                value: "#9698ffff";
            }>;
            "color-icon-success": Readonly<{
                value: "#51c371ff";
                ref: "color-green-300";
            }>;
            "color-icon-success-hovered": Readonly<{
                value: "#5cce7cff";
            }>;
            "color-icon-highlight": Readonly<{
                value: "#5cadefff";
                ref: "color-cobalt-300";
            }>;
            "color-icon-highlight-hovered": Readonly<{
                value: "#6cb8f5ff";
            }>;
            "color-icon-warning": Readonly<{
                value: "#f79847ff";
                ref: "color-orange-300";
            }>;
            "color-icon-warning-hovered": Readonly<{
                value: "#f8a45cff";
            }>;
            "color-icon-critical": Readonly<{
                value: "#f36868ff";
                ref: "color-red-300";
            }>;
            "color-icon-critical-hovered": Readonly<{
                value: "#f87979ff";
            }>;
            "color-icon-neutral": Readonly<{
                value: "#fff6";
                ref: "color-white-40";
            }>;
            "color-icon-neutral-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "color-icon-neutral-heavy": Readonly<{
                value: "#fff9";
                ref: "color-white-60";
            }>;
            "color-icon-neutral-heavy-hovered": Readonly<{
                value: "#ededed99";
            }>;
            "color-icon-neutral-heavier": Readonly<{
                value: "#fffc";
                ref: "color-white-80";
            }>;
            "color-icon-neutral-heavier-hovered": Readonly<{
                value: "#edededcc";
            }>;
            "color-icon-accent-blue": Readonly<{
                value: "#8082ffff";
                ref: "color-blue-300";
            }>;
            "color-icon-accent-blue-hovered": Readonly<{
                value: "#9698ffff";
            }>;
            "color-icon-accent-cobalt": Readonly<{
                value: "#5cadefff";
                ref: "color-cobalt-300";
            }>;
            "color-icon-accent-cobalt-hovered": Readonly<{
                value: "#6cb8f5ff";
            }>;
            "color-icon-accent-green": Readonly<{
                value: "#51c371ff";
                ref: "color-green-300";
            }>;
            "color-icon-accent-green-hovered": Readonly<{
                value: "#5cce7cff";
            }>;
            "color-icon-accent-red": Readonly<{
                value: "#f36868ff";
                ref: "color-red-300";
            }>;
            "color-icon-accent-red-hovered": Readonly<{
                value: "#f87979ff";
            }>;
            "color-icon-accent-orange": Readonly<{
                value: "#f79847ff";
                ref: "color-orange-300";
            }>;
            "color-icon-accent-orange-hovered": Readonly<{
                value: "#f8a45cff";
            }>;
            "color-icon-accent-yellow": Readonly<{
                value: "#f0be27ff";
                ref: "color-yellow-300";
            }>;
            "color-icon-accent-yellow-hovered": Readonly<{
                value: "#f7c736ff";
            }>;
            "color-icon-accent-olive": Readonly<{
                value: "#b7c427ff";
                ref: "color-olive-300";
            }>;
            "color-icon-accent-olive-hovered": Readonly<{
                value: "#ccdb25ff";
            }>;
            "color-icon-accent-teal": Readonly<{
                value: "#40d3c5ff";
                ref: "color-teal-300";
            }>;
            "color-icon-accent-teal-hovered": Readonly<{
                value: "#4cdccfff";
            }>;
            "color-icon-accent-navy": Readonly<{
                value: "#7e89cdff";
                ref: "color-navy-300";
            }>;
            "color-icon-accent-navy-hovered": Readonly<{
                value: "#8a95d7ff";
            }>;
            "color-icon-accent-purple": Readonly<{
                value: "#a970ffff";
                ref: "color-purple-300";
            }>;
            "color-icon-accent-purple-hovered": Readonly<{
                value: "#b686ffff";
            }>;
            "color-icon-accent-pink": Readonly<{
                value: "#ec6fd3ff";
                ref: "color-pink-300";
            }>;
            "color-icon-accent-pink-hovered": Readonly<{
                value: "#f27fdbff";
            }>;
            "color-icon-absolute-white": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-icon-absolute-white-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-icon-absolute-black": Readonly<{
                value: "#000f";
                ref: "color-black-100";
            }>;
            "color-icon-absolute-black-hovered": Readonly<{
                value: "#0a0a0aff";
            }>;
            "color-icon-inverse-heavier": Readonly<{
                value: "#000000d9";
                ref: "color-black-85";
            }>;
            "color-icon-inverse-heavier-hovered": Readonly<{
                value: "#0a0a0ad9";
            }>;
            "color-fill-neutral": Readonly<{
                value: "#ffffff1f";
                ref: "color-white-12";
            }>;
            "color-fill-neutral-hovered": Readonly<{
                value: "#ededed2f";
            }>;
            "color-fill-neutral-heaviest": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-fill-neutral-heaviest-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-fill-neutral-heavier": Readonly<{
                value: "#fff6";
                ref: "color-white-40";
            }>;
            "color-fill-neutral-heavier-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "color-fill-neutral-heavy": Readonly<{
                value: "#fff3";
                ref: "color-white-20";
            }>;
            "color-fill-neutral-heavy-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "color-fill-neutral-light": Readonly<{
                value: "#ffffff14";
                ref: "color-white-8";
            }>;
            "color-fill-neutral-light-hovered": Readonly<{
                value: "#ededed1e";
            }>;
            "color-fill-neutral-lighter": Readonly<{
                value: "#ffffff0d";
                ref: "color-white-5";
            }>;
            "color-fill-neutral-lighter-hovered": Readonly<{
                value: "#ededed14";
            }>;
            "color-fill-neutral-lightest": Readonly<{
                value: "#ffffff08";
                ref: "color-white-3";
            }>;
            "color-fill-neutral-lightest-hovered": Readonly<{
                value: "#ededed0c";
            }>;
            "color-fill-neutral-transparent": Readonly<{
                value: "#fff0";
                ref: "color-white-0";
            }>;
            "color-fill-neutral-transparent-hovered": Readonly<{
                value: "#ffffff0d";
            }>;
            "color-fill-action": Readonly<{
                value: "#8082ffff";
                ref: "color-blue-300";
            }>;
            "color-fill-action-hovered": Readonly<{
                value: "#9698ffff";
            }>;
            "color-fill-action-light": Readonly<{
                value: "#6b6eff4d";
                ref: "color-blue-300-30";
            }>;
            "color-fill-action-light-hovered": Readonly<{
                value: "#8184ff4d";
            }>;
            "color-fill-action-lighter": Readonly<{
                value: "#6b6eff2e";
                ref: "color-blue-300-18";
            }>;
            "color-fill-action-lighter-hovered": Readonly<{
                value: "#8184ff45";
            }>;
            "color-fill-action-transparent": Readonly<{
                value: "#6b6eff00";
                ref: "color-blue-300-0";
            }>;
            "color-fill-action-transparent-hovered": Readonly<{
                value: "#6b6eff1a";
            }>;
            "color-fill-success": Readonly<{
                value: "#51c371ff";
                ref: "color-green-300";
            }>;
            "color-fill-success-hovered": Readonly<{
                value: "#5cce7cff";
            }>;
            "color-fill-success-light": Readonly<{
                value: "#4bc16c4d";
                ref: "color-green-300-30";
            }>;
            "color-fill-success-light-hovered": Readonly<{
                value: "#56cc774d";
            }>;
            "color-fill-success-lighter": Readonly<{
                value: "#4bc16c2e";
                ref: "color-green-300-18";
            }>;
            "color-fill-success-lighter-hovered": Readonly<{
                value: "#56cc7745";
            }>;
            "color-fill-success-transparent": Readonly<{
                value: "#4bc16c00";
                ref: "color-green-300-0";
            }>;
            "color-fill-success-transparent-hovered": Readonly<{
                value: "#4bc16c1a";
            }>;
            "color-fill-highlight": Readonly<{
                value: "#5cadefff";
                ref: "color-cobalt-300";
            }>;
            "color-fill-highlight-hovered": Readonly<{
                value: "#6cb8f5ff";
            }>;
            "color-fill-highlight-light": Readonly<{
                value: "#5cadef4d";
                ref: "color-cobalt-300-30";
            }>;
            "color-fill-highlight-light-hovered": Readonly<{
                value: "#6cb8f54d";
            }>;
            "color-fill-highlight-lighter": Readonly<{
                value: "#5cadef2e";
                ref: "color-cobalt-300-18";
            }>;
            "color-fill-highlight-lighter-hovered": Readonly<{
                value: "#6cb8f545";
            }>;
            "color-fill-highlight-transparent": Readonly<{
                value: "#5cadef00";
                ref: "color-cobalt-300-0";
            }>;
            "color-fill-highlight-transparent-hovered": Readonly<{
                value: "#5cadef1a";
            }>;
            "color-fill-warning": Readonly<{
                value: "#f79847ff";
                ref: "color-orange-300";
            }>;
            "color-fill-warning-hovered": Readonly<{
                value: "#f8a45cff";
            }>;
            "color-fill-warning-light": Readonly<{
                value: "#f798474d";
                ref: "color-orange-300-30";
            }>;
            "color-fill-warning-light-hovered": Readonly<{
                value: "#f8a45c4d";
            }>;
            "color-fill-warning-lighter": Readonly<{
                value: "#f798472e";
                ref: "color-orange-300-18";
            }>;
            "color-fill-warning-lighter-hovered": Readonly<{
                value: "#f8a45c45";
            }>;
            "color-fill-warning-transparent": Readonly<{
                value: "#f7984700";
                ref: "color-orange-300-0";
            }>;
            "color-fill-warning-transparent-hovered": Readonly<{
                value: "#f798471a";
            }>;
            "color-fill-critical": Readonly<{
                value: "#f36868ff";
                ref: "color-red-300";
            }>;
            "color-fill-critical-hovered": Readonly<{
                value: "#f87979ff";
            }>;
            "color-fill-critical-light": Readonly<{
                value: "#f260604d";
                ref: "color-red-300-30";
            }>;
            "color-fill-critical-light-hovered": Readonly<{
                value: "#f771714d";
            }>;
            "color-fill-critical-lighter": Readonly<{
                value: "#f260602e";
                ref: "color-red-300-18";
            }>;
            "color-fill-critical-lighter-hovered": Readonly<{
                value: "#f7717145";
            }>;
            "color-fill-critical-transparent": Readonly<{
                value: "#f2606000";
                ref: "color-red-300-0";
            }>;
            "color-fill-critical-transparent-hovered": Readonly<{
                value: "#f260601a";
            }>;
            "color-fill-grey-light": Readonly<{
                value: "#1d1d20ff";
                ref: "color-grey-900";
            }>;
            "color-fill-grey-light-hovered": Readonly<{
                value: "#27272bff";
            }>;
            "color-fill-grey": Readonly<{
                value: "#242426ff";
                ref: "color-grey-850";
            }>;
            "color-fill-grey-hovered": Readonly<{
                value: "#2e2e31ff";
            }>;
            "color-fill-grey-heavy": Readonly<{
                value: "#29292dff";
                ref: "color-grey-800";
            }>;
            "color-fill-grey-heavy-hovered": Readonly<{
                value: "#333338ff";
            }>;
            "color-fill-grey-heavier": Readonly<{
                value: "#313135ff";
                ref: "color-grey-750";
            }>;
            "color-fill-grey-heavier-hovered": Readonly<{
                value: "#3b3b40ff";
            }>;
            "color-fill-accent-blue": Readonly<{
                value: "#6b6eff2e";
                ref: "color-blue-300-18";
            }>;
            "color-fill-accent-blue-hovered": Readonly<{
                value: "#8184ff45";
            }>;
            "color-fill-accent-blue-heavy": Readonly<{
                value: "#6b6eff4d";
                ref: "color-blue-300-30";
            }>;
            "color-fill-accent-blue-heavy-hovered": Readonly<{
                value: "#8184ff4d";
            }>;
            "color-fill-accent-blue-heavier": Readonly<{
                value: "#8082ffff";
                ref: "color-blue-300";
            }>;
            "color-fill-accent-blue-heavier-hovered": Readonly<{
                value: "#9698ffff";
            }>;
            "color-fill-accent-blue-transparent": Readonly<{
                value: "#6b6eff00";
                ref: "color-blue-300-0";
            }>;
            "color-fill-accent-blue-transparent-hovered": Readonly<{
                value: "#6b6eff1a";
            }>;
            "color-fill-accent-cobalt": Readonly<{
                value: "#5cadef2e";
                ref: "color-cobalt-300-18";
            }>;
            "color-fill-accent-cobalt-hovered": Readonly<{
                value: "#6cb8f545";
            }>;
            "color-fill-accent-cobalt-heavy": Readonly<{
                value: "#5cadef4d";
                ref: "color-cobalt-300-30";
            }>;
            "color-fill-accent-cobalt-heavy-hovered": Readonly<{
                value: "#6cb8f54d";
            }>;
            "color-fill-accent-cobalt-heavier": Readonly<{
                value: "#5cadefff";
                ref: "color-cobalt-300";
            }>;
            "color-fill-accent-cobalt-heavier-hovered": Readonly<{
                value: "#6cb8f5ff";
            }>;
            "color-fill-accent-cobalt-transparent": Readonly<{
                value: "#5cadef00";
                ref: "color-cobalt-300-0";
            }>;
            "color-fill-accent-cobalt-transparent-hovered": Readonly<{
                value: "#5cadef1a";
            }>;
            "color-fill-accent-green": Readonly<{
                value: "#4bc16c2e";
                ref: "color-green-300-18";
            }>;
            "color-fill-accent-green-hovered": Readonly<{
                value: "#56cc7745";
            }>;
            "color-fill-accent-green-heavy": Readonly<{
                value: "#4bc16c4d";
                ref: "color-green-300-30";
            }>;
            "color-fill-accent-green-heavy-hovered": Readonly<{
                value: "#56cc774d";
            }>;
            "color-fill-accent-green-heavier": Readonly<{
                value: "#51c371ff";
                ref: "color-green-300";
            }>;
            "color-fill-accent-green-heavier-hovered": Readonly<{
                value: "#5cce7cff";
            }>;
            "color-fill-accent-green-transparent": Readonly<{
                value: "#4bc16c00";
                ref: "color-green-300-0";
            }>;
            "color-fill-accent-green-transparent-hovered": Readonly<{
                value: "#4bc16c1a";
            }>;
            "color-fill-accent-red": Readonly<{
                value: "#f260602e";
                ref: "color-red-300-18";
            }>;
            "color-fill-accent-red-hovered": Readonly<{
                value: "#f7717145";
            }>;
            "color-fill-accent-red-heavy": Readonly<{
                value: "#f260604d";
                ref: "color-red-300-30";
            }>;
            "color-fill-accent-red-heavy-hovered": Readonly<{
                value: "#f771714d";
            }>;
            "color-fill-accent-red-heavier": Readonly<{
                value: "#f36868ff";
                ref: "color-red-300";
            }>;
            "color-fill-accent-red-heavier-hovered": Readonly<{
                value: "#f87979ff";
            }>;
            "color-fill-accent-red-transparent": Readonly<{
                value: "#f2606000";
                ref: "color-red-300-0";
            }>;
            "color-fill-accent-red-transparent-hovered": Readonly<{
                value: "#f260601a";
            }>;
            "color-fill-accent-orange": Readonly<{
                value: "#f798472e";
                ref: "color-orange-300-18";
            }>;
            "color-fill-accent-orange-hovered": Readonly<{
                value: "#f8a45c45";
            }>;
            "color-fill-accent-orange-heavy": Readonly<{
                value: "#f798474d";
                ref: "color-orange-300-30";
            }>;
            "color-fill-accent-orange-heavy-hovered": Readonly<{
                value: "#f8a45c4d";
            }>;
            "color-fill-accent-orange-heavier": Readonly<{
                value: "#f79847ff";
                ref: "color-orange-300";
            }>;
            "color-fill-accent-orange-heavier-hovered": Readonly<{
                value: "#f8a45cff";
            }>;
            "color-fill-accent-orange-transparent": Readonly<{
                value: "#f7984700";
                ref: "color-orange-300-0";
            }>;
            "color-fill-accent-orange-transparent-hovered": Readonly<{
                value: "#f798471a";
            }>;
            "color-fill-accent-yellow": Readonly<{
                value: "#f0be272e";
                ref: "color-yellow-300-18";
            }>;
            "color-fill-accent-yellow-hovered": Readonly<{
                value: "#f7c73645";
            }>;
            "color-fill-accent-yellow-heavy": Readonly<{
                value: "#f0be274d";
                ref: "color-yellow-300-30";
            }>;
            "color-fill-accent-yellow-heavy-hovered": Readonly<{
                value: "#f7c7364d";
            }>;
            "color-fill-accent-yellow-heavier": Readonly<{
                value: "#f0be27ff";
                ref: "color-yellow-300";
            }>;
            "color-fill-accent-yellow-heavier-hovered": Readonly<{
                value: "#f7c736ff";
            }>;
            "color-fill-accent-yellow-transparent": Readonly<{
                value: "#f0be2700";
                ref: "color-yellow-300-0";
            }>;
            "color-fill-accent-yellow-transparent-hovered": Readonly<{
                value: "#f0be271a";
            }>;
            "color-fill-accent-olive": Readonly<{
                value: "#b7c4272e";
                ref: "color-olive-300-18";
            }>;
            "color-fill-accent-olive-hovered": Readonly<{
                value: "#ccdb2545";
            }>;
            "color-fill-accent-olive-heavy": Readonly<{
                value: "#b7c4274d";
                ref: "color-olive-300-30";
            }>;
            "color-fill-accent-olive-heavy-hovered": Readonly<{
                value: "#ccdb254d";
            }>;
            "color-fill-accent-olive-heavier": Readonly<{
                value: "#b7c427ff";
                ref: "color-olive-300";
            }>;
            "color-fill-accent-olive-heavier-hovered": Readonly<{
                value: "#ccdb25ff";
            }>;
            "color-fill-accent-olive-transparent": Readonly<{
                value: "#b7c42700";
                ref: "color-olive-300-0";
            }>;
            "color-fill-accent-olive-transparent-hovered": Readonly<{
                value: "#b7c4271a";
            }>;
            "color-fill-accent-teal": Readonly<{
                value: "#40d3c52e";
                ref: "color-teal-300-18";
            }>;
            "color-fill-accent-teal-hovered": Readonly<{
                value: "#4cdccf45";
            }>;
            "color-fill-accent-teal-heavy": Readonly<{
                value: "#40d3c54d";
                ref: "color-teal-300-30";
            }>;
            "color-fill-accent-teal-heavy-hovered": Readonly<{
                value: "#4cdccf4d";
            }>;
            "color-fill-accent-teal-heavier": Readonly<{
                value: "#40d3c5ff";
                ref: "color-teal-300";
            }>;
            "color-fill-accent-teal-heavier-hovered": Readonly<{
                value: "#4cdccfff";
            }>;
            "color-fill-accent-teal-transparent": Readonly<{
                value: "#40d3c500";
                ref: "color-teal-300-0";
            }>;
            "color-fill-accent-teal-transparent-hovered": Readonly<{
                value: "#40d3c51a";
            }>;
            "color-fill-accent-navy": Readonly<{
                value: "#6f7bc82e";
                ref: "color-navy-300-18";
            }>;
            "color-fill-accent-navy-hovered": Readonly<{
                value: "#7b86d345";
            }>;
            "color-fill-accent-navy-heavy": Readonly<{
                value: "#6f7bc84d";
                ref: "color-navy-300-30";
            }>;
            "color-fill-accent-navy-heavy-hovered": Readonly<{
                value: "#7b86d34d";
            }>;
            "color-fill-accent-navy-heavier": Readonly<{
                value: "#7e89cdff";
                ref: "color-navy-300";
            }>;
            "color-fill-accent-navy-heavier-hovered": Readonly<{
                value: "#8a95d7ff";
            }>;
            "color-fill-accent-navy-transparent": Readonly<{
                value: "#6f7bc800";
                ref: "color-navy-300-0";
            }>;
            "color-fill-accent-navy-transparent-hovered": Readonly<{
                value: "#6f7bc81a";
            }>;
            "color-fill-accent-purple": Readonly<{
                value: "#a970ff2e";
                ref: "color-purple-300-18";
            }>;
            "color-fill-accent-purple-hovered": Readonly<{
                value: "#b686ff45";
            }>;
            "color-fill-accent-purple-heavy": Readonly<{
                value: "#a970ff4d";
                ref: "color-purple-300-30";
            }>;
            "color-fill-accent-purple-heavy-hovered": Readonly<{
                value: "#b686ff4d";
            }>;
            "color-fill-accent-purple-heavier": Readonly<{
                value: "#a970ffff";
                ref: "color-purple-300";
            }>;
            "color-fill-accent-purple-heavier-hovered": Readonly<{
                value: "#b686ffff";
            }>;
            "color-fill-accent-purple-transparent": Readonly<{
                value: "#a970ff00";
                ref: "color-purple-300-0";
            }>;
            "color-fill-accent-purple-transparent-hovered": Readonly<{
                value: "#a970ff1a";
            }>;
            "color-fill-accent-pink": Readonly<{
                value: "#ec6fd32e";
                ref: "color-pink-300-18";
            }>;
            "color-fill-accent-pink-hovered": Readonly<{
                value: "#f27fdb45";
            }>;
            "color-fill-accent-pink-heavy": Readonly<{
                value: "#ec6fd34d";
                ref: "color-pink-300-30";
            }>;
            "color-fill-accent-pink-heavy-hovered": Readonly<{
                value: "#f27fdb4d";
            }>;
            "color-fill-accent-pink-heavier": Readonly<{
                value: "#ec6fd3ff";
                ref: "color-pink-300";
            }>;
            "color-fill-accent-pink-heavier-hovered": Readonly<{
                value: "#f27fdbff";
            }>;
            "color-fill-accent-pink-transparent": Readonly<{
                value: "#ec6fd300";
                ref: "color-pink-300-0";
            }>;
            "color-fill-accent-pink-transparent-hovered": Readonly<{
                value: "#ec6fd31a";
            }>;
            "color-fill-absolute-white": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-fill-absolute-white-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-fill-absolute-white-light": Readonly<{
                value: "#fff3";
                ref: "color-white-20";
            }>;
            "color-fill-absolute-white-light-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "color-fill-absolute-white-transparent": Readonly<{
                value: "#fff0";
                ref: "color-white-0";
            }>;
            "color-fill-absolute-white-transparent-hovered": Readonly<{
                value: "#ffffff0d";
            }>;
            "color-fill-absolute-black": Readonly<{
                value: "#000f";
                ref: "color-black-100";
            }>;
            "color-fill-absolute-black-hovered": Readonly<{
                value: "#0a0a0aff";
            }>;
            "color-fill-absolute-black-light": Readonly<{
                value: "#0003";
                ref: "color-black-20";
            }>;
            "color-fill-absolute-black-light-hovered": Readonly<{
                value: "#0a0a0a4d";
            }>;
            "color-fill-absolute-black-transparent": Readonly<{
                value: "#0000";
                ref: "color-black-0";
            }>;
            "color-fill-absolute-black-transparent-hovered": Readonly<{
                value: "#0000000d";
            }>;
            "color-fill-bright": Readonly<{
                value: "#5a5a5fff";
                ref: "color-grey-650";
            }>;
            "color-fill-bright-hovered": Readonly<{
                value: "#64646aff";
            }>;
            "color-border-neutral": Readonly<{
                value: "#ffffff1f";
                ref: "color-white-12";
            }>;
            "color-border-neutral-hovered": Readonly<{
                value: "#ededed2f";
            }>;
            "color-border-neutral-heavy": Readonly<{
                value: "#fff3";
                ref: "color-white-20";
            }>;
            "color-border-neutral-heavy-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "color-border-neutral-heavier": Readonly<{
                value: "#fff6";
                ref: "color-white-40";
            }>;
            "color-border-neutral-heavier-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "color-border-detach": Readonly<{
                value: "#1d1d20ff";
                ref: "color-grey-900";
            }>;
            "color-border-detach-hovered": Readonly<{
                value: "#27272bff";
            }>;
            "color-border-detach-highest": Readonly<{
                value: "#313135ff";
                ref: "color-grey-750";
            }>;
            "color-border-detach-highest-hovered": Readonly<{
                value: "#3b3b40ff";
            }>;
            "color-border-detach-higher": Readonly<{
                value: "#29292dff";
                ref: "color-grey-800";
            }>;
            "color-border-detach-higher-hovered": Readonly<{
                value: "#333338ff";
            }>;
            "color-border-detach-high": Readonly<{
                value: "#242426ff";
                ref: "color-grey-850";
            }>;
            "color-border-detach-high-hovered": Readonly<{
                value: "#2e2e31ff";
            }>;
            "color-border-detach-low": Readonly<{
                value: "#1a1a1cff";
                ref: "color-grey-950";
            }>;
            "color-border-detach-low-hovered": Readonly<{
                value: "#242427ff";
            }>;
            "color-border-absolute-white": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-border-absolute-white-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-surface": Readonly<{
                value: "#1d1d20ff";
                ref: "color-grey-900";
            }>;
            "color-surface-hovered": Readonly<{
                value: "#27272bff";
            }>;
            "color-surface-highest": Readonly<{
                value: "#313135ff";
                ref: "color-grey-750";
            }>;
            "color-surface-highest-hovered": Readonly<{
                value: "#3b3b40ff";
            }>;
            "color-surface-higher": Readonly<{
                value: "#29292dff";
                ref: "color-grey-800";
            }>;
            "color-surface-higher-hovered": Readonly<{
                value: "#333338ff";
            }>;
            "color-surface-high": Readonly<{
                value: "#242426ff";
                ref: "color-grey-850";
            }>;
            "color-surface-high-hovered": Readonly<{
                value: "#2e2e31ff";
            }>;
            "color-surface-low": Readonly<{
                value: "#1a1a1cff";
                ref: "color-grey-950";
            }>;
            "color-surface-low-hovered": Readonly<{
                value: "#242427ff";
            }>;
            "color-surface-glass": Readonly<{
                value: "#29292de6";
                ref: "color-grey-800-90";
            }>;
            "color-surface-glass-hovered": Readonly<{
                value: "#333338e6";
            }>;
            "color-surface-glass-highest": Readonly<{
                value: "#313135e6";
                ref: "color-grey-750-90";
            }>;
            "color-surface-glass-highest-hovered": Readonly<{
                value: "#3b3b40e6";
            }>;
            "color-surface-glass-higher": Readonly<{
                value: "#29292de6";
                ref: "color-grey-800-90";
            }>;
            "color-surface-glass-higher-hovered": Readonly<{
                value: "#333338e6";
            }>;
            "color-surface-glass-high": Readonly<{
                value: "#242426e6";
                ref: "color-grey-850-90";
            }>;
            "color-surface-glass-high-hovered": Readonly<{
                value: "#2e2e31e6";
            }>;
            "color-dim-absolute-black": Readonly<{
                value: "#0006";
                ref: "color-black-40";
            }>;
            "color-dim-absolute-black-hovered": Readonly<{
                value: "#0a0a0a66";
            }>;
            "color-dim-absolute-black-heavy": Readonly<{
                value: "#0009";
                ref: "color-black-60";
            }>;
            "color-dim-absolute-black-heavy-hovered": Readonly<{
                value: "#0a0a0a99";
            }>;
            "color-dim-absolute-white": Readonly<{
                value: "#fff6";
                ref: "color-white-40";
            }>;
            "color-dim-absolute-white-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "color-dim-absolute-white-heavy": Readonly<{
                value: "#fff9";
                ref: "color-white-60";
            }>;
            "color-dim-absolute-white-heavy-hovered": Readonly<{
                value: "#ededed99";
            }>;
            "color-gradient-green": Readonly<{
                value: "#20ab55ff";
                ref: "color-green-400";
            }>;
            "color-gradient-green-hovered": Readonly<{
                value: "#1ec35dff";
            }>;
            "color-gradient-green-heavy": Readonly<{
                value: "#51c371ff";
                ref: "color-green-300";
            }>;
            "color-gradient-green-heavy-hovered": Readonly<{
                value: "#5cce7cff";
            }>;
            "color-state-default": Readonly<{
                value: "#fff3";
                ref: "color-white-20";
            }>;
            "color-state-default-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "color-state-action": Readonly<{
                value: "#8082ffff";
                ref: "color-blue-300";
            }>;
            "color-state-action-hovered": Readonly<{
                value: "#9698ffff";
            }>;
            "color-state-action-light": Readonly<{
                value: "#6b6eff73";
                ref: "color-blue-300-45";
            }>;
            "color-state-action-light-hovered": Readonly<{
                value: "#8184ff73";
            }>;
            "color-state-warning": Readonly<{
                value: "#f79847ff";
                ref: "color-orange-300";
            }>;
            "color-state-warning-hovered": Readonly<{
                value: "#f8a45cff";
            }>;
            "color-state-warning-light": Readonly<{
                value: "#f798474d";
                ref: "color-orange-300-30";
            }>;
            "color-state-warning-light-hovered": Readonly<{
                value: "#f8a45c4d";
            }>;
            "color-elevation-xlarge": Readonly<{
                value: "#0000004d";
                ref: "color-black-30";
            }>;
            "color-elevation-xlarge-hovered": Readonly<{
                value: "#0a0a0a4d";
            }>;
            "color-elevation-large": Readonly<{
                value: "#00000038";
                ref: "color-black-22";
            }>;
            "color-elevation-large-hovered": Readonly<{
                value: "#0a0a0a38";
            }>;
            "color-elevation-medium": Readonly<{
                value: "#00000026";
                ref: "color-black-15";
            }>;
            "color-elevation-medium-hovered": Readonly<{
                value: "#0a0a0a39";
            }>;
            "color-elevation-small": Readonly<{
                value: "#00000014";
                ref: "color-black-8";
            }>;
            "color-elevation-small-hovered": Readonly<{
                value: "#0a0a0a1e";
            }>;
            "color-elevation-base": Readonly<{
                value: "#0000000d";
                ref: "color-black-5";
            }>;
            "color-elevation-base-hovered": Readonly<{
                value: "#0a0a0a14";
            }>;
            "color-elevation-base-inner": Readonly<{
                value: "#ffffff1f";
                ref: "color-white-12";
            }>;
            "color-elevation-base-inner-hovered": Readonly<{
                value: "#ededed2f";
            }>;
            "color-chart-theme-default-10": Readonly<{
                value: "#b4d6e5";
            }>;
            "color-chart-theme-default-10-hovered": Readonly<{
                value: "#c3e0edff";
            }>;
            "color-chart-theme-default-01": Readonly<{
                value: "#7c72fd";
            }>;
            "color-chart-theme-default-01-hovered": Readonly<{
                value: "#9088fdff";
            }>;
            "color-chart-theme-default-02": Readonly<{
                value: "#81dfdd";
            }>;
            "color-chart-theme-default-02-hovered": Readonly<{
                value: "#8fe7e5ff";
            }>;
            "color-chart-theme-default-03": Readonly<{
                value: "#fc9783";
            }>;
            "color-chart-theme-default-03-hovered": Readonly<{
                value: "#fda999ff";
            }>;
            "color-chart-theme-default-04": Readonly<{
                value: "#b1596a";
            }>;
            "color-chart-theme-default-04-hovered": Readonly<{
                value: "#be6274ff";
            }>;
            "color-chart-theme-default-05": Readonly<{
                value: "#fe71ba";
            }>;
            "color-chart-theme-default-05-hovered": Readonly<{
                value: "#fe87c5ff";
            }>;
            "color-chart-theme-default-06": Readonly<{
                value: "#c971ec";
            }>;
            "color-chart-theme-default-06-hovered": Readonly<{
                value: "#d281f2ff";
            }>;
            "color-chart-theme-default-07": Readonly<{
                value: "#4a75e3";
            }>;
            "color-chart-theme-default-07-hovered": Readonly<{
                value: "#5881ebff";
            }>;
            "color-chart-theme-default-08": Readonly<{
                value: "#80b6fd";
            }>;
            "color-chart-theme-default-08-hovered": Readonly<{
                value: "#96c3fdff";
            }>;
            "color-chart-theme-default-09": Readonly<{
                value: "#fb90f1";
            }>;
            "color-chart-theme-default-09-hovered": Readonly<{
                value: "#fca6f4ff";
            }>;
        }>;
    }>;
    global: Readonly<{
        color: Readonly<{
            "color-blue-100": Readonly<{
                value: "#b2b7ffff";
            }>;
            "color-blue-200": Readonly<{
                value: "#8d93ffff";
            }>;
            "color-blue-300": Readonly<{
                value: "#8082ffff";
            }>;
            "color-blue-400": Readonly<{
                value: "#6157eaff";
            }>;
            "color-blue-500": Readonly<{
                value: "#5139d9ff";
            }>;
            "color-blue-600": Readonly<{
                value: "#4134bbff";
            }>;
            "color-blue-300-0": Readonly<{
                value: "#6b6eff00";
            }>;
            "color-blue-300-10": Readonly<{
                value: "#6b6eff1a";
            }>;
            "color-blue-300-18": Readonly<{
                value: "#6b6eff2e";
            }>;
            "color-blue-300-30": Readonly<{
                value: "#6b6eff4d";
            }>;
            "color-blue-300-45": Readonly<{
                value: "#6b6eff73";
            }>;
            "color-blue-400-0": Readonly<{
                value: "#6157ea00";
            }>;
            "color-blue-400-5": Readonly<{
                value: "#6157ea0d";
            }>;
            "color-blue-400-10": Readonly<{
                value: "#6157ea1a";
            }>;
            "color-blue-400-20": Readonly<{
                value: "#6157ea33";
            }>;
            "color-blue-400-30": Readonly<{
                value: "#6157ea4d";
            }>;
            "color-cobalt-100": Readonly<{
                value: "#a1d5ffff";
            }>;
            "color-cobalt-200": Readonly<{
                value: "#8dcafcff";
            }>;
            "color-cobalt-300": Readonly<{
                value: "#5cadefff";
            }>;
            "color-cobalt-400": Readonly<{
                value: "#3292e3ff";
            }>;
            "color-cobalt-500": Readonly<{
                value: "#3176d1ff";
            }>;
            "color-cobalt-600": Readonly<{
                value: "#2b59b5ff";
            }>;
            "color-cobalt-300-0": Readonly<{
                value: "#5cadef00";
            }>;
            "color-cobalt-300-10": Readonly<{
                value: "#5cadef1a";
            }>;
            "color-cobalt-300-18": Readonly<{
                value: "#5cadef2e";
            }>;
            "color-cobalt-300-30": Readonly<{
                value: "#5cadef4d";
            }>;
            "color-cobalt-300-45": Readonly<{
                value: "#5cadef73";
            }>;
            "color-cobalt-400-0": Readonly<{
                value: "#3292e300";
            }>;
            "color-cobalt-400-5": Readonly<{
                value: "#3292e30d";
            }>;
            "color-cobalt-400-10": Readonly<{
                value: "#3292e31a";
            }>;
            "color-cobalt-400-20": Readonly<{
                value: "#3292e333";
            }>;
            "color-cobalt-400-30": Readonly<{
                value: "#3292e34d";
            }>;
            "color-green-100": Readonly<{
                value: "#a4ecb3ff";
            }>;
            "color-green-200": Readonly<{
                value: "#7cd985ff";
            }>;
            "color-green-300": Readonly<{
                value: "#51c371ff";
            }>;
            "color-green-400": Readonly<{
                value: "#20ab55ff";
            }>;
            "color-green-500": Readonly<{
                value: "#358761ff";
            }>;
            "color-green-600": Readonly<{
                value: "#327055ff";
            }>;
            "color-green-300-0": Readonly<{
                value: "#4bc16c00";
            }>;
            "color-green-300-10": Readonly<{
                value: "#4bc16c1a";
            }>;
            "color-green-300-18": Readonly<{
                value: "#4bc16c2e";
            }>;
            "color-green-300-30": Readonly<{
                value: "#4bc16c4d";
            }>;
            "color-green-300-45": Readonly<{
                value: "#4bc16c73";
            }>;
            "color-green-400-0": Readonly<{
                value: "#20ab5500";
            }>;
            "color-green-400-5": Readonly<{
                value: "#20ab550d";
            }>;
            "color-green-400-10": Readonly<{
                value: "#20ab551a";
            }>;
            "color-green-400-20": Readonly<{
                value: "#20ab5533";
            }>;
            "color-green-400-30": Readonly<{
                value: "#20ab554d";
            }>;
            "color-red-100": Readonly<{
                value: "#ffb8b8ff";
            }>;
            "color-red-200": Readonly<{
                value: "#ff8683ff";
            }>;
            "color-red-300": Readonly<{
                value: "#f36868ff";
            }>;
            "color-red-400": Readonly<{
                value: "#e1535dff";
            }>;
            "color-red-500": Readonly<{
                value: "#bc3a42ff";
            }>;
            "color-red-600": Readonly<{
                value: "#992c34ff";
            }>;
            "color-red-300-0": Readonly<{
                value: "#f2606000";
            }>;
            "color-red-300-10": Readonly<{
                value: "#f260601a";
            }>;
            "color-red-300-18": Readonly<{
                value: "#f260602e";
            }>;
            "color-red-300-30": Readonly<{
                value: "#f260604d";
            }>;
            "color-red-300-45": Readonly<{
                value: "#f2606073";
            }>;
            "color-red-400-0": Readonly<{
                value: "#e1535d00";
            }>;
            "color-red-400-5": Readonly<{
                value: "#e1535d0d";
            }>;
            "color-red-400-10": Readonly<{
                value: "#e1535d1a";
            }>;
            "color-red-400-20": Readonly<{
                value: "#e1535d33";
            }>;
            "color-red-400-30": Readonly<{
                value: "#e1535d4d";
            }>;
            "color-orange-100": Readonly<{
                value: "#ffc38fff";
            }>;
            "color-orange-200": Readonly<{
                value: "#ffab70ff";
            }>;
            "color-orange-300": Readonly<{
                value: "#f79847ff";
            }>;
            "color-orange-400": Readonly<{
                value: "#e67f2bff";
            }>;
            "color-orange-500": Readonly<{
                value: "#c1630dff";
            }>;
            "color-orange-600": Readonly<{
                value: "#a1540cff";
            }>;
            "color-orange-300-0": Readonly<{
                value: "#f7984700";
            }>;
            "color-orange-300-10": Readonly<{
                value: "#f798471a";
            }>;
            "color-orange-300-18": Readonly<{
                value: "#f798472e";
            }>;
            "color-orange-300-30": Readonly<{
                value: "#f798474d";
            }>;
            "color-orange-300-45": Readonly<{
                value: "#f7984773";
            }>;
            "color-orange-400-0": Readonly<{
                value: "#e67f2b00";
            }>;
            "color-orange-400-5": Readonly<{
                value: "#e67f2b0d";
            }>;
            "color-orange-400-10": Readonly<{
                value: "#e67f2b1a";
            }>;
            "color-orange-400-20": Readonly<{
                value: "#e67f2b33";
            }>;
            "color-orange-400-30": Readonly<{
                value: "#e67f2b4d";
            }>;
            "color-yellow-100": Readonly<{
                value: "#ffe38fff";
            }>;
            "color-yellow-200": Readonly<{
                value: "#fed968ff";
            }>;
            "color-yellow-300": Readonly<{
                value: "#f0be27ff";
            }>;
            "color-yellow-400": Readonly<{
                value: "#edae0dff";
            }>;
            "color-yellow-500": Readonly<{
                value: "#c38f00ff";
            }>;
            "color-yellow-600": Readonly<{
                value: "#9e7504ff";
            }>;
            "color-yellow-300-0": Readonly<{
                value: "#f0be2700";
            }>;
            "color-yellow-300-10": Readonly<{
                value: "#f0be271a";
            }>;
            "color-yellow-300-18": Readonly<{
                value: "#f0be272e";
            }>;
            "color-yellow-300-30": Readonly<{
                value: "#f0be274d";
            }>;
            "color-yellow-300-45": Readonly<{
                value: "#f0be2773";
            }>;
            "color-yellow-400-0": Readonly<{
                value: "#edae0d00";
            }>;
            "color-yellow-400-5": Readonly<{
                value: "#edae0d0d";
            }>;
            "color-yellow-400-10": Readonly<{
                value: "#edae0d1a";
            }>;
            "color-yellow-400-20": Readonly<{
                value: "#edae0d33";
            }>;
            "color-yellow-400-30": Readonly<{
                value: "#edae0d4d";
            }>;
            "color-olive-100": Readonly<{
                value: "#e7f17cff";
            }>;
            "color-olive-200": Readonly<{
                value: "#dbe56eff";
            }>;
            "color-olive-300": Readonly<{
                value: "#b7c427ff";
            }>;
            "color-olive-400": Readonly<{
                value: "#a9b110ff";
            }>;
            "color-olive-500": Readonly<{
                value: "#7b801cff";
            }>;
            "color-olive-600": Readonly<{
                value: "#65691cff";
            }>;
            "color-olive-300-0": Readonly<{
                value: "#b7c42700";
            }>;
            "color-olive-300-10": Readonly<{
                value: "#b7c4271a";
            }>;
            "color-olive-300-18": Readonly<{
                value: "#b7c4272e";
            }>;
            "color-olive-300-30": Readonly<{
                value: "#b7c4274d";
            }>;
            "color-olive-300-45": Readonly<{
                value: "#b7c42773";
            }>;
            "color-olive-400-0": Readonly<{
                value: "#a9b11000";
            }>;
            "color-olive-400-5": Readonly<{
                value: "#a9b1100d";
            }>;
            "color-olive-400-10": Readonly<{
                value: "#a9b1101a";
            }>;
            "color-olive-400-20": Readonly<{
                value: "#a9b11033";
            }>;
            "color-olive-400-30": Readonly<{
                value: "#a9b1104d";
            }>;
            "color-teal-100": Readonly<{
                value: "#9beee6ff";
            }>;
            "color-teal-200": Readonly<{
                value: "#72e0d5ff";
            }>;
            "color-teal-300": Readonly<{
                value: "#40d3c5ff";
            }>;
            "color-teal-400": Readonly<{
                value: "#09b2acff";
            }>;
            "color-teal-500": Readonly<{
                value: "#068e95ff";
            }>;
            "color-teal-600": Readonly<{
                value: "#06687dff";
            }>;
            "color-teal-300-0": Readonly<{
                value: "#40d3c500";
            }>;
            "color-teal-300-10": Readonly<{
                value: "#40d3c51a";
            }>;
            "color-teal-300-18": Readonly<{
                value: "#40d3c52e";
            }>;
            "color-teal-300-30": Readonly<{
                value: "#40d3c54d";
            }>;
            "color-teal-300-45": Readonly<{
                value: "#40d3c573";
            }>;
            "color-teal-400-0": Readonly<{
                value: "#09b2ac00";
            }>;
            "color-teal-400-5": Readonly<{
                value: "#09b2ac0d";
            }>;
            "color-teal-400-10": Readonly<{
                value: "#09b2ac1a";
            }>;
            "color-teal-400-20": Readonly<{
                value: "#09b2ac33";
            }>;
            "color-teal-400-30": Readonly<{
                value: "#09b2ac4d";
            }>;
            "color-navy-100": Readonly<{
                value: "#a5b2eeff";
            }>;
            "color-navy-200": Readonly<{
                value: "#8b99d9ff";
            }>;
            "color-navy-300": Readonly<{
                value: "#7e89cdff";
            }>;
            "color-navy-400": Readonly<{
                value: "#424fabff";
            }>;
            "color-navy-500": Readonly<{
                value: "#353888ff";
            }>;
            "color-navy-600": Readonly<{
                value: "#22245bff";
            }>;
            "color-navy-300-0": Readonly<{
                value: "#6f7bc800";
            }>;
            "color-navy-300-10": Readonly<{
                value: "#6f7bc81a";
            }>;
            "color-navy-300-18": Readonly<{
                value: "#6f7bc82e";
            }>;
            "color-navy-300-30": Readonly<{
                value: "#6f7bc84d";
            }>;
            "color-navy-300-45": Readonly<{
                value: "#6f7bc873";
            }>;
            "color-navy-400-0": Readonly<{
                value: "#424fab00";
            }>;
            "color-navy-400-5": Readonly<{
                value: "#424fab0d";
            }>;
            "color-navy-400-10": Readonly<{
                value: "#424fab1a";
            }>;
            "color-navy-400-20": Readonly<{
                value: "#424fab33";
            }>;
            "color-navy-400-30": Readonly<{
                value: "#424fab4d";
            }>;
            "color-purple-100": Readonly<{
                value: "#d1b5ffff";
            }>;
            "color-purple-200": Readonly<{
                value: "#c19affff";
            }>;
            "color-purple-300": Readonly<{
                value: "#a970ffff";
            }>;
            "color-purple-400": Readonly<{
                value: "#8e57e7ff";
            }>;
            "color-purple-500": Readonly<{
                value: "#6735b6ff";
            }>;
            "color-purple-600": Readonly<{
                value: "#54278fff";
            }>;
            "color-purple-300-0": Readonly<{
                value: "#a970ff00";
            }>;
            "color-purple-300-10": Readonly<{
                value: "#a970ff1a";
            }>;
            "color-purple-300-18": Readonly<{
                value: "#a970ff2e";
            }>;
            "color-purple-300-30": Readonly<{
                value: "#a970ff4d";
            }>;
            "color-purple-300-45": Readonly<{
                value: "#a970ff73";
            }>;
            "color-purple-400-0": Readonly<{
                value: "#8e57e700";
            }>;
            "color-purple-400-5": Readonly<{
                value: "#8e57e70d";
            }>;
            "color-purple-400-10": Readonly<{
                value: "#8e57e71a";
            }>;
            "color-purple-400-20": Readonly<{
                value: "#8e57e733";
            }>;
            "color-purple-400-30": Readonly<{
                value: "#8e57e74d";
            }>;
            "color-pink-100": Readonly<{
                value: "#ffafefff";
            }>;
            "color-pink-200": Readonly<{
                value: "#f392e0ff";
            }>;
            "color-pink-300": Readonly<{
                value: "#ec6fd3ff";
            }>;
            "color-pink-400": Readonly<{
                value: "#d64bb5ff";
            }>;
            "color-pink-500": Readonly<{
                value: "#b0369eff";
            }>;
            "color-pink-600": Readonly<{
                value: "#962c86ff";
            }>;
            "color-pink-300-0": Readonly<{
                value: "#ec6fd300";
            }>;
            "color-pink-300-10": Readonly<{
                value: "#ec6fd31a";
            }>;
            "color-pink-300-18": Readonly<{
                value: "#ec6fd32e";
            }>;
            "color-pink-300-30": Readonly<{
                value: "#ec6fd34d";
            }>;
            "color-pink-300-45": Readonly<{
                value: "#ec6fd373";
            }>;
            "color-pink-400-0": Readonly<{
                value: "#d64bb500";
            }>;
            "color-pink-400-5": Readonly<{
                value: "#d64bb50d";
            }>;
            "color-pink-400-10": Readonly<{
                value: "#d64bb51a";
            }>;
            "color-pink-400-20": Readonly<{
                value: "#d64bb533";
            }>;
            "color-pink-400-30": Readonly<{
                value: "#d64bb54d";
            }>;
            "color-grey-25": Readonly<{
                value: "#fdfdffff";
            }>;
            "color-grey-50": Readonly<{
                value: "#fbfbfbff";
            }>;
            "color-grey-100": Readonly<{
                value: "#f7f7f8ff";
            }>;
            "color-grey-200": Readonly<{
                value: "#efeff0ff";
            }>;
            "color-grey-300": Readonly<{
                value: "#e2e2e4ff";
            }>;
            "color-grey-400": Readonly<{
                value: "#cfcfd1ff";
            }>;
            "color-grey-500": Readonly<{
                value: "#a7a7aaff";
            }>;
            "color-grey-600": Readonly<{
                value: "#79797eff";
            }>;
            "color-grey-650": Readonly<{
                value: "#5a5a5fff";
            }>;
            "color-grey-700": Readonly<{
                value: "#3b3b3fff";
            }>;
            "color-grey-750": Readonly<{
                value: "#313135ff";
            }>;
            "color-grey-800": Readonly<{
                value: "#29292dff";
            }>;
            "color-grey-850": Readonly<{
                value: "#242426ff";
            }>;
            "color-grey-900": Readonly<{
                value: "#1d1d20ff";
            }>;
            "color-grey-950": Readonly<{
                value: "#1a1a1cff";
            }>;
            "color-grey-50-80": Readonly<{
                value: "#fbfbfbcc";
            }>;
            "color-grey-100-80": Readonly<{
                value: "#f7f7f8cc";
            }>;
            "color-grey-100-90": Readonly<{
                value: "#f7f7f8e6";
            }>;
            "color-grey-200-80": Readonly<{
                value: "#efeff0cc";
            }>;
            "color-grey-200-90": Readonly<{
                value: "#efeff0e6";
            }>;
            "color-grey-700-80": Readonly<{
                value: "#3b3b3fcc";
            }>;
            "color-grey-700-90": Readonly<{
                value: "#3b3b3fe6";
            }>;
            "color-grey-750-90": Readonly<{
                value: "#313135e6";
            }>;
            "color-grey-800-80": Readonly<{
                value: "#29292dcc";
            }>;
            "color-grey-800-90": Readonly<{
                value: "#29292de6";
            }>;
            "color-grey-850-80": Readonly<{
                value: "#242426cc";
            }>;
            "color-grey-850-90": Readonly<{
                value: "#242426e6";
            }>;
            "color-grey-900-0": Readonly<{
                value: "#24242800";
            }>;
            "color-grey-900-90": Readonly<{
                value: "#1d1d2000";
            }>;
            "color-white-0": Readonly<{
                value: "#fff0";
            }>;
            "color-white-3": Readonly<{
                value: "#ffffff08";
            }>;
            "color-white-5": Readonly<{
                value: "#ffffff0d";
            }>;
            "color-white-8": Readonly<{
                value: "#ffffff14";
            }>;
            "color-white-12": Readonly<{
                value: "#ffffff1f";
            }>;
            "color-white-20": Readonly<{
                value: "#fff3";
            }>;
            "color-white-22": Readonly<{
                value: "#ffffff38";
            }>;
            "color-white-30": Readonly<{
                value: "#ffffff4d";
            }>;
            "color-white-40": Readonly<{
                value: "#fff6";
            }>;
            "color-white-50": Readonly<{
                value: "#ffffff80";
            }>;
            "color-white-60": Readonly<{
                value: "#fff9";
            }>;
            "color-white-80": Readonly<{
                value: "#fffc";
            }>;
            "color-white-90": Readonly<{
                value: "#ffffffe6";
            }>;
            "color-white-100": Readonly<{
                value: "#ffff";
            }>;
            "color-black-0": Readonly<{
                value: "#0000";
            }>;
            "color-black-1": Readonly<{
                value: "#00000003";
            }>;
            "color-black-3": Readonly<{
                value: "#00000008";
            }>;
            "color-black-5": Readonly<{
                value: "#0000000d";
            }>;
            "color-black-8": Readonly<{
                value: "#00000014";
            }>;
            "color-black-15": Readonly<{
                value: "#00000026";
            }>;
            "color-black-20": Readonly<{
                value: "#0003";
            }>;
            "color-black-22": Readonly<{
                value: "#00000038";
            }>;
            "color-black-30": Readonly<{
                value: "#0000004d";
            }>;
            "color-black-40": Readonly<{
                value: "#0006";
            }>;
            "color-black-50": Readonly<{
                value: "#00000080";
            }>;
            "color-black-60": Readonly<{
                value: "#0009";
            }>;
            "color-black-70": Readonly<{
                value: "#000000b3";
            }>;
            "color-black-85": Readonly<{
                value: "#000000d9";
            }>;
            "color-black-100": Readonly<{
                value: "#000f";
            }>;
        }>;
        dimension: Readonly<{
            "dimension-1": Readonly<{
                value: "1px";
            }>;
            "dimension-2": Readonly<{
                value: "2px";
            }>;
            "dimension-3": Readonly<{
                value: "3px";
            }>;
            "dimension-4": Readonly<{
                value: "4px";
            }>;
            "dimension-6": Readonly<{
                value: "6px";
            }>;
            "dimension-7": Readonly<{
                value: "7px";
            }>;
            "dimension-8": Readonly<{
                value: "8px";
            }>;
            "dimension-10": Readonly<{
                value: "10px";
            }>;
            "dimension-12": Readonly<{
                value: "12px";
            }>;
            "dimension-14": Readonly<{
                value: "14px";
            }>;
            "dimension-16": Readonly<{
                value: "16px";
            }>;
            "dimension-20": Readonly<{
                value: "20px";
            }>;
            "dimension-22": Readonly<{
                value: "22px";
            }>;
            "dimension-24": Readonly<{
                value: "24px";
            }>;
            "dimension-28": Readonly<{
                value: "28px";
            }>;
            "dimension-30": Readonly<{
                value: "30px";
            }>;
            "dimension-32": Readonly<{
                value: "32px";
            }>;
            "dimension-36": Readonly<{
                value: "36px";
            }>;
            "dimension-40": Readonly<{
                value: "40px";
            }>;
            "dimension-42": Readonly<{
                value: "42px";
            }>;
            "dimension-44": Readonly<{
                value: "44px";
            }>;
            "dimension-48": Readonly<{
                value: "48px";
            }>;
            "dimension-54": Readonly<{
                value: "54px";
            }>;
            "dimension-60": Readonly<{
                value: "60px";
            }>;
            "dimension-72": Readonly<{
                value: "72px";
            }>;
            "dimension-90": Readonly<{
                value: "90px";
            }>;
            "dimension-120": Readonly<{
                value: "120px";
            }>;
            "dimension-160": Readonly<{
                value: "160px";
            }>;
            "dimension-200": Readonly<{
                value: "200px";
            }>;
            "dimension-240": Readonly<{
                value: "240px";
            }>;
            "dimension-320": Readonly<{
                value: "320px";
            }>;
            "dimension-420": Readonly<{
                value: "420px";
            }>;
            "dimension-540": Readonly<{
                value: "540px";
            }>;
            "dimension-640": Readonly<{
                value: "640px";
            }>;
            "dimension-720": Readonly<{
                value: "720px";
            }>;
            "dimension-800": Readonly<{
                value: "800px";
            }>;
            "dimension-900": Readonly<{
                value: "900px";
            }>;
            "dimension-1-m": Readonly<{
                value: "-1px";
            }>;
            "dimension-40-p": Readonly<{
                value: "40%";
            }>;
        }>;
        layer: Readonly<{
            "layer-depth-0": Readonly<{
                value: "0";
            }>;
            "layer-depth-1": Readonly<{
                value: "1";
            }>;
            "layer-depth-1000": Readonly<{
                value: "1000";
            }>;
            "layer-depth-1100": Readonly<{
                value: "1100";
            }>;
            "layer-depth-1200": Readonly<{
                value: "1200";
            }>;
            "layer-depth-1300": Readonly<{
                value: "1300";
            }>;
            "layer-depth-2000": Readonly<{
                value: "2000";
            }>;
            "layer-depth-1-m": Readonly<{
                value: "-1";
            }>;
        }>;
        motion: Readonly<{
            "motion-duration-150": Readonly<{
                value: "150ms";
            }>;
            "motion-duration-300": Readonly<{
                value: "300ms";
            }>;
            "motion-duration-450": Readonly<{
                value: "450ms";
            }>;
            "motion-timing-function-easing": Readonly<{
                value: "cubic-bezier(0.3, 0, 0, 1)";
            }>;
        }>;
        typography: Readonly<{
            "typography-font-family-sans-kr": Readonly<{
                value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
            }>;
            "typography-font-family-sans-jp": Readonly<{
                value: "'Inter', 'NotoSansJP', 'Noto Sans JP', 'NotoSansKR', 'Noto Sans KR', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
            }>;
            "typography-font-family-monospace": Readonly<{
                value: "'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'";
            }>;
            "typography-font-size-11": Readonly<{
                value: "11px";
            }>;
            "typography-font-size-12": Readonly<{
                value: "12px";
            }>;
            "typography-font-size-13": Readonly<{
                value: "13px";
            }>;
            "typography-font-size-14": Readonly<{
                value: "14px";
            }>;
            "typography-font-size-15": Readonly<{
                value: "15px";
            }>;
            "typography-font-size-16": Readonly<{
                value: "16px";
            }>;
            "typography-font-size-17": Readonly<{
                value: "17px";
            }>;
            "typography-font-size-18": Readonly<{
                value: "18px";
            }>;
            "typography-font-size-22": Readonly<{
                value: "22px";
            }>;
            "typography-font-size-24": Readonly<{
                value: "24px";
            }>;
            "typography-font-size-30": Readonly<{
                value: "30px";
            }>;
            "typography-font-size-36": Readonly<{
                value: "36px";
            }>;
            "typography-font-weight-400": Readonly<{
                value: "400";
            }>;
            "typography-font-weight-500": Readonly<{
                value: "500";
            }>;
            "typography-font-weight-600": Readonly<{
                value: "600";
            }>;
            "typography-font-weight-700": Readonly<{
                value: "700";
            }>;
            "typography-line-height-16": Readonly<{
                value: "16px";
            }>;
            "typography-line-height-18": Readonly<{
                value: "18px";
            }>;
            "typography-line-height-20": Readonly<{
                value: "20px";
            }>;
            "typography-line-height-22": Readonly<{
                value: "22px";
            }>;
            "typography-line-height-24": Readonly<{
                value: "24px";
            }>;
            "typography-line-height-28": Readonly<{
                value: "28px";
            }>;
            "typography-line-height-32": Readonly<{
                value: "32px";
            }>;
            "typography-line-height-36": Readonly<{
                value: "36px";
            }>;
            "typography-line-height-44": Readonly<{
                value: "44px";
            }>;
            "typography-letter-spacing-0": Readonly<{
                value: "0";
            }>;
            "typography-letter-spacing-0-1": Readonly<{
                value: "-0.1px";
            }>;
            "typography-letter-spacing-0-4": Readonly<{
                value: "-0.4px";
            }>;
        }>;
    }>;
    lightTheme: Readonly<{
        backdrop: Readonly<{
            "backdrop-large": Readonly<{
                value: "60px";
                ref: "dimension-60";
            }>;
            "backdrop-small": Readonly<{
                value: "6px";
                ref: "dimension-6";
            }>;
        }>;
        border: Readonly<{
            "border-default": Readonly<{
                value: "0 0 0 1px #00000014";
                ref: "0 0 0 dimension-1 color-border-neutral";
            }>;
            "border-bottom": Readonly<{
                value: "0 -1px 0 0 #00000014";
                ref: "0 dimension-1-m 0 0 color-border-neutral";
            }>;
            "border-right": Readonly<{
                value: "-1px 0 0 0 #00000014";
                ref: "dimension-1-m 0 0 0 color-border-neutral";
            }>;
            "border-left": Readonly<{
                value: "1px 0 0 0 #00000014";
                ref: "dimension-1 0 0 0 color-border-neutral";
            }>;
            "border-top": Readonly<{
                value: "0 1px 0 0 #00000014";
                ref: "0 dimension-1 0 0 color-border-neutral";
            }>;
            "border-white-high": Readonly<{
                value: "0 0 0 1px #ffff";
                ref: "0 0 0 dimension-1 color-surface-high";
            }>;
            "border-white-higher": Readonly<{
                value: "0 0 0 1px #ffff";
                ref: "0 0 0 dimension-1 color-surface-higher";
            }>;
            "border-white-highest": Readonly<{
                value: "0 0 0 1px #ffff";
                ref: "0 0 0 dimension-1 color-surface-highest";
            }>;
        }>;
        elevation: Readonly<{
            "elevation-1": Readonly<{
                value: "0 1px 2px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-1 dimension-2 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
            "elevation-2": Readonly<{
                value: "0 2px 6px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-2 dimension-6 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
            "elevation-3": Readonly<{
                value: "0 4px 12px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-4 dimension-12 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
            "elevation-4": Readonly<{
                value: "0 4px 24px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-4 dimension-24 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
            "elevation-5": Readonly<{
                value: "0 6px 40px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-6 dimension-40 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
            "elevation-6": Readonly<{
                value: "0 12px 60px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
                ref: "0 dimension-12 dimension-60 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
            }>;
        }>;
        layer: Readonly<{
            "layer-z-index-base": Readonly<{
                value: "0";
                ref: "layer-depth-0";
            }>;
            "layer-z-index-floating": Readonly<{
                value: "1";
                ref: "layer-depth-1";
            }>;
            "layer-z-index-overlay": Readonly<{
                value: "1000";
                ref: "layer-depth-1000";
            }>;
            "layer-z-index-modal": Readonly<{
                value: "1100";
                ref: "layer-depth-1100";
            }>;
            "layer-z-index-toast": Readonly<{
                value: "1200";
                ref: "layer-depth-1200";
            }>;
            "layer-z-index-tooltip": Readonly<{
                value: "1300";
                ref: "layer-depth-1300";
            }>;
            "layer-z-index-hidden": Readonly<{
                value: "-1";
                ref: "layer-depth-1-m";
            }>;
            "layer-z-index-important": Readonly<{
                value: "2000";
                ref: "layer-depth-2000";
            }>;
        }>;
        motion: Readonly<{
            "motion-transition-fast": Readonly<{
                value: "150ms cubic-bezier(0.3, 0, 0, 1)";
                ref: "motion-duration-150 motion-timing-function-easing";
            }>;
            "motion-transition-default": Readonly<{
                value: "300ms cubic-bezier(0.3, 0, 0, 1)";
                ref: "motion-duration-300 motion-timing-function-easing";
            }>;
            "motion-transition-slow": Readonly<{
                value: "450ms cubic-bezier(0.3, 0, 0, 1)";
                ref: "motion-duration-450 motion-timing-function-easing";
            }>;
        }>;
        opacity: Readonly<{
            "opacity-disabled": Readonly<{
                value: "40%";
                ref: "dimension-40-p";
            }>;
        }>;
        radius: Readonly<{
            "radius-2": Readonly<{
                value: "2px";
                ref: "dimension-2";
            }>;
            "radius-3": Readonly<{
                value: "3px";
                ref: "dimension-3";
            }>;
            "radius-4": Readonly<{
                value: "4px";
                ref: "dimension-4";
            }>;
            "radius-6": Readonly<{
                value: "6px";
                ref: "dimension-6";
            }>;
            "radius-7": Readonly<{
                value: "7px";
                ref: "dimension-7";
            }>;
            "radius-8": Readonly<{
                value: "8px";
                ref: "dimension-8";
            }>;
            "radius-10": Readonly<{
                value: "10px";
                ref: "dimension-10";
            }>;
            "radius-12": Readonly<{
                value: "12px";
                ref: "dimension-12";
            }>;
            "radius-14": Readonly<{
                value: "14px";
                ref: "dimension-14";
            }>;
            "radius-16": Readonly<{
                value: "16px";
                ref: "dimension-16";
            }>;
            "radius-20": Readonly<{
                value: "20px";
                ref: "dimension-20";
            }>;
            "radius-32": Readonly<{
                value: "32px";
                ref: "dimension-32";
            }>;
        }>;
        state: Readonly<{
            "state-error": Readonly<{
                value: "0 0 0 1px #e67f2bff";
                ref: "0 0 0 dimension-1 color-state-warning";
            }>;
            "state-active": Readonly<{
                value: "0 0 0 1px #6157eaff";
                ref: "0 0 0 dimension-1 color-state-action";
            }>;
            "state-input-default": Readonly<{
                value: "0 1px 2px 0 #0000000d, inset 0 0 0 1px #00000026";
                ref: "0 dimension-1 dimension-2 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-default";
            }>;
            "state-input-hovered": Readonly<{
                value: "0 2px 6px 0 #0000000d, inset 0 0 0 1px #6157eaff";
                ref: "0 dimension-2 dimension-6 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-action";
            }>;
            "state-input-active": Readonly<{
                value: "0 2px 6px 0 #0000000d, 0 0 0 3px #6157ea4d, inset 0 0 0 1px #6157eaff";
                ref: "0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-action-light, inset 0 0 0 dimension-1 color-state-action";
            }>;
            "state-input-error": Readonly<{
                value: "0 2px 6px 0 #0000000d, 0 0 0 3px #e67f2b4d, inset 0 0 0 1px #e67f2bff";
                ref: "0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-warning-light, inset 0 0 0 dimension-1 color-state-warning";
            }>;
        }>;
        typography: Readonly<{
            "typography-heading-font-family": Readonly<{
                value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
                ref: "typography-font-family-sans-kr";
            }>;
            "typography-heading-size-xlarge": Readonly<{
                value: "24px";
                ref: "typography-font-size-24";
            }>;
            "typography-heading-size-large": Readonly<{
                value: "22px";
                ref: "typography-font-size-22";
            }>;
            "typography-heading-size-medium": Readonly<{
                value: "18px";
                ref: "typography-font-size-18";
            }>;
            "typography-heading-size-small": Readonly<{
                value: "17px";
                ref: "typography-font-size-17";
            }>;
            "typography-heading-size-xsmall": Readonly<{
                value: "16px";
                ref: "typography-font-size-16";
            }>;
            "typography-heading-size-2xsmall": Readonly<{
                value: "15px";
                ref: "typography-font-size-15";
            }>;
            "typography-heading-weight-bold": Readonly<{
                value: "700";
                ref: "typography-font-weight-700";
            }>;
            "typography-heading-letter-spacing": Readonly<{
                value: "0";
                ref: "typography-letter-spacing-0";
            }>;
            "typography-heading-letter-spacing-tight": Readonly<{
                value: "-0.1px";
                ref: "typography-letter-spacing-0-1";
            }>;
            "typography-heading-letter-spacing-tighter": Readonly<{
                value: "-0.4px";
                ref: "typography-letter-spacing-0-4";
            }>;
            "typography-heading-line-height-xlarge": Readonly<{
                value: "32px";
                ref: "typography-line-height-32";
            }>;
            "typography-heading-line-height-large": Readonly<{
                value: "28px";
                ref: "typography-line-height-28";
            }>;
            "typography-heading-line-height-medium": Readonly<{
                value: "24px";
                ref: "typography-line-height-24";
            }>;
            "typography-heading-line-height-small": Readonly<{
                value: "24px";
                ref: "typography-line-height-24";
            }>;
            "typography-heading-line-height-xsmall": Readonly<{
                value: "24px";
                ref: "typography-line-height-24";
            }>;
            "typography-heading-line-height-2xsmall": Readonly<{
                value: "20px";
                ref: "typography-line-height-20";
            }>;
            "typography-text-font-family": Readonly<{
                value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
                ref: "typography-font-family-sans-kr";
            }>;
            "typography-text-size-2xlarge": Readonly<{
                value: "17px";
                ref: "typography-font-size-17";
            }>;
            "typography-text-size-xlarge": Readonly<{
                value: "16px";
                ref: "typography-font-size-16";
            }>;
            "typography-text-size-large": Readonly<{
                value: "15px";
                ref: "typography-font-size-15";
            }>;
            "typography-text-size-medium": Readonly<{
                value: "14px";
                ref: "typography-font-size-14";
            }>;
            "typography-text-size-small": Readonly<{
                value: "13px";
                ref: "typography-font-size-13";
            }>;
            "typography-text-size-xsmall": Readonly<{
                value: "12px";
                ref: "typography-font-size-12";
            }>;
            "typography-text-size-2xsmall": Readonly<{
                value: "11px";
                ref: "typography-font-size-11";
            }>;
            "typography-text-weight-bold": Readonly<{
                value: "700";
                ref: "typography-font-weight-700";
            }>;
            "typography-text-weight-regular": Readonly<{
                value: "400";
                ref: "typography-font-weight-400";
            }>;
            "typography-text-letter-spacing": Readonly<{
                value: "0";
                ref: "typography-letter-spacing-0";
            }>;
            "typography-text-letter-spacing-tight": Readonly<{
                value: "-0.1px";
                ref: "typography-letter-spacing-0-1";
            }>;
            "typography-text-line-height-2xlarge": Readonly<{
                value: "24px";
                ref: "typography-line-height-24";
            }>;
            "typography-text-line-height-xlarge": Readonly<{
                value: "24px";
                ref: "typography-line-height-24";
            }>;
            "typography-text-line-height-large": Readonly<{
                value: "20px";
                ref: "typography-line-height-20";
            }>;
            "typography-text-line-height-medium": Readonly<{
                value: "18px";
                ref: "typography-line-height-18";
            }>;
            "typography-text-line-height-small": Readonly<{
                value: "18px";
                ref: "typography-line-height-18";
            }>;
            "typography-text-line-height-xsmall": Readonly<{
                value: "16px";
                ref: "typography-line-height-16";
            }>;
            "typography-text-line-height-2xsmall": Readonly<{
                value: "16px";
                ref: "typography-line-height-16";
            }>;
            "typography-display-font-family": Readonly<{
                value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
                ref: "typography-font-family-sans-kr";
            }>;
            "typography-display-size-large": Readonly<{
                value: "36px";
                ref: "typography-font-size-36";
            }>;
            "typography-display-size-medium": Readonly<{
                value: "30px";
                ref: "typography-font-size-30";
            }>;
            "typography-display-weight-bold": Readonly<{
                value: "700";
                ref: "typography-font-weight-700";
            }>;
            "typography-display-letter-spacing-tighter": Readonly<{
                value: "-0.4px";
                ref: "typography-letter-spacing-0-4";
            }>;
            "typography-display-line-height-large": Readonly<{
                value: "44px";
                ref: "typography-line-height-44";
            }>;
            "typography-display-line-height-medium": Readonly<{
                value: "36px";
                ref: "typography-line-height-36";
            }>;
            "typography-code-font-family": Readonly<{
                value: "'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'";
                ref: "typography-font-family-monospace";
            }>;
            "typography-code-size-medium": Readonly<{
                value: "14px";
                ref: "typography-font-size-14";
            }>;
            "typography-code-size-small": Readonly<{
                value: "13px";
                ref: "typography-font-size-13";
            }>;
            "typography-code-weight-regular": Readonly<{
                value: "400";
                ref: "typography-font-weight-400";
            }>;
            "typography-code-letter-spacing": Readonly<{
                value: "0";
                ref: "typography-letter-spacing-0";
            }>;
            "typography-code-line-height-medium": Readonly<{
                value: "18px";
                ref: "typography-line-height-18";
            }>;
            "typography-code-line-height-small": Readonly<{
                value: "18px";
                ref: "typography-line-height-18";
            }>;
        }>;
        color: Readonly<{
            "color-text-action": Readonly<{
                value: "#6157eaff";
                ref: "color-blue-400";
            }>;
            "color-text-action-hovered": Readonly<{
                value: "#5146e4ff";
            }>;
            "color-text-success": Readonly<{
                value: "#20ab55ff";
                ref: "color-green-400";
            }>;
            "color-text-success-hovered": Readonly<{
                value: "#219c50ff";
            }>;
            "color-text-highlight": Readonly<{
                value: "#3292e3ff";
                ref: "color-cobalt-400";
            }>;
            "color-text-highlight-hovered": Readonly<{
                value: "#2589ddff";
            }>;
            "color-text-warning": Readonly<{
                value: "#e67f2bff";
                ref: "color-orange-400";
            }>;
            "color-text-warning-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "color-text-critical": Readonly<{
                value: "#e1535dff";
                ref: "color-red-400";
            }>;
            "color-text-critical-hovered": Readonly<{
                value: "#da444fff";
            }>;
            "color-text-neutral-heaviest": Readonly<{
                value: "#000f";
                ref: "color-black-100";
            }>;
            "color-text-neutral-heaviest-hovered": Readonly<{
                value: "#1c1c1cff";
            }>;
            "color-text-neutral": Readonly<{
                value: "#000000d9";
                ref: "color-black-85";
            }>;
            "color-text-neutral-hovered": Readonly<{
                value: "#1c1c1cd9";
            }>;
            "color-text-neutral-light": Readonly<{
                value: "#0009";
                ref: "color-black-60";
            }>;
            "color-text-neutral-light-hovered": Readonly<{
                value: "#1c1c1c99";
            }>;
            "color-text-neutral-lighter": Readonly<{
                value: "#0006";
                ref: "color-black-40";
            }>;
            "color-text-neutral-lighter-hovered": Readonly<{
                value: "#1c1c1c66";
            }>;
            "color-text-accent-blue": Readonly<{
                value: "#6157eaff";
                ref: "color-blue-400";
            }>;
            "color-text-accent-blue-hovered": Readonly<{
                value: "#5146e4ff";
            }>;
            "color-text-accent-cobalt": Readonly<{
                value: "#3292e3ff";
                ref: "color-cobalt-400";
            }>;
            "color-text-accent-cobalt-hovered": Readonly<{
                value: "#2589ddff";
            }>;
            "color-text-accent-green": Readonly<{
                value: "#20ab55ff";
                ref: "color-green-400";
            }>;
            "color-text-accent-green-hovered": Readonly<{
                value: "#219c50ff";
            }>;
            "color-text-accent-red": Readonly<{
                value: "#e1535dff";
                ref: "color-red-400";
            }>;
            "color-text-accent-red-hovered": Readonly<{
                value: "#da444fff";
            }>;
            "color-text-accent-orange": Readonly<{
                value: "#e67f2bff";
                ref: "color-orange-400";
            }>;
            "color-text-accent-orange-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "color-text-accent-yellow": Readonly<{
                value: "#edae0dff";
                ref: "color-yellow-400";
            }>;
            "color-text-accent-yellow-hovered": Readonly<{
                value: "#d9a010ff";
            }>;
            "color-text-accent-olive": Readonly<{
                value: "#b7c427ff";
                ref: "color-olive-300";
            }>;
            "color-text-accent-olive-hovered": Readonly<{
                value: "#a7b328ff";
            }>;
            "color-text-accent-teal": Readonly<{
                value: "#09b2acff";
                ref: "color-teal-400";
            }>;
            "color-text-accent-teal-hovered": Readonly<{
                value: "#08a5a0ff";
            }>;
            "color-text-accent-navy": Readonly<{
                value: "#424fabff";
                ref: "color-navy-400";
            }>;
            "color-text-accent-navy-hovered": Readonly<{
                value: "#414c9cff";
            }>;
            "color-text-accent-purple": Readonly<{
                value: "#8e57e7ff";
                ref: "color-purple-400";
            }>;
            "color-text-accent-purple-hovered": Readonly<{
                value: "#8247e1ff";
            }>;
            "color-text-accent-pink": Readonly<{
                value: "#d64bb5ff";
                ref: "color-pink-400";
            }>;
            "color-text-accent-pink-hovered": Readonly<{
                value: "#cf3eacff";
            }>;
            "color-text-absolute-white": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-text-absolute-white-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-text-absolute-black": Readonly<{
                value: "#000f";
                ref: "color-black-100";
            }>;
            "color-text-absolute-black-hovered": Readonly<{
                value: "#1c1c1cff";
            }>;
            "color-text-inverse": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-text-inverse-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-icon-action": Readonly<{
                value: "#6157eaff";
                ref: "color-blue-400";
            }>;
            "color-icon-action-hovered": Readonly<{
                value: "#5146e4ff";
            }>;
            "color-icon-success": Readonly<{
                value: "#20ab55ff";
                ref: "color-green-400";
            }>;
            "color-icon-success-hovered": Readonly<{
                value: "#219c50ff";
            }>;
            "color-icon-highlight": Readonly<{
                value: "#3292e3ff";
                ref: "color-cobalt-400";
            }>;
            "color-icon-highlight-hovered": Readonly<{
                value: "#2589ddff";
            }>;
            "color-icon-warning": Readonly<{
                value: "#e67f2bff";
                ref: "color-orange-400";
            }>;
            "color-icon-warning-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "color-icon-critical": Readonly<{
                value: "#e1535dff";
                ref: "color-red-400";
            }>;
            "color-icon-critical-hovered": Readonly<{
                value: "#da444fff";
            }>;
            "color-icon-neutral": Readonly<{
                value: "#0006";
                ref: "color-black-40";
            }>;
            "color-icon-neutral-hovered": Readonly<{
                value: "#1c1c1c66";
            }>;
            "color-icon-neutral-heavy": Readonly<{
                value: "#0009";
                ref: "color-black-60";
            }>;
            "color-icon-neutral-heavy-hovered": Readonly<{
                value: "#1c1c1c99";
            }>;
            "color-icon-neutral-heavier": Readonly<{
                value: "#000000d9";
                ref: "color-black-85";
            }>;
            "color-icon-neutral-heavier-hovered": Readonly<{
                value: "#1c1c1cd9";
            }>;
            "color-icon-accent-blue": Readonly<{
                value: "#6157eaff";
                ref: "color-blue-400";
            }>;
            "color-icon-accent-blue-hovered": Readonly<{
                value: "#5146e4ff";
            }>;
            "color-icon-accent-cobalt": Readonly<{
                value: "#3292e3ff";
                ref: "color-cobalt-400";
            }>;
            "color-icon-accent-cobalt-hovered": Readonly<{
                value: "#2589ddff";
            }>;
            "color-icon-accent-green": Readonly<{
                value: "#20ab55ff";
                ref: "color-green-400";
            }>;
            "color-icon-accent-green-hovered": Readonly<{
                value: "#219c50ff";
            }>;
            "color-icon-accent-red": Readonly<{
                value: "#e1535dff";
                ref: "color-red-400";
            }>;
            "color-icon-accent-red-hovered": Readonly<{
                value: "#da444fff";
            }>;
            "color-icon-accent-orange": Readonly<{
                value: "#e67f2bff";
                ref: "color-orange-400";
            }>;
            "color-icon-accent-orange-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "color-icon-accent-yellow": Readonly<{
                value: "#edae0dff";
                ref: "color-yellow-400";
            }>;
            "color-icon-accent-yellow-hovered": Readonly<{
                value: "#d9a010ff";
            }>;
            "color-icon-accent-olive": Readonly<{
                value: "#a9b110ff";
                ref: "color-olive-400";
            }>;
            "color-icon-accent-olive-hovered": Readonly<{
                value: "#9ba212ff";
            }>;
            "color-icon-accent-teal": Readonly<{
                value: "#09b2acff";
                ref: "color-teal-400";
            }>;
            "color-icon-accent-teal-hovered": Readonly<{
                value: "#08a5a0ff";
            }>;
            "color-icon-accent-navy": Readonly<{
                value: "#424fabff";
                ref: "color-navy-400";
            }>;
            "color-icon-accent-navy-hovered": Readonly<{
                value: "#414c9cff";
            }>;
            "color-icon-accent-purple": Readonly<{
                value: "#8e57e7ff";
                ref: "color-purple-400";
            }>;
            "color-icon-accent-purple-hovered": Readonly<{
                value: "#8247e1ff";
            }>;
            "color-icon-accent-pink": Readonly<{
                value: "#d64bb5ff";
                ref: "color-pink-400";
            }>;
            "color-icon-accent-pink-hovered": Readonly<{
                value: "#cf3eacff";
            }>;
            "color-icon-absolute-white": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-icon-absolute-white-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-icon-absolute-black": Readonly<{
                value: "#000f";
                ref: "color-black-100";
            }>;
            "color-icon-absolute-black-hovered": Readonly<{
                value: "#1c1c1cff";
            }>;
            "color-icon-inverse-heavier": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-icon-inverse-heavier-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-fill-neutral": Readonly<{
                value: "#00000014";
                ref: "color-black-8";
            }>;
            "color-fill-neutral-hovered": Readonly<{
                value: "#1c1c1c1e";
            }>;
            "color-fill-neutral-heaviest": Readonly<{
                value: "#000000d9";
                ref: "color-black-85";
            }>;
            "color-fill-neutral-heaviest-hovered": Readonly<{
                value: "#1c1c1cd9";
            }>;
            "color-fill-neutral-heavier": Readonly<{
                value: "#0006";
                ref: "color-black-40";
            }>;
            "color-fill-neutral-heavier-hovered": Readonly<{
                value: "#1c1c1c66";
            }>;
            "color-fill-neutral-heavy": Readonly<{
                value: "#00000026";
                ref: "color-black-15";
            }>;
            "color-fill-neutral-heavy-hovered": Readonly<{
                value: "#1c1c1c39";
            }>;
            "color-fill-neutral-light": Readonly<{
                value: "#0000000d";
                ref: "color-black-5";
            }>;
            "color-fill-neutral-light-hovered": Readonly<{
                value: "#1c1c1c14";
            }>;
            "color-fill-neutral-lighter": Readonly<{
                value: "#00000008";
                ref: "color-black-3";
            }>;
            "color-fill-neutral-lighter-hovered": Readonly<{
                value: "#1c1c1c0c";
            }>;
            "color-fill-neutral-lightest": Readonly<{
                value: "#00000003";
                ref: "color-black-1";
            }>;
            "color-fill-neutral-lightest-hovered": Readonly<{
                value: "#1c1c1c05";
            }>;
            "color-fill-neutral-transparent": Readonly<{
                value: "#0000";
                ref: "color-black-0";
            }>;
            "color-fill-neutral-transparent-hovered": Readonly<{
                value: "#0000000d";
            }>;
            "color-fill-action": Readonly<{
                value: "#6157eaff";
                ref: "color-blue-400";
            }>;
            "color-fill-action-hovered": Readonly<{
                value: "#5146e4ff";
            }>;
            "color-fill-action-light": Readonly<{
                value: "#6157ea33";
                ref: "color-blue-400-20";
            }>;
            "color-fill-action-light-hovered": Readonly<{
                value: "#5146e44d";
            }>;
            "color-fill-action-lighter": Readonly<{
                value: "#6157ea1a";
                ref: "color-blue-400-10";
            }>;
            "color-fill-action-lighter-hovered": Readonly<{
                value: "#5146e427";
            }>;
            "color-fill-action-transparent": Readonly<{
                value: "#6157ea00";
                ref: "color-blue-400-0";
            }>;
            "color-fill-action-transparent-hovered": Readonly<{
                value: "#6157ea1a";
            }>;
            "color-fill-success": Readonly<{
                value: "#20ab55ff";
                ref: "color-green-400";
            }>;
            "color-fill-success-hovered": Readonly<{
                value: "#219c50ff";
            }>;
            "color-fill-success-light": Readonly<{
                value: "#20ab5533";
                ref: "color-green-400-20";
            }>;
            "color-fill-success-light-hovered": Readonly<{
                value: "#219c504d";
            }>;
            "color-fill-success-lighter": Readonly<{
                value: "#20ab551a";
                ref: "color-green-400-10";
            }>;
            "color-fill-success-lighter-hovered": Readonly<{
                value: "#219c5027";
            }>;
            "color-fill-success-transparent": Readonly<{
                value: "#20ab5500";
                ref: "color-green-400-0";
            }>;
            "color-fill-success-transparent-hovered": Readonly<{
                value: "#20ab551a";
            }>;
            "color-fill-highlight": Readonly<{
                value: "#3292e3ff";
                ref: "color-cobalt-400";
            }>;
            "color-fill-highlight-hovered": Readonly<{
                value: "#2589ddff";
            }>;
            "color-fill-highlight-light": Readonly<{
                value: "#3292e333";
                ref: "color-cobalt-400-20";
            }>;
            "color-fill-highlight-light-hovered": Readonly<{
                value: "#2589dd4d";
            }>;
            "color-fill-highlight-lighter": Readonly<{
                value: "#3292e31a";
                ref: "color-cobalt-400-10";
            }>;
            "color-fill-highlight-lighter-hovered": Readonly<{
                value: "#2589dd27";
            }>;
            "color-fill-highlight-transparent": Readonly<{
                value: "#3292e300";
                ref: "color-cobalt-400-0";
            }>;
            "color-fill-highlight-transparent-hovered": Readonly<{
                value: "#3292e31a";
            }>;
            "color-fill-warning": Readonly<{
                value: "#e67f2bff";
                ref: "color-orange-400";
            }>;
            "color-fill-warning-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "color-fill-warning-light": Readonly<{
                value: "#e67f2b33";
                ref: "color-orange-400-20";
            }>;
            "color-fill-warning-light-hovered": Readonly<{
                value: "#df751f4d";
            }>;
            "color-fill-warning-lighter": Readonly<{
                value: "#e67f2b1a";
                ref: "color-orange-400-10";
            }>;
            "color-fill-warning-lighter-hovered": Readonly<{
                value: "#df751f27";
            }>;
            "color-fill-warning-transparent": Readonly<{
                value: "#e67f2b00";
                ref: "color-orange-400-0";
            }>;
            "color-fill-warning-transparent-hovered": Readonly<{
                value: "#e67f2b1a";
            }>;
            "color-fill-critical": Readonly<{
                value: "#e1535dff";
                ref: "color-red-400";
            }>;
            "color-fill-critical-hovered": Readonly<{
                value: "#da444fff";
            }>;
            "color-fill-critical-light": Readonly<{
                value: "#e1535d33";
                ref: "color-red-400-20";
            }>;
            "color-fill-critical-light-hovered": Readonly<{
                value: "#da444f4d";
            }>;
            "color-fill-critical-lighter": Readonly<{
                value: "#e1535d1a";
                ref: "color-red-400-10";
            }>;
            "color-fill-critical-lighter-hovered": Readonly<{
                value: "#da444f27";
            }>;
            "color-fill-critical-transparent": Readonly<{
                value: "#e1535d00";
                ref: "color-red-400-0";
            }>;
            "color-fill-critical-transparent-hovered": Readonly<{
                value: "#e1535d1a";
            }>;
            "color-fill-grey-light": Readonly<{
                value: "#fdfdffff";
                ref: "color-grey-25";
            }>;
            "color-fill-grey-light-hovered": Readonly<{
                value: "#d9d9ffff";
            }>;
            "color-fill-grey": Readonly<{
                value: "#fbfbfbff";
                ref: "color-grey-50";
            }>;
            "color-fill-grey-hovered": Readonly<{
                value: "#e9e9e9ff";
            }>;
            "color-fill-grey-heavy": Readonly<{
                value: "#f7f7f8ff";
                ref: "color-grey-100";
            }>;
            "color-fill-grey-heavy-hovered": Readonly<{
                value: "#e5e5e8ff";
            }>;
            "color-fill-grey-heavier": Readonly<{
                value: "#efeff0ff";
                ref: "color-grey-200";
            }>;
            "color-fill-grey-heavier-hovered": Readonly<{
                value: "#dedee0ff";
            }>;
            "color-fill-accent-blue": Readonly<{
                value: "#6157ea1a";
                ref: "color-blue-400-10";
            }>;
            "color-fill-accent-blue-hovered": Readonly<{
                value: "#5146e427";
            }>;
            "color-fill-accent-blue-heavy": Readonly<{
                value: "#6157ea33";
                ref: "color-blue-400-20";
            }>;
            "color-fill-accent-blue-heavy-hovered": Readonly<{
                value: "#5146e44d";
            }>;
            "color-fill-accent-blue-heavier": Readonly<{
                value: "#6157eaff";
                ref: "color-blue-400";
            }>;
            "color-fill-accent-blue-heavier-hovered": Readonly<{
                value: "#5146e4ff";
            }>;
            "color-fill-accent-blue-transparent": Readonly<{
                value: "#6157ea00";
                ref: "color-blue-400-0";
            }>;
            "color-fill-accent-blue-transparent-hovered": Readonly<{
                value: "#6157ea1a";
            }>;
            "color-fill-accent-cobalt": Readonly<{
                value: "#3292e31a";
                ref: "color-cobalt-400-10";
            }>;
            "color-fill-accent-cobalt-hovered": Readonly<{
                value: "#2589dd27";
            }>;
            "color-fill-accent-cobalt-heavy": Readonly<{
                value: "#3292e333";
                ref: "color-cobalt-400-20";
            }>;
            "color-fill-accent-cobalt-heavy-hovered": Readonly<{
                value: "#2589dd4d";
            }>;
            "color-fill-accent-cobalt-heavier": Readonly<{
                value: "#3292e3ff";
                ref: "color-cobalt-400";
            }>;
            "color-fill-accent-cobalt-heavier-hovered": Readonly<{
                value: "#2589ddff";
            }>;
            "color-fill-accent-cobalt-transparent": Readonly<{
                value: "#3292e300";
                ref: "color-cobalt-400-0";
            }>;
            "color-fill-accent-cobalt-transparent-hovered": Readonly<{
                value: "#3292e31a";
            }>;
            "color-fill-accent-green": Readonly<{
                value: "#20ab551a";
                ref: "color-green-400-10";
            }>;
            "color-fill-accent-green-hovered": Readonly<{
                value: "#219c5027";
            }>;
            "color-fill-accent-green-heavy": Readonly<{
                value: "#20ab5533";
                ref: "color-green-400-20";
            }>;
            "color-fill-accent-green-heavy-hovered": Readonly<{
                value: "#219c504d";
            }>;
            "color-fill-accent-green-heavier": Readonly<{
                value: "#20ab55ff";
                ref: "color-green-400";
            }>;
            "color-fill-accent-green-heavier-hovered": Readonly<{
                value: "#219c50ff";
            }>;
            "color-fill-accent-green-transparent": Readonly<{
                value: "#20ab5500";
                ref: "color-green-400-0";
            }>;
            "color-fill-accent-green-transparent-hovered": Readonly<{
                value: "#20ab551a";
            }>;
            "color-fill-accent-red": Readonly<{
                value: "#e1535d1a";
                ref: "color-red-400-10";
            }>;
            "color-fill-accent-red-hovered": Readonly<{
                value: "#da444f27";
            }>;
            "color-fill-accent-red-heavy": Readonly<{
                value: "#e1535d33";
                ref: "color-red-400-20";
            }>;
            "color-fill-accent-red-heavy-hovered": Readonly<{
                value: "#da444f4d";
            }>;
            "color-fill-accent-red-heavier": Readonly<{
                value: "#e1535dff";
                ref: "color-red-400";
            }>;
            "color-fill-accent-red-heavier-hovered": Readonly<{
                value: "#da444fff";
            }>;
            "color-fill-accent-red-transparent": Readonly<{
                value: "#e1535d00";
                ref: "color-red-400-0";
            }>;
            "color-fill-accent-red-transparent-hovered": Readonly<{
                value: "#e1535d1a";
            }>;
            "color-fill-accent-orange": Readonly<{
                value: "#e67f2b1a";
                ref: "color-orange-400-10";
            }>;
            "color-fill-accent-orange-hovered": Readonly<{
                value: "#df751f27";
            }>;
            "color-fill-accent-orange-heavy": Readonly<{
                value: "#e67f2b33";
                ref: "color-orange-400-20";
            }>;
            "color-fill-accent-orange-heavy-hovered": Readonly<{
                value: "#df751f4d";
            }>;
            "color-fill-accent-orange-heavier": Readonly<{
                value: "#e67f2bff";
                ref: "color-orange-400";
            }>;
            "color-fill-accent-orange-heavier-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "color-fill-accent-orange-transparent": Readonly<{
                value: "#e67f2b00";
                ref: "color-orange-400-0";
            }>;
            "color-fill-accent-orange-transparent-hovered": Readonly<{
                value: "#e67f2b1a";
            }>;
            "color-fill-accent-yellow": Readonly<{
                value: "#edae0d1a";
                ref: "color-yellow-400-10";
            }>;
            "color-fill-accent-yellow-hovered": Readonly<{
                value: "#d9a01027";
            }>;
            "color-fill-accent-yellow-heavy": Readonly<{
                value: "#edae0d33";
                ref: "color-yellow-400-20";
            }>;
            "color-fill-accent-yellow-heavy-hovered": Readonly<{
                value: "#d9a0104d";
            }>;
            "color-fill-accent-yellow-heavier": Readonly<{
                value: "#edae0dff";
                ref: "color-yellow-400";
            }>;
            "color-fill-accent-yellow-heavier-hovered": Readonly<{
                value: "#d9a010ff";
            }>;
            "color-fill-accent-yellow-transparent": Readonly<{
                value: "#edae0d00";
                ref: "color-yellow-400-0";
            }>;
            "color-fill-accent-yellow-transparent-hovered": Readonly<{
                value: "#edae0d1a";
            }>;
            "color-fill-accent-olive": Readonly<{
                value: "#a9b1101a";
                ref: "color-olive-400-10";
            }>;
            "color-fill-accent-olive-hovered": Readonly<{
                value: "#9ba21227";
            }>;
            "color-fill-accent-olive-heavy": Readonly<{
                value: "#a9b11033";
                ref: "color-olive-400-20";
            }>;
            "color-fill-accent-olive-heavy-hovered": Readonly<{
                value: "#9ba2124d";
            }>;
            "color-fill-accent-olive-heavier": Readonly<{
                value: "#a9b110ff";
                ref: "color-olive-400";
            }>;
            "color-fill-accent-olive-heavier-hovered": Readonly<{
                value: "#9ba212ff";
            }>;
            "color-fill-accent-olive-transparent": Readonly<{
                value: "#a9b11000";
                ref: "color-olive-400-0";
            }>;
            "color-fill-accent-olive-transparent-hovered": Readonly<{
                value: "#a9b1101a";
            }>;
            "color-fill-accent-teal": Readonly<{
                value: "#09b2ac1a";
                ref: "color-teal-400-10";
            }>;
            "color-fill-accent-teal-hovered": Readonly<{
                value: "#08a5a027";
            }>;
            "color-fill-accent-teal-heavy": Readonly<{
                value: "#09b2ac33";
                ref: "color-teal-400-20";
            }>;
            "color-fill-accent-teal-heavy-hovered": Readonly<{
                value: "#08a5a04d";
            }>;
            "color-fill-accent-teal-heavier": Readonly<{
                value: "#09b2acff";
                ref: "color-teal-400";
            }>;
            "color-fill-accent-teal-heavier-hovered": Readonly<{
                value: "#08a5a0ff";
            }>;
            "color-fill-accent-teal-transparent": Readonly<{
                value: "#09b2ac00";
                ref: "color-teal-400-0";
            }>;
            "color-fill-accent-teal-transparent-hovered": Readonly<{
                value: "#09b2ac1a";
            }>;
            "color-fill-accent-navy": Readonly<{
                value: "#424fab1a";
                ref: "color-navy-400-10";
            }>;
            "color-fill-accent-navy-hovered": Readonly<{
                value: "#414c9c27";
            }>;
            "color-fill-accent-navy-heavy": Readonly<{
                value: "#424fab33";
                ref: "color-navy-400-20";
            }>;
            "color-fill-accent-navy-heavy-hovered": Readonly<{
                value: "#414c9c4d";
            }>;
            "color-fill-accent-navy-heavier": Readonly<{
                value: "#424fabff";
                ref: "color-navy-400";
            }>;
            "color-fill-accent-navy-heavier-hovered": Readonly<{
                value: "#414c9cff";
            }>;
            "color-fill-accent-navy-transparent": Readonly<{
                value: "#424fab00";
                ref: "color-navy-400-0";
            }>;
            "color-fill-accent-navy-transparent-hovered": Readonly<{
                value: "#424fab1a";
            }>;
            "color-fill-accent-purple": Readonly<{
                value: "#8e57e71a";
                ref: "color-purple-400-10";
            }>;
            "color-fill-accent-purple-hovered": Readonly<{
                value: "#8247e127";
            }>;
            "color-fill-accent-purple-heavy": Readonly<{
                value: "#8e57e733";
                ref: "color-purple-400-20";
            }>;
            "color-fill-accent-purple-heavy-hovered": Readonly<{
                value: "#8247e14d";
            }>;
            "color-fill-accent-purple-heavier": Readonly<{
                value: "#8e57e7ff";
                ref: "color-purple-400";
            }>;
            "color-fill-accent-purple-heavier-hovered": Readonly<{
                value: "#8247e1ff";
            }>;
            "color-fill-accent-purple-transparent": Readonly<{
                value: "#8e57e700";
                ref: "color-purple-400-0";
            }>;
            "color-fill-accent-purple-transparent-hovered": Readonly<{
                value: "#8e57e71a";
            }>;
            "color-fill-accent-pink": Readonly<{
                value: "#d64bb51a";
                ref: "color-pink-400-10";
            }>;
            "color-fill-accent-pink-hovered": Readonly<{
                value: "#cf3eac27";
            }>;
            "color-fill-accent-pink-heavy": Readonly<{
                value: "#d64bb533";
                ref: "color-pink-400-20";
            }>;
            "color-fill-accent-pink-heavy-hovered": Readonly<{
                value: "#cf3eac4d";
            }>;
            "color-fill-accent-pink-heavier": Readonly<{
                value: "#d64bb5ff";
                ref: "color-pink-400";
            }>;
            "color-fill-accent-pink-heavier-hovered": Readonly<{
                value: "#cf3eacff";
            }>;
            "color-fill-accent-pink-transparent": Readonly<{
                value: "#d64bb500";
                ref: "color-pink-400-0";
            }>;
            "color-fill-accent-pink-transparent-hovered": Readonly<{
                value: "#d64bb51a";
            }>;
            "color-fill-absolute-white": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-fill-absolute-white-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-fill-absolute-white-light": Readonly<{
                value: "#fff3";
                ref: "color-white-20";
            }>;
            "color-fill-absolute-white-light-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "color-fill-absolute-white-transparent": Readonly<{
                value: "#fff0";
                ref: "color-white-0";
            }>;
            "color-fill-absolute-white-transparent-hovered": Readonly<{
                value: "#ffffff0d";
            }>;
            "color-fill-absolute-black": Readonly<{
                value: "#000f";
                ref: "color-black-100";
            }>;
            "color-fill-absolute-black-hovered": Readonly<{
                value: "#1c1c1cff";
            }>;
            "color-fill-absolute-black-light": Readonly<{
                value: "#0003";
                ref: "color-black-20";
            }>;
            "color-fill-absolute-black-light-hovered": Readonly<{
                value: "#1c1c1c4d";
            }>;
            "color-fill-absolute-black-transparent": Readonly<{
                value: "#0000";
                ref: "color-black-0";
            }>;
            "color-fill-absolute-black-transparent-hovered": Readonly<{
                value: "#0000000d";
            }>;
            "color-fill-bright": Readonly<{
                value: "#fdfdffff";
                ref: "color-grey-25";
            }>;
            "color-fill-bright-hovered": Readonly<{
                value: "#d9d9ffff";
            }>;
            "color-border-neutral": Readonly<{
                value: "#00000014";
                ref: "color-black-8";
            }>;
            "color-border-neutral-hovered": Readonly<{
                value: "#1c1c1c1e";
            }>;
            "color-border-neutral-heavy": Readonly<{
                value: "#00000026";
                ref: "color-black-15";
            }>;
            "color-border-neutral-heavy-hovered": Readonly<{
                value: "#1c1c1c39";
            }>;
            "color-border-neutral-heavier": Readonly<{
                value: "#0006";
                ref: "color-black-40";
            }>;
            "color-border-neutral-heavier-hovered": Readonly<{
                value: "#1c1c1c66";
            }>;
            "color-border-detach": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-border-detach-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-border-detach-highest": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-border-detach-highest-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-border-detach-higher": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-border-detach-higher-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-border-detach-high": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-border-detach-high-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-border-detach-low": Readonly<{
                value: "#fbfbfbff";
                ref: "color-grey-50";
            }>;
            "color-border-detach-low-hovered": Readonly<{
                value: "#e9e9e9ff";
            }>;
            "color-border-absolute-white": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-border-absolute-white-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-surface": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-surface-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-surface-highest": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-surface-highest-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-surface-higher": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-surface-higher-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-surface-high": Readonly<{
                value: "#ffff";
                ref: "color-white-100";
            }>;
            "color-surface-high-hovered": Readonly<{
                value: "#edededff";
            }>;
            "color-surface-low": Readonly<{
                value: "#fbfbfbff";
                ref: "color-grey-50";
            }>;
            "color-surface-low-hovered": Readonly<{
                value: "#e9e9e9ff";
            }>;
            "color-surface-glass": Readonly<{
                value: "#ffffffe6";
                ref: "color-white-90";
            }>;
            "color-surface-glass-hovered": Readonly<{
                value: "#ededede6";
            }>;
            "color-surface-glass-highest": Readonly<{
                value: "#efeff0e6";
                ref: "color-grey-200-90";
            }>;
            "color-surface-glass-highest-hovered": Readonly<{
                value: "#dedee0e6";
            }>;
            "color-surface-glass-higher": Readonly<{
                value: "#f7f7f8e6";
                ref: "color-grey-100-90";
            }>;
            "color-surface-glass-higher-hovered": Readonly<{
                value: "#e5e5e8e6";
            }>;
            "color-surface-glass-high": Readonly<{
                value: "#ffffffe6";
                ref: "color-white-90";
            }>;
            "color-surface-glass-high-hovered": Readonly<{
                value: "#ededede6";
            }>;
            "color-dim-absolute-black": Readonly<{
                value: "#0006";
                ref: "color-black-40";
            }>;
            "color-dim-absolute-black-hovered": Readonly<{
                value: "#1c1c1c66";
            }>;
            "color-dim-absolute-black-heavy": Readonly<{
                value: "#0009";
                ref: "color-black-60";
            }>;
            "color-dim-absolute-black-heavy-hovered": Readonly<{
                value: "#1c1c1c99";
            }>;
            "color-dim-absolute-white": Readonly<{
                value: "#fff6";
                ref: "color-white-40";
            }>;
            "color-dim-absolute-white-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "color-dim-absolute-white-heavy": Readonly<{
                value: "#fff9";
                ref: "color-white-60";
            }>;
            "color-dim-absolute-white-heavy-hovered": Readonly<{
                value: "#ededed99";
            }>;
            "color-gradient-green": Readonly<{
                value: "#20ab55ff";
                ref: "color-green-400";
            }>;
            "color-gradient-green-hovered": Readonly<{
                value: "#219c50ff";
            }>;
            "color-gradient-green-heavy": Readonly<{
                value: "#51c371ff";
                ref: "color-green-300";
            }>;
            "color-gradient-green-heavy-hovered": Readonly<{
                value: "#46ba67ff";
            }>;
            "color-state-default": Readonly<{
                value: "#00000026";
                ref: "color-black-15";
            }>;
            "color-state-default-hovered": Readonly<{
                value: "#1c1c1c39";
            }>;
            "color-state-action": Readonly<{
                value: "#6157eaff";
                ref: "color-blue-400";
            }>;
            "color-state-action-hovered": Readonly<{
                value: "#5146e4ff";
            }>;
            "color-state-action-light": Readonly<{
                value: "#6157ea4d";
                ref: "color-blue-400-30";
            }>;
            "color-state-action-light-hovered": Readonly<{
                value: "#5146e44d";
            }>;
            "color-state-warning": Readonly<{
                value: "#e67f2bff";
                ref: "color-orange-400";
            }>;
            "color-state-warning-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "color-state-warning-light": Readonly<{
                value: "#e67f2b4d";
                ref: "color-orange-400-30";
            }>;
            "color-state-warning-light-hovered": Readonly<{
                value: "#df751f4d";
            }>;
            "color-elevation-xlarge": Readonly<{
                value: "#0000004d";
                ref: "color-black-30";
            }>;
            "color-elevation-xlarge-hovered": Readonly<{
                value: "#1c1c1c4d";
            }>;
            "color-elevation-large": Readonly<{
                value: "#00000038";
                ref: "color-black-22";
            }>;
            "color-elevation-large-hovered": Readonly<{
                value: "#1c1c1c38";
            }>;
            "color-elevation-medium": Readonly<{
                value: "#00000026";
                ref: "color-black-15";
            }>;
            "color-elevation-medium-hovered": Readonly<{
                value: "#1c1c1c39";
            }>;
            "color-elevation-small": Readonly<{
                value: "#00000014";
                ref: "color-black-8";
            }>;
            "color-elevation-small-hovered": Readonly<{
                value: "#1c1c1c1e";
            }>;
            "color-elevation-base": Readonly<{
                value: "#0000000d";
                ref: "color-black-5";
            }>;
            "color-elevation-base-hovered": Readonly<{
                value: "#1c1c1c14";
            }>;
            "color-elevation-base-inner": Readonly<{
                value: "#ffffff1f";
                ref: "color-white-12";
            }>;
            "color-elevation-base-inner-hovered": Readonly<{
                value: "#ededed2f";
            }>;
            "color-chart-theme-default-10": Readonly<{
                value: "#b4d6e5";
            }>;
            "color-chart-theme-default-10-hovered": Readonly<{
                value: "#a1cadcff";
            }>;
            "color-chart-theme-default-01": Readonly<{
                value: "#7c72fd";
            }>;
            "color-chart-theme-default-01-hovered": Readonly<{
                value: "#6459fdff";
            }>;
            "color-chart-theme-default-02": Readonly<{
                value: "#81dfdd";
            }>;
            "color-chart-theme-default-02-hovered": Readonly<{
                value: "#70d7d5ff";
            }>;
            "color-chart-theme-default-03": Readonly<{
                value: "#fc9783";
            }>;
            "color-chart-theme-default-03-hovered": Readonly<{
                value: "#fb8169ff";
            }>;
            "color-chart-theme-default-04": Readonly<{
                value: "#b1596a";
            }>;
            "color-chart-theme-default-04-hovered": Readonly<{
                value: "#a55363ff";
            }>;
            "color-chart-theme-default-05": Readonly<{
                value: "#fe71ba";
            }>;
            "color-chart-theme-default-05-hovered": Readonly<{
                value: "#fe57aeff";
            }>;
            "color-chart-theme-default-06": Readonly<{
                value: "#c971ec";
            }>;
            "color-chart-theme-default-06-hovered": Readonly<{
                value: "#c05ee6ff";
            }>;
            "color-chart-theme-default-07": Readonly<{
                value: "#4a75e3";
            }>;
            "color-chart-theme-default-07-hovered": Readonly<{
                value: "#3b69ddff";
            }>;
            "color-chart-theme-default-08": Readonly<{
                value: "#80b6fd";
            }>;
            "color-chart-theme-default-08-hovered": Readonly<{
                value: "#66a7fdff";
            }>;
            "color-chart-theme-default-09": Readonly<{
                value: "#fb90f1";
            }>;
            "color-chart-theme-default-09-hovered": Readonly<{
                value: "#fa75eeff";
            }>;
        }>;
    }>;
}>;
//# sourceMappingURL=index.d.ts.map