declare const _default: 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";
        }>;
    }>;
}>;
export default _default;
//# sourceMappingURL=lightTheme.d.mts.map