declare const mercuryTokens: { readonly primitive: { readonly color: { readonly globant: { readonly avocado: { readonly "--color-avocado-100": "#f6f7ec"; readonly "--color-avocado-200": "#e7e9c8"; readonly "--color-avocado-300": "#d8dfa3"; readonly "--color-avocado-400": "#c7d67b"; readonly "--color-avocado-500": "#b4d050"; readonly "--color-avocado-600": "#749519"; readonly "--color-avocado-700": "#668316"; readonly "--color-avocado-800": "#5c7614"; readonly "--color-avocado-900": "#50641c"; readonly "--color-avocado-1000": "#455519"; readonly "--color-avocado-1100": "#333f13"; readonly "--color-avocado-1200": "#232a0e"; readonly "--color-avocado-1300": "#131708"; readonly "--color-avocado-200-90": "rgba(231, 233, 200, 0.9)"; readonly "--color-avocado-300-50": "rgba(216, 223, 163, 0.5)"; }; readonly azure: { readonly "--color-azure-50": "#eaf3fe"; readonly "--color-azure-100": "#e1eefe"; readonly "--color-azure-200": "#c6dffd"; readonly "--color-azure-300": "#9cc8fc"; readonly "--color-azure-400": "#3791fb"; readonly "--color-azure-500": "#0a7cff"; readonly "--color-azure-600": "#0072f8"; readonly "--color-azure-700": "#0049cd"; readonly "--color-azure-750": "#1f52ae"; readonly "--color-azure-800": "#0034b1"; readonly "--color-azure-900": "#002da8"; readonly "--color-azure-1000": "#173d82"; }; readonly chateau: { readonly "--color-chateau-50": "#e0f6e7"; readonly "--color-chateau-100": "#b9eaca"; readonly "--color-chateau-200": "#92dead"; readonly "--color-chateau-300": "#72d495"; readonly "--color-chateau-400": "#4fca7a"; readonly "--color-chateau-500": "#35b061"; readonly "--color-chateau-600": "#2d9552"; readonly "--color-chateau-700": "#247541"; readonly "--color-chateau-800": "#1c5e34"; readonly "--color-chateau-900": "#154627"; }; readonly ember: { readonly "--color-ember-50": "#fffbeb"; readonly "--color-ember-100": "#fff9e0"; readonly "--color-ember-200": "#ffeda3"; readonly "--color-ember-300": "#ffe370"; readonly "--color-ember-400": "#ffdd52"; readonly "--color-ember-500": "#ffcd00"; readonly "--color-ember-600": "#cca400"; readonly "--color-ember-700": "#997b00"; readonly "--color-ember-800": "#665200"; readonly "--color-ember-900": "#3d3100"; }; readonly extra: { readonly "--color-extra-gaserage": "#c0fb73"; readonly "--color-extra-greenwood": "#d9e021"; readonly "--color-extra-lemon": "#8cc63f"; readonly "--color-extra-mint": "#38efa0"; readonly "--color-extra-opacity": "rgba(23, 23, 23, 0.7)"; readonly "--color-extra-shadow": "rgba(0, 0, 0, 0.8)"; readonly "--color-extra-violet": "#d694ff"; }; readonly green: { readonly "--color-green-100": "#eef5f4"; readonly "--color-green-200": "#ddebe9"; readonly "--color-green-300": "#cae0dd"; readonly "--color-green-400": "#b4d5d0"; readonly "--color-green-500": "#9cc9c2"; readonly "--color-green-600": "#3fa89b"; readonly "--color-green-700": "#389287"; readonly "--color-green-800": "#318278"; readonly "--color-green-900": "#286a62"; readonly "--color-green-1000": "#1c4b45"; readonly "--color-green-1300": "#112d29"; }; readonly lilac: { readonly "--color-lilac-50": "#f9fafa"; readonly "--color-lilac-100": "#f8f9fc"; readonly "--color-lilac-200": "#edf0f8"; readonly "--color-lilac-250": "#e2e7f4"; readonly "--color-lilac-300": "#dee1ed"; readonly "--color-lilac-400": "#d5daeb"; readonly "--color-lilac-500": "#c8d0e9"; readonly "--color-lilac-600": "#c2cbe6"; readonly "--color-lilac-700": "#bcc5e4"; readonly "--color-lilac-800": "#b7c2e2"; readonly "--color-lilac-900": "#9babd9"; }; readonly neutral: { readonly "--color-neutral-100": "#fcfcfc"; readonly "--color-neutral-200": "#fafafa"; readonly "--color-neutral-300": "#ededed"; readonly "--color-neutral-350": "#e8e8e8"; readonly "--color-neutral-400": "#e0e0e0"; readonly "--color-neutral-500": "#d6d6d6"; readonly "--color-neutral-600": "#cccccc"; readonly "--color-neutral-700": "#c2c2c2"; readonly "--color-neutral-800": "#b3b3b3"; readonly "--color-neutral-900": "#a9a9a9"; readonly "--color-neutral-1000": "#8c8c8c"; readonly "--color-neutral-1050": "#6b6b6b"; readonly "--color-neutral-1100": "#686868"; readonly "--color-neutral-1200": "#575757"; readonly "--color-neutral-1300": "#464646"; readonly "--color-neutral-1400": "#3b3b3b"; readonly "--color-neutral-1450": "#373737"; readonly "--color-neutral-1500": "#303030"; readonly "--color-neutral-1550": "#262626"; readonly "--color-neutral-1600": "#212121"; readonly "--color-neutral-1700": "#171717"; readonly "--color-neutral-1800": "#000000"; readonly "--color-neutral-1200-80": "rgba(87, 87, 87, 0.8)"; readonly "--color-neutral-1400-80": "rgba(59, 59, 59, 0.8)"; }; readonly olive: { readonly "--color-olive-100": "#fcfcf2"; readonly "--color-olive-200": "#f2f3c9"; readonly "--color-olive-300": "#e8ed9f"; readonly "--color-olive-400": "#dee873"; readonly "--color-olive-500": "#d2e546"; readonly "--color-olive-600": "#c3e01a"; readonly "--color-olive-700": "#a8c118"; readonly "--color-olive-800": "#8ea216"; readonly "--color-olive-900": "#7c8e15"; readonly "--color-olive-1000": "#647213"; readonly "--color-olive-1100": "#4d580e"; readonly "--color-olive-1200": "#3a420b"; readonly "--color-olive-1300": "#262b08"; }; readonly primary: { readonly "--color-primary-100": "#f9fbf2"; readonly "--color-primary-200": "#f5f8e8"; readonly "--color-primary-300": "#eaf1ce"; readonly "--color-primary-400": "#deeab0"; readonly "--color-primary-500": "#d2e38c"; readonly "--color-primary-550": "#cfe184"; readonly "--color-primary-580": "#c6d572"; readonly "--color-primary-600": "#bfd732"; readonly "--color-primary-700": "#b4cc28"; readonly "--color-primary-800": "#a3b72b"; readonly "--color-primary-900": "#8d9f25"; readonly "--color-primary-1000": "#515c15"; readonly "--color-primary-1100": "#2e340a"; }; readonly red: { readonly "--color-red-100": "#fcf4f4"; readonly "--color-red-200": "#f8dfe0"; readonly "--color-red-300": "#f4cdcf"; readonly "--color-red-400": "#eda4a7"; readonly "--color-red-500": "#e98b8f"; readonly "--color-red-600": "#e35861"; readonly "--color-red-700": "#d54b54"; readonly "--color-red-800": "#a63a41"; readonly "--color-red-900": "#883035"; readonly "--color-red-1000": "#6d272b"; readonly "--color-red-1300": "#2d1012"; }; readonly scarlet: { readonly "--color-scarlet-50": "#fee6e6"; readonly "--color-scarlet-100": "#fdcece"; readonly "--color-scarlet-200": "#fcb5b5"; readonly "--color-scarlet-300": "#fb9d9d"; readonly "--color-scarlet-400": "#f96c6c"; readonly "--color-scarlet-450": "#f83a3a"; readonly "--color-scarlet-500": "#c50707"; readonly "--color-scarlet-600": "#ac0606"; readonly "--color-scarlet-700": "#8a0505"; readonly "--color-scarlet-800": "#6c0404"; readonly "--color-scarlet-900": "#4f0303"; }; readonly yellow: { readonly "--color-yellow-100": "#fffbf6"; readonly "--color-yellow-200": "#fef1e3"; readonly "--color-yellow-300": "#fde8cf"; readonly "--color-yellow-400": "#fcdeb8"; readonly "--color-yellow-500": "#fac980"; readonly "--color-yellow-600": "#f9bd56"; readonly "--color-yellow-700": "#ffc96b"; readonly "--color-yellow-800": "#ecaf44"; readonly "--color-yellow-900": "#b97d13"; readonly "--color-yellow-1000": "#6f4b0b"; readonly "--color-yellow-1300": "#382606"; }; }; readonly mercury: { readonly azure: { readonly "--color-azure-50": "#eaf3fe"; readonly "--color-azure-100": "#e1eefe"; readonly "--color-azure-200": "#c6dffd"; readonly "--color-azure-300": "#9cc8fc"; readonly "--color-azure-400": "#3791fb"; readonly "--color-azure-500": "#0a7cff"; readonly "--color-azure-600": "#0072f8"; readonly "--color-azure-700": "#0049cd"; readonly "--color-azure-750": "#1f52ae"; readonly "--color-azure-800": "#0034b1"; readonly "--color-azure-900": "#002da8"; readonly "--color-azure-1000": "#173d82"; readonly "--color-azure-200-90": "rgba(198, 223, 253, 0.9)"; readonly "--color-azure-300-40": "rgba(156, 200, 252, 0.4)"; }; readonly chateau: { readonly "--color-chateau-50": "#e0f6e7"; readonly "--color-chateau-100": "#b9eaca"; readonly "--color-chateau-200": "#92dead"; readonly "--color-chateau-300": "#72d495"; readonly "--color-chateau-400": "#4fca7a"; readonly "--color-chateau-500": "#35b061"; readonly "--color-chateau-600": "#2d9552"; readonly "--color-chateau-700": "#247541"; readonly "--color-chateau-800": "#1c5e34"; readonly "--color-chateau-900": "#154627"; }; readonly ember: { readonly "--color-ember-50": "#fffbeb"; readonly "--color-ember-100": "#fff9e0"; readonly "--color-ember-200": "#ffeda3"; readonly "--color-ember-300": "#ffe370"; readonly "--color-ember-400": "#ffdd52"; readonly "--color-ember-500": "#ffcd00"; readonly "--color-ember-600": "#cca400"; readonly "--color-ember-700": "#997b00"; readonly "--color-ember-800": "#665200"; readonly "--color-ember-900": "#3d3100"; }; readonly extra: { readonly "--color-extra-berry": "#5ba7ff"; readonly "--color-extra-opacity": "rgba(23, 23, 23, 0.7)"; readonly "--color-extra-purple": "#cf7aff"; readonly "--color-extra-shadow": "rgba(0, 0, 0, 0.8)"; readonly "--color-extra-sky": "#00ccff"; }; readonly green: { readonly "--color-green-100": "#eef5f4"; readonly "--color-green-200": "#ddebe9"; readonly "--color-green-300": "#cae0dd"; readonly "--color-green-400": "#b4d5d0"; readonly "--color-green-500": "#9cc9c2"; readonly "--color-green-600": "#3fa89b"; readonly "--color-green-700": "#389287"; readonly "--color-green-800": "#318278"; readonly "--color-green-900": "#286a62"; readonly "--color-green-1000": "#1c4b45"; readonly "--color-green-1300": "#112d29"; }; readonly lilac: { readonly "--color-lilac-50": "#f9fafa"; readonly "--color-lilac-100": "#f8f9fc"; readonly "--color-lilac-200": "#edf0f8"; readonly "--color-lilac-250": "#e2e7f4"; readonly "--color-lilac-300": "#dee1ed"; readonly "--color-lilac-400": "#d5daeb"; readonly "--color-lilac-500": "#c8d0e9"; readonly "--color-lilac-600": "#c2cbe6"; readonly "--color-lilac-700": "#bcc5e4"; readonly "--color-lilac-800": "#b7c2e2"; readonly "--color-lilac-900": "#9babd9"; }; readonly neutral: { readonly "--color-neutral-100": "#fafbfd"; readonly "--color-neutral-200": "#f0f4fa"; readonly "--color-neutral-300": "#e1ecf9"; readonly "--color-neutral-400": "#d2ddeb"; readonly "--color-neutral-500": "#c0ccd9"; readonly "--color-neutral-600": "#aeb9c6"; readonly "--color-neutral-700": "#9da9b6"; readonly "--color-neutral-800": "#828b96"; readonly "--color-neutral-900": "#56677a"; readonly "--color-neutral-1000": "#4a5870"; readonly "--color-neutral-1050": "#405975"; readonly "--color-neutral-1100": "#485665"; readonly "--color-neutral-1200": "#394552"; readonly "--color-neutral-1300": "#333d47"; readonly "--color-neutral-1400": "#2d3a48"; readonly "--color-neutral-1450": "#243750"; readonly "--color-neutral-1500": "#242d3c"; readonly "--color-neutral-1550": "#17273b"; readonly "--color-neutral-1600": "#181f2a"; readonly "--color-neutral-1700": "#11151c"; readonly "--color-neutral-1800": "#000000"; readonly "--color-neutral-000": "#ffffff"; readonly "--color-neutral-1050-50": "rgba(64, 89, 117, 0.5)"; readonly "--color-neutral-1450-50": "#243750"; }; readonly primary: { readonly "--color-primary-100": "#f4f8ff"; readonly "--color-primary-200": "#ebf0ff"; readonly "--color-primary-300": "#cee0ff"; readonly "--color-primary-400": "#b0cfff"; readonly "--color-primary-500": "#8cbcff"; readonly "--color-primary-550": "#75aef0"; readonly "--color-primary-580": "#729fd5"; readonly "--color-primary-600": "#5ba7ff"; readonly "--color-primary-700": "#5498e8"; readonly "--color-primary-800": "#437dc0"; readonly "--color-primary-900": "#335884"; readonly "--color-primary-1000": "#294b72"; readonly "--color-primary-1100": "#005ac1"; readonly "--color-primary-1200": "#003066"; readonly "--color-primary-1300": "#101e2d"; }; readonly red: { readonly "--color-red-100": "#fcf4f4"; readonly "--color-red-200": "#f8dfe0"; readonly "--color-red-300": "#f4cdcf"; readonly "--color-red-400": "#eda4a7"; readonly "--color-red-500": "#e98b8f"; readonly "--color-red-600": "#e35861"; readonly "--color-red-700": "#d54b54"; readonly "--color-red-800": "#a63a41"; readonly "--color-red-900": "#883035"; readonly "--color-red-1000": "#6d272b"; readonly "--color-red-1300": "#2d1012"; }; readonly scarlet: { readonly "--color-scarlet-50": "#fee6e6"; readonly "--color-scarlet-100": "#fdcece"; readonly "--color-scarlet-200": "#fcb5b5"; readonly "--color-scarlet-300": "#fb9d9d"; readonly "--color-scarlet-400": "#f96c6c"; readonly "--color-scarlet-450": "#f83a3a"; readonly "--color-scarlet-500": "#c50707"; readonly "--color-scarlet-600": "#ac0606"; readonly "--color-scarlet-700": "#8a0505"; readonly "--color-scarlet-800": "#6c0404"; readonly "--color-scarlet-900": "#4f0303"; }; readonly yellow: { readonly "--color-yellow-100": "#fffbf6"; readonly "--color-yellow-200": "#fef1e3"; readonly "--color-yellow-300": "#fde8cf"; readonly "--color-yellow-400": "#fcdeb8"; readonly "--color-yellow-500": "#fac980"; readonly "--color-yellow-600": "#f9bd56"; readonly "--color-yellow-700": "#ffc96b"; readonly "--color-yellow-800": "#ecaf44"; readonly "--color-yellow-900": "#b97d13"; readonly "--color-yellow-1000": "#6f4b0b"; readonly "--color-yellow-1300": "#382606"; }; }; }; readonly "font-style": { readonly "--font-style-bold": "Bold"; readonly "--font-style-italic": "Italic"; readonly "--font-style-regular": "Regular"; readonly "--font-style-semi-bold": "Semi Bold"; }; readonly "font-family": { readonly "--font-family-body": "Inter"; readonly "--font-family-code": "monospace"; readonly "--font-family-header": "Inter"; }; readonly size: { readonly "--size-0": "0px"; readonly "--size-1": "1px"; readonly "--size-2": "2px"; readonly "--size-4": "4px"; readonly "--size-6": "6px"; readonly "--size-8": "8px"; readonly "--size-10": "10px"; readonly "--size-11": "11px"; readonly "--size-12": "12px"; readonly "--size-14": "14px"; readonly "--size-15": "15px"; readonly "--size-16": "16px"; readonly "--size-18": "18px"; readonly "--size-20": "20px"; readonly "--size-22": "22px"; readonly "--size-24": "24px"; readonly "--size-26": "26px"; readonly "--size-28": "28px"; readonly "--size-30": "30px"; readonly "--size-32": "32px"; readonly "--size-40": "40px"; readonly "--size-48": "48px"; readonly "--size-56": "56px"; readonly "--size-64": "64px"; readonly "--size-72": "72px"; readonly "--size-80": "80px"; }; readonly "line-height": { readonly "--line-height-loose": "1.6"; readonly "--line-height-regular": "1.3"; readonly "--line-height-relaxed": "1.4"; readonly "--line-height-spacious": "1.5"; readonly "--line-height-tight": "1.2"; }; }; readonly semantic: { readonly color: { readonly globant: { readonly light: { readonly accent: { readonly "--color-accent-backdrop-default": "--color-extra-opacity"; readonly "--color-accent-branding-surface": "--color-neutral-1800"; readonly "--color-accent-error-contrast": "--color-scarlet-50"; readonly "--color-accent-error-default": "--color-scarlet-450"; readonly "--color-accent-error-hover": "--color-scarlet-500"; readonly "--color-accent-error-light": "--color-scarlet-300"; readonly "--color-accent-error-lighter": "--color-scarlet-200"; readonly "--color-accent-error-pressed": "--color-scarlet-700"; readonly "--color-accent-gradient-end": "--color-extra-lemon"; readonly "--color-accent-gradient-middle": "--color-extra-mint"; readonly "--color-accent-gradient-start": "--color-extra-greenwood"; readonly "--color-accent-item-hover": "--color-avocado-200-90"; readonly "--color-accent-item-pressed": "--color-avocado-400"; readonly "--color-accent-item-selected": "--color-avocado-300-50"; readonly "--color-accent-neutral-black": "--color-neutral-1200"; readonly "--color-accent-neutral-contrast": "--color-neutral-500"; readonly "--color-accent-neutral-default": "--color-neutral-900"; readonly "--color-accent-neutral-disabled": "--color-neutral-700"; readonly "--color-accent-neutral-hover": "--color-neutral-1550"; readonly "--color-accent-neutral-neutral": "--color-neutral-900"; readonly "--color-accent-neutral-on-surface": "--color-neutral-1550"; readonly "--color-accent-neutral-pressed": "--color-neutral-200"; readonly "--color-accent-neutral-tooltip": "--color-neutral-1800"; readonly "--color-accent-neutral-white": "--color-neutral-100"; readonly "--color-accent-primary-contrast": "--color-avocado-300"; readonly "--color-accent-primary-dark": "--color-avocado-1200"; readonly "--color-accent-primary-default": "--color-avocado-600"; readonly "--color-accent-primary-hover": "--color-avocado-900"; readonly "--color-accent-primary-light": "--color-avocado-300"; readonly "--color-accent-primary-lighter": "--color-avocado-200"; readonly "--color-accent-primary-on-default": "--color-avocado-300"; readonly "--color-accent-primary-on-hover": "--color-avocado-1000"; readonly "--color-accent-primary-on-pressed": "--color-neutral-300"; readonly "--color-accent-primary-pressed": "--color-avocado-1100"; readonly "--color-accent-shadow-default": "--color-extra-shadow"; readonly "--color-accent-success-contrast": "--color-chateau-100"; readonly "--color-accent-success-default": "--color-chateau-500"; readonly "--color-accent-success-hover": "--color-chateau-800"; readonly "--color-accent-success-light": "--color-chateau-400"; readonly "--color-accent-success-lighter": "--color-chateau-200"; readonly "--color-accent-success-pressed": "--color-chateau-900"; readonly "--color-accent-surface-elevation-1": "--color-neutral-300"; readonly "--color-accent-surface-elevation-2": "--color-neutral-200"; readonly "--color-accent-surface-elevation-3": "--color-neutral-350"; readonly "--color-accent-surface-elevation-answer": "--color-neutral-500"; readonly "--color-accent-surface-surface": "--color-neutral-100"; readonly "--color-accent-toast-error": "--color-scarlet-300"; readonly "--color-accent-toast-info": "--color-azure-300"; readonly "--color-accent-toast-neutral": "--color-neutral-500"; readonly "--color-accent-toast-success": "--color-chateau-300"; readonly "--color-accent-toast-warning": "--color-ember-300"; readonly "--color-accent-warning-contrast": "--color-ember-100"; readonly "--color-accent-warning-default": "--color-ember-400"; readonly "--color-accent-warning-hover": "--color-ember-600"; readonly "--color-accent-warning-light": "--color-ember-300"; readonly "--color-accent-warning-lighter": "--color-ember-200"; readonly "--color-accent-warning-pressed": "--color-ember-800"; }; readonly border: { readonly "--color-border-branding-surface": "--color-neutral-1400"; readonly "--color-border-error-dark": "--color-scarlet-200"; readonly "--color-border-error-default": "--color-scarlet-450"; readonly "--color-border-error-hover": "--color-scarlet-500"; readonly "--color-border-error-light": "--color-scarlet-300"; readonly "--color-border-error-lighter": "--color-scarlet-200"; readonly "--color-border-error-pressed": "--color-scarlet-700"; readonly "--color-border-item-hover": "--color-neutral-700"; readonly "--color-border-item-pressed": "--color-avocado-400"; readonly "--color-border-item-selected": "--color-avocado-600"; readonly "--color-border-neutral-black": "--color-neutral-1300"; readonly "--color-border-neutral-default": "--color-neutral-800"; readonly "--color-border-neutral-disabled": "--color-neutral-1200"; readonly "--color-border-neutral-hover": "--color-neutral-1550"; readonly "--color-border-neutral-neutral": "--color-neutral-900"; readonly "--color-border-neutral-on-border": "--color-neutral-1550"; readonly "--color-border-neutral-pressed": "--color-neutral-1500"; readonly "--color-border-neutral-white": "--color-neutral-100"; readonly "--color-border-primary-dark": "--color-avocado-1200"; readonly "--color-border-primary-default": "--color-avocado-700"; readonly "--color-border-primary-focused": "--color-avocado-1100"; readonly "--color-border-primary-hover": "--color-avocado-900"; readonly "--color-border-primary-light": "--color-avocado-300"; readonly "--color-border-primary-lighter": "--color-avocado-200"; readonly "--color-border-primary-on-default": "--color-avocado-300"; readonly "--color-border-primary-on-hover": "--color-avocado-1000"; readonly "--color-border-primary-on-pressed": "--color-neutral-300"; readonly "--color-border-primary-pressed": "--color-avocado-900"; readonly "--color-border-success-dark": "--color-chateau-200"; readonly "--color-border-success-default": "--color-chateau-500"; readonly "--color-border-success-hover": "--color-chateau-800"; readonly "--color-border-success-light": "--color-chateau-400"; readonly "--color-border-success-lighter": "--color-chateau-200"; readonly "--color-border-success-pressed": "--color-chateau-900"; readonly "--color-border-surface-on-elevation-1": "--color-neutral-600"; readonly "--color-border-surface-on-elevation-2": "--color-neutral-700"; readonly "--color-border-surface-on-elevation-3": "--color-neutral-600"; readonly "--color-border-surface-on-surface": "--color-neutral-500"; readonly "--color-border-warning-dark": "--color-ember-200"; readonly "--color-border-warning-default": "--color-ember-400"; readonly "--color-border-warning-hover": "--color-ember-600"; readonly "--color-border-warning-light": "--color-ember-300"; readonly "--color-border-warning-lighter": "--color-ember-200"; readonly "--color-border-warning-pressed": "--color-ember-800"; }; readonly component: { readonly "--color-component-button-suggestion-accent-default": "--color-neutral-200"; readonly "--color-component-button-suggestion-accent-hover": "--color-avocado-400"; readonly "--color-component-button-suggestion-accent-pressed": "--color-neutral-350"; readonly "--color-component-button-suggestion-accent-selected": "--color-avocado-200"; readonly "--color-component-button-suggestion-border-default": "--color-neutral-700"; readonly "--color-component-button-suggestion-border-hover": "--color-avocado-700"; readonly "--color-component-button-suggestion-border-pressed": "--color-neutral-900"; readonly "--color-component-button-suggestion-border-selected": "--color-avocado-700"; }; readonly icon: { readonly "--color-icon-branding-surface": "--color-neutral-100"; readonly "--color-icon-error-default": "--color-scarlet-800"; readonly "--color-icon-error-hover": "--color-scarlet-500"; readonly "--color-icon-error-pressed": "--color-scarlet-700"; readonly "--color-icon-neutral-black": "--color-neutral-1700"; readonly "--color-icon-neutral-default": "--color-neutral-1400"; readonly "--color-icon-neutral-disabled": "--color-neutral-1050"; readonly "--color-icon-neutral-hover": "--color-neutral-1550"; readonly "--color-icon-neutral-neutral": "--color-neutral-900"; readonly "--color-icon-neutral-on-default": "--color-neutral-200"; readonly "--color-icon-neutral-on-disabled": "--color-neutral-1100"; readonly "--color-icon-neutral-on-icon": "--color-neutral-200"; readonly "--color-icon-neutral-on-pressed": "--color-neutral-400"; readonly "--color-icon-neutral-pressed": "--color-neutral-1450"; readonly "--color-icon-neutral-white": "--color-neutral-100"; readonly "--color-icon-primary-default": "--color-avocado-600"; readonly "--color-icon-primary-hover": "--color-avocado-700"; readonly "--color-icon-primary-on-default": "--color-avocado-900"; readonly "--color-icon-primary-on-hover": "--color-avocado-200"; readonly "--color-icon-primary-on-pressed": "--color-avocado-1000"; readonly "--color-icon-primary-pressed": "--color-avocado-1200"; readonly "--color-icon-success-default": "--color-chateau-800"; readonly "--color-icon-success-hover": "--color-chateau-700"; readonly "--color-icon-success-pressed": "--color-chateau-900"; readonly "--color-icon-warning-default": "--color-ember-800"; readonly "--color-icon-warning-hover": "--color-ember-600"; readonly "--color-icon-warning-pressed": "--color-ember-900"; }; readonly text: { readonly "--color-text-branding-surface": "--color-neutral-100"; readonly "--color-text-error-default": "--color-scarlet-700"; readonly "--color-text-error-hover": "--color-scarlet-500"; readonly "--color-text-error-pressed": "--color-scarlet-600"; readonly "--color-text-neutral-black": "--color-neutral-1700"; readonly "--color-text-neutral-default": "--color-neutral-1400"; readonly "--color-text-neutral-disabled": "--color-neutral-1050"; readonly "--color-text-neutral-hover": "--color-neutral-1550"; readonly "--color-text-neutral-neutral": "--color-neutral-900"; readonly "--color-text-neutral-on-default": "--color-neutral-200"; readonly "--color-text-neutral-on-disabled": "--color-neutral-1100"; readonly "--color-text-neutral-on-pressed": "--color-neutral-400"; readonly "--color-text-neutral-on-text": "--color-neutral-200"; readonly "--color-text-neutral-pressed": "--color-neutral-1450"; readonly "--color-text-neutral-white": "--color-neutral-100"; readonly "--color-text-primary-default": "--color-avocado-700"; readonly "--color-text-primary-hover": "--color-avocado-700"; readonly "--color-text-primary-on-default": "--color-avocado-900"; readonly "--color-text-primary-on-hover": "--color-avocado-1000"; readonly "--color-text-primary-on-pressed": "--color-avocado-1000"; readonly "--color-text-primary-pressed": "--color-avocado-1200"; readonly "--color-text-success-default": "--color-chateau-800"; readonly "--color-text-success-hover": "--color-chateau-700"; readonly "--color-text-success-pressed": "--color-chateau-900"; readonly "--color-text-warning-default": "--color-ember-800"; readonly "--color-text-warning-hover": "--color-ember-600"; readonly "--color-text-warning-pressed": "--color-ember-800"; }; }; readonly dark: { readonly accent: { readonly "--color-accent-backdrop-default": "--color-extra-opacity"; readonly "--color-accent-branding-surface": "--color-neutral-100"; readonly "--color-accent-error-contrast": "--color-red-1300"; readonly "--color-accent-error-default": "--color-red-600"; readonly "--color-accent-error-hover": "--color-red-500"; readonly "--color-accent-error-light": "--color-red-400"; readonly "--color-accent-error-lighter": "--color-red-300"; readonly "--color-accent-error-pressed": "--color-red-800"; readonly "--color-accent-gradient-end": "--color-extra-lemon"; readonly "--color-accent-gradient-middle": "--color-extra-mint"; readonly "--color-accent-gradient-start": "--color-extra-greenwood"; readonly "--color-accent-item-hover": "--color-neutral-1400-80"; readonly "--color-accent-item-pressed": "--color-neutral-1600"; readonly "--color-accent-item-selected": "--color-neutral-1200-80"; readonly "--color-accent-neutral-black": "--color-neutral-1450"; readonly "--color-accent-neutral-contrast": "--color-neutral-1300"; readonly "--color-accent-neutral-default": "--color-neutral-900"; readonly "--color-accent-neutral-disabled": "--color-neutral-1300"; readonly "--color-accent-neutral-hover": "--color-neutral-300"; readonly "--color-accent-neutral-neutral": "--color-neutral-600"; readonly "--color-accent-neutral-on-surface": "--color-neutral-100"; readonly "--color-accent-neutral-pressed": "--color-neutral-600"; readonly "--color-accent-neutral-tooltip": "--color-neutral-1050"; readonly "--color-accent-neutral-white": "--color-neutral-100"; readonly "--color-accent-primary-contrast": "--color-olive-1300"; readonly "--color-accent-primary-dark": "--color-olive-1200"; readonly "--color-accent-primary-default": "--color-olive-600"; readonly "--color-accent-primary-hover": "--color-olive-1000"; readonly "--color-accent-primary-light": "--color-olive-300"; readonly "--color-accent-primary-lighter": "--color-olive-200"; readonly "--color-accent-primary-on-default": "--color-olive-600"; readonly "--color-accent-primary-on-hover": "--color-olive-200"; readonly "--color-accent-primary-on-pressed": "--color-neutral-300"; readonly "--color-accent-primary-pressed": "--color-olive-900"; readonly "--color-accent-shadow-default": "--color-extra-shadow"; readonly "--color-accent-success-contrast": "--color-green-1300"; readonly "--color-accent-success-default": "--color-green-600"; readonly "--color-accent-success-hover": "--color-green-500"; readonly "--color-accent-success-light": "--color-green-400"; readonly "--color-accent-success-lighter": "--color-green-300"; readonly "--color-accent-success-pressed": "--color-green-1000"; readonly "--color-accent-surface-elevation-1": "--color-neutral-1600"; readonly "--color-accent-surface-elevation-2": "--color-neutral-1500"; readonly "--color-accent-surface-elevation-3": "--color-neutral-1300"; readonly "--color-accent-surface-elevation-answer": "--color-neutral-1450"; readonly "--color-accent-surface-surface": "--color-neutral-1700"; readonly "--color-accent-toast-error": "--color-scarlet-300"; readonly "--color-accent-toast-info": "--color-azure-300"; readonly "--color-accent-toast-neutral": "--color-neutral-1400"; readonly "--color-accent-toast-success": "--color-chateau-300"; readonly "--color-accent-toast-warning": "--color-ember-300"; readonly "--color-accent-warning-contrast": "--color-yellow-1300"; readonly "--color-accent-warning-default": "--color-yellow-600"; readonly "--color-accent-warning-hover": "--color-yellow-400"; readonly "--color-accent-warning-light": "--color-yellow-400"; readonly "--color-accent-warning-lighter": "--color-yellow-300"; readonly "--color-accent-warning-pressed": "--color-yellow-1000"; }; readonly border: { readonly "--color-border-branding-surface": "--color-neutral-1700"; readonly "--color-border-error-dark": "--color-red-1300"; readonly "--color-border-error-default": "--color-red-600"; readonly "--color-border-error-hover": "--color-red-500"; readonly "--color-border-error-light": "--color-red-500"; readonly "--color-border-error-lighter": "--color-red-300"; readonly "--color-border-error-pressed": "--color-red-800"; readonly "--color-border-item-hover": "--color-neutral-1000"; readonly "--color-border-item-pressed": "--color-neutral-1400"; readonly "--color-border-item-selected": "--color-olive-600"; readonly "--color-border-neutral-black": "--color-neutral-1300"; readonly "--color-border-neutral-default": "--color-neutral-900"; readonly "--color-border-neutral-disabled": "--color-neutral-1050"; readonly "--color-border-neutral-hover": "--color-neutral-100"; readonly "--color-border-neutral-neutral": "--color-neutral-600"; readonly "--color-border-neutral-on-border": "--color-neutral-100"; readonly "--color-border-neutral-pressed": "--color-neutral-400"; readonly "--color-border-neutral-white": "--color-neutral-100"; readonly "--color-border-primary-dark": "--color-olive-1100"; readonly "--color-border-primary-default": "--color-olive-500"; readonly "--color-border-primary-focused": "--color-extra-violet"; readonly "--color-border-primary-hover": "--color-olive-700"; readonly "--color-border-primary-light": "--color-olive-300"; readonly "--color-border-primary-lighter": "--color-olive-200"; readonly "--color-border-primary-on-default": "--color-olive-600"; readonly "--color-border-primary-on-hover": "--color-olive-200"; readonly "--color-border-primary-on-pressed": "--color-neutral-300"; readonly "--color-border-primary-pressed": "--color-olive-900"; readonly "--color-border-success-dark": "--color-green-1300"; readonly "--color-border-success-default": "--color-green-600"; readonly "--color-border-success-hover": "--color-green-500"; readonly "--color-border-success-light": "--color-green-500"; readonly "--color-border-success-lighter": "--color-green-300"; readonly "--color-border-success-pressed": "--color-green-1000"; readonly "--color-border-surface-on-elevation-1": "--color-neutral-1300"; readonly "--color-border-surface-on-elevation-2": "--color-neutral-1100"; readonly "--color-border-surface-on-elevation-3": "--color-neutral-900"; readonly "--color-border-surface-on-surface": "--color-neutral-1200"; readonly "--color-border-warning-dark": "--color-yellow-1300"; readonly "--color-border-warning-default": "--color-yellow-600"; readonly "--color-border-warning-hover": "--color-yellow-400"; readonly "--color-border-warning-light": "--color-yellow-400"; readonly "--color-border-warning-lighter": "--color-yellow-300"; readonly "--color-border-warning-pressed": "--color-yellow-1000"; }; readonly component: { readonly "--color-component-button-suggestion-accent-default": "--color-neutral-1700"; readonly "--color-component-button-suggestion-accent-hover": "--color-neutral-1500"; readonly "--color-component-button-suggestion-accent-pressed": "--color-neutral-1600"; readonly "--color-component-button-suggestion-accent-selected": "--color-neutral-1700"; readonly "--color-component-button-suggestion-border-default": "--color-neutral-1500"; readonly "--color-component-button-suggestion-border-hover": "--color-neutral-1100"; readonly "--color-component-button-suggestion-border-pressed": "--color-neutral-1100"; readonly "--color-component-button-suggestion-border-selected": "--color-olive-500"; }; readonly icon: { readonly "--color-icon-branding-surface": "--color-neutral-1800"; readonly "--color-icon-error-default": "--color-red-600"; readonly "--color-icon-error-hover": "--color-red-500"; readonly "--color-icon-error-pressed": "--color-red-800"; readonly "--color-icon-neutral-black": "--color-neutral-1700"; readonly "--color-icon-neutral-default": "--color-neutral-200"; readonly "--color-icon-neutral-disabled": "--color-neutral-1050"; readonly "--color-icon-neutral-hover": "--color-neutral-300"; readonly "--color-icon-neutral-neutral": "--color-neutral-900"; readonly "--color-icon-neutral-on-default": "--color-neutral-200"; readonly "--color-icon-neutral-on-disabled": "--color-neutral-600"; readonly "--color-icon-neutral-on-icon": "--color-neutral-1700"; readonly "--color-icon-neutral-on-pressed": "--color-neutral-400"; readonly "--color-icon-neutral-pressed": "--color-neutral-400"; readonly "--color-icon-neutral-white": "--color-neutral-100"; readonly "--color-icon-primary-default": "--color-olive-600"; readonly "--color-icon-primary-hover": "--color-olive-700"; readonly "--color-icon-primary-on-default": "--color-olive-600"; readonly "--color-icon-primary-on-hover": "--color-olive-200"; readonly "--color-icon-primary-on-pressed": "--color-olive-500"; readonly "--color-icon-primary-pressed": "--color-olive-900"; readonly "--color-icon-success-default": "--color-green-600"; readonly "--color-icon-success-hover": "--color-green-500"; readonly "--color-icon-success-pressed": "--color-green-1000"; readonly "--color-icon-warning-default": "--color-yellow-600"; readonly "--color-icon-warning-hover": "--color-yellow-400"; readonly "--color-icon-warning-pressed": "--color-yellow-1000"; }; readonly text: { readonly "--color-text-branding-surface": "--color-neutral-1800"; readonly "--color-text-error-default": "--color-red-600"; readonly "--color-text-error-hover": "--color-red-500"; readonly "--color-text-error-pressed": "--color-red-800"; readonly "--color-text-neutral-black": "--color-neutral-1700"; readonly "--color-text-neutral-default": "--color-neutral-400"; readonly "--color-text-neutral-disabled": "--color-neutral-1050"; readonly "--color-text-neutral-hover": "--color-neutral-300"; readonly "--color-text-neutral-neutral": "--color-neutral-400"; readonly "--color-text-neutral-on-default": "--color-neutral-400"; readonly "--color-text-neutral-on-disabled": "--color-neutral-600"; readonly "--color-text-neutral-on-pressed": "--color-neutral-400"; readonly "--color-text-neutral-on-text": "--color-neutral-1700"; readonly "--color-text-neutral-pressed": "--color-neutral-400"; readonly "--color-text-neutral-white": "--color-neutral-100"; readonly "--color-text-primary-default": "--color-olive-600"; readonly "--color-text-primary-hover": "--color-olive-700"; readonly "--color-text-primary-on-default": "--color-olive-600"; readonly "--color-text-primary-on-hover": "--color-olive-200"; readonly "--color-text-primary-on-pressed": "--color-olive-500"; readonly "--color-text-primary-pressed": "--color-olive-900"; readonly "--color-text-success-default": "--color-green-600"; readonly "--color-text-success-hover": "--color-green-500"; readonly "--color-text-success-pressed": "--color-green-1000"; readonly "--color-text-warning-default": "--color-yellow-600"; readonly "--color-text-warning-hover": "--color-yellow-400"; readonly "--color-text-warning-pressed": "--color-yellow-1000"; }; }; }; readonly mercury: { readonly light: { readonly accent: { readonly "--color-accent-backdrop-default": "--color-extra-opacity"; readonly "--color-accent-branding-surface": "--color-neutral-1800"; readonly "--color-accent-error-contrast": "--color-scarlet-50"; readonly "--color-accent-error-default": "--color-scarlet-450"; readonly "--color-accent-error-hover": "--color-scarlet-500"; readonly "--color-accent-error-light": "--color-scarlet-300"; readonly "--color-accent-error-lighter": "--color-scarlet-200"; readonly "--color-accent-error-pressed": "--color-scarlet-700"; readonly "--color-accent-gradient-end": "--color-extra-purple"; readonly "--color-accent-gradient-middle": "--color-extra-berry"; readonly "--color-accent-gradient-start": "--color-extra-sky"; readonly "--color-accent-item-hover": "--color-azure-200-90"; readonly "--color-accent-item-pressed": "--color-azure-300"; readonly "--color-accent-item-selected": "--color-azure-300-40"; readonly "--color-accent-neutral-black": "--color-primary-1300"; readonly "--color-accent-neutral-contrast": "--color-neutral-500"; readonly "--color-accent-neutral-default": "--color-neutral-700"; readonly "--color-accent-neutral-disabled": "--color-neutral-400"; readonly "--color-accent-neutral-hover": "--color-neutral-1550"; readonly "--color-accent-neutral-neutral": "--color-neutral-900"; readonly "--color-accent-neutral-on-surface": "--color-primary-1300"; readonly "--color-accent-neutral-pressed": "--color-neutral-200"; readonly "--color-accent-neutral-tooltip": "--color-neutral-1800"; readonly "--color-accent-neutral-white": "--color-neutral-100"; readonly "--color-accent-primary-contrast": "--color-primary-100"; readonly "--color-accent-primary-dark": "--color-azure-800"; readonly "--color-accent-primary-default": "--color-azure-600"; readonly "--color-accent-primary-hover": "--color-azure-300"; readonly "--color-accent-primary-light": "--color-azure-100"; readonly "--color-accent-primary-lighter": "--color-azure-300"; readonly "--color-accent-primary-on-default": "--color-azure-300"; readonly "--color-accent-primary-on-hover": "--color-azure-800"; readonly "--color-accent-primary-on-pressed": "--color-neutral-300"; readonly "--color-accent-primary-pressed": "--color-azure-1000"; readonly "--color-accent-shadow-default": "--color-extra-shadow"; readonly "--color-accent-success-contrast": "--color-chateau-50"; readonly "--color-accent-success-default": "--color-chateau-500"; readonly "--color-accent-success-hover": "--color-chateau-800"; readonly "--color-accent-success-light": "--color-chateau-400"; readonly "--color-accent-success-lighter": "--color-chateau-200"; readonly "--color-accent-success-pressed": "--color-chateau-900"; readonly "--color-accent-surface-elevation-1": "--color-lilac-200"; readonly "--color-accent-surface-elevation-2": "--color-lilac-250"; readonly "--color-accent-surface-elevation-3": "--color-lilac-400"; readonly "--color-accent-surface-elevation-answer": "--color-lilac-600"; readonly "--color-accent-surface-surface": "--color-lilac-50"; readonly "--color-accent-toast-error": "--color-scarlet-300"; readonly "--color-accent-toast-info": "--color-azure-300"; readonly "--color-accent-toast-neutral": "--color-neutral-500"; readonly "--color-accent-toast-success": "--color-chateau-300"; readonly "--color-accent-toast-warning": "--color-ember-300"; readonly "--color-accent-warning-contrast": "--color-ember-50"; readonly "--color-accent-warning-default": "--color-ember-400"; readonly "--color-accent-warning-hover": "--color-ember-600"; readonly "--color-accent-warning-light": "--color-ember-300"; readonly "--color-accent-warning-lighter": "--color-ember-200"; readonly "--color-accent-warning-pressed": "--color-ember-800"; }; readonly border: { readonly "--color-border-branding-surface": "--color-neutral-1400"; readonly "--color-border-error-dark": "--color-scarlet-200"; readonly "--color-border-error-default": "--color-scarlet-450"; readonly "--color-border-error-hover": "--color-scarlet-500"; readonly "--color-border-error-light": "--color-scarlet-300"; readonly "--color-border-error-lighter": "--color-scarlet-200"; readonly "--color-border-error-pressed": "--color-scarlet-700"; readonly "--color-border-item-hover": "--color-azure-200"; readonly "--color-border-item-pressed": "--color-azure-300"; readonly "--color-border-item-selected": "--color-azure-600"; readonly "--color-border-neutral-black": "--color-neutral-1700"; readonly "--color-border-neutral-default": "--color-neutral-700"; readonly "--color-border-neutral-disabled": "--color-neutral-700"; readonly "--color-border-neutral-hover": "--color-neutral-1550"; readonly "--color-border-neutral-neutral": "--color-neutral-900"; readonly "--color-border-neutral-on-border": "--color-primary-1300"; readonly "--color-border-neutral-pressed": "--color-neutral-1500"; readonly "--color-border-neutral-white": "--color-neutral-100"; readonly "--color-border-primary-dark": "--color-azure-900"; readonly "--color-border-primary-default": "--color-azure-600"; readonly "--color-border-primary-focused": "--color-azure-900"; readonly "--color-border-primary-hover": "--color-azure-400"; readonly "--color-border-primary-light": "--color-azure-100"; readonly "--color-border-primary-lighter": "--color-azure-50"; readonly "--color-border-primary-on-default": "--color-azure-300"; readonly "--color-border-primary-on-hover": "--color-azure-800"; readonly "--color-border-primary-on-pressed": "--color-neutral-300"; readonly "--color-border-primary-pressed": "--color-azure-700"; readonly "--color-border-success-dark": "--color-chateau-50"; readonly "--color-border-success-default": "--color-chateau-500"; readonly "--color-border-success-hover": "--color-chateau-800"; readonly "--color-border-success-light": "--color-chateau-400"; readonly "--color-border-success-lighter": "--color-chateau-200"; readonly "--color-border-success-pressed": "--color-chateau-900"; readonly "--color-border-surface-on-elevation-1": "--color-lilac-400"; readonly "--color-border-surface-on-elevation-2": "--color-lilac-500"; readonly "--color-border-surface-on-elevation-3": "--color-lilac-600"; readonly "--color-border-surface-on-surface": "--color-lilac-300"; readonly "--color-border-warning-dark": "--color-ember-200"; readonly "--color-border-warning-default": "--color-ember-400"; readonly "--color-border-warning-hover": "--color-ember-600"; readonly "--color-border-warning-light": "--color-ember-300"; readonly "--color-border-warning-lighter": "--color-ember-200"; readonly "--color-border-warning-pressed": "--color-ember-800"; }; readonly component: { readonly "--color-component-button-suggestion-accent-default": "--color-neutral-300"; readonly "--color-component-button-suggestion-accent-hover": "--color-neutral-400"; readonly "--color-component-button-suggestion-accent-pressed": "--color-neutral-500"; readonly "--color-component-button-suggestion-accent-selected": "--color-neutral-300"; readonly "--color-component-button-suggestion-border-default": "--color-neutral-500"; readonly "--color-component-button-suggestion-border-hover": "--color-neutral-600"; readonly "--color-component-button-suggestion-border-pressed": "--color-neutral-600"; readonly "--color-component-button-suggestion-border-selected": "--color-azure-600"; }; readonly icon: { readonly "--color-icon-branding-surface": "--color-neutral-100"; readonly "--color-icon-error-default": "--color-scarlet-800"; readonly "--color-icon-error-hover": "--color-scarlet-500"; readonly "--color-icon-error-pressed": "--color-scarlet-700"; readonly "--color-icon-neutral-black": "--color-neutral-1700"; readonly "--color-icon-neutral-default": "--color-neutral-1400"; readonly "--color-icon-neutral-disabled": "--color-neutral-800"; readonly "--color-icon-neutral-hover": "--color-neutral-1550"; readonly "--color-icon-neutral-neutral": "--color-neutral-900"; readonly "--color-icon-neutral-on-default": "--color-neutral-200"; readonly "--color-icon-neutral-on-disabled": "--color-neutral-1000"; readonly "--color-icon-neutral-on-icon": "--color-neutral-100"; readonly "--color-icon-neutral-on-pressed": "--color-neutral-400"; readonly "--color-icon-neutral-pressed": "--color-neutral-1450"; readonly "--color-icon-neutral-white": "--color-neutral-100"; readonly "--color-icon-primary-default": "--color-azure-600"; readonly "--color-icon-primary-hover": "--color-azure-400"; readonly "--color-icon-primary-on-default": "--color-azure-900"; readonly "--color-icon-primary-on-hover": "--color-azure-800"; readonly "--color-icon-primary-on-pressed": "--color-azure-400"; readonly "--color-icon-primary-pressed": "--color-azure-750"; readonly "--color-icon-success-default": "--color-chateau-800"; readonly "--color-icon-success-hover": "--color-chateau-700"; readonly "--color-icon-success-pressed": "--color-chateau-900"; readonly "--color-icon-warning-default": "--color-ember-800"; readonly "--color-icon-warning-hover": "--color-ember-600"; readonly "--color-icon-warning-pressed": "--color-ember-900"; }; readonly text: { readonly "--color-text-branding-surface": "--color-neutral-100"; readonly "--color-text-error-default": "--color-scarlet-800"; readonly "--color-text-error-hover": "--color-scarlet-500"; readonly "--color-text-error-pressed": "--color-scarlet-700"; readonly "--color-text-neutral-black": "--color-neutral-1700"; readonly "--color-text-neutral-default": "--color-neutral-1400"; readonly "--color-text-neutral-disabled": "--color-neutral-800"; readonly "--color-text-neutral-hover": "--color-neutral-1550"; readonly "--color-text-neutral-neutral": "--color-neutral-900"; readonly "--color-text-neutral-on-default": "--color-neutral-200"; readonly "--color-text-neutral-on-disabled": "--color-neutral-1000"; readonly "--color-text-neutral-on-pressed": "--color-neutral-400"; readonly "--color-text-neutral-on-text": "--color-neutral-200"; readonly "--color-text-neutral-pressed": "--color-neutral-1550"; readonly "--color-text-neutral-white": "--color-neutral-100"; readonly "--color-text-primary-default": "--color-azure-600"; readonly "--color-text-primary-hover": "--color-azure-400"; readonly "--color-text-primary-on-default": "--color-azure-900"; readonly "--color-text-primary-on-hover": "--color-azure-800"; readonly "--color-text-primary-on-pressed": "--color-azure-400"; readonly "--color-text-primary-pressed": "--color-azure-750"; readonly "--color-text-success-default": "--color-chateau-800"; readonly "--color-text-success-hover": "--color-chateau-700"; readonly "--color-text-success-pressed": "--color-chateau-900"; readonly "--color-text-warning-default": "--color-ember-800"; readonly "--color-text-warning-hover": "--color-ember-600"; readonly "--color-text-warning-pressed": "--color-ember-800"; }; }; readonly dark: { readonly accent: { readonly "--color-accent-backdrop-default": "--color-extra-opacity"; readonly "--color-accent-branding-surface": "--color-neutral-100"; readonly "--color-accent-error-contrast": "--color-red-1300"; readonly "--color-accent-error-default": "--color-red-600"; readonly "--color-accent-error-hover": "--color-red-500"; readonly "--color-accent-error-light": "--color-red-400"; readonly "--color-accent-error-lighter": "--color-red-300"; readonly "--color-accent-error-pressed": "--color-red-800"; readonly "--color-accent-gradient-end": "--color-extra-purple"; readonly "--color-accent-gradient-middle": "--color-extra-berry"; readonly "--color-accent-gradient-start": "--color-extra-sky"; readonly "--color-accent-item-hover": "--color-neutral-1450-50"; readonly "--color-accent-item-pressed": "--color-neutral-1550"; readonly "--color-accent-item-selected": "--color-neutral-1050-50"; readonly "--color-accent-neutral-black": "--color-neutral-1700"; readonly "--color-accent-neutral-contrast": "--color-neutral-1450"; readonly "--color-accent-neutral-default": "--color-neutral-900"; readonly "--color-accent-neutral-disabled": "--color-neutral-1300"; readonly "--color-accent-neutral-hover": "--color-neutral-300"; readonly "--color-accent-neutral-neutral": "--color-neutral-600"; readonly "--color-accent-neutral-on-surface": "--color-neutral-100"; readonly "--color-accent-neutral-pressed": "--color-neutral-600"; readonly "--color-accent-neutral-tooltip": "--color-neutral-1100"; readonly "--color-accent-neutral-white": "--color-neutral-100"; readonly "--color-accent-primary-contrast": "--color-primary-1300"; readonly "--color-accent-primary-dark": "--color-primary-1100"; readonly "--color-accent-primary-default": "--color-primary-600"; readonly "--color-accent-primary-hover": "--color-neutral-1450"; readonly "--color-accent-primary-light": "--color-primary-500"; readonly "--color-accent-primary-lighter": "--color-primary-300"; readonly "--color-accent-primary-on-default": "--color-primary-600"; readonly "--color-accent-primary-on-hover": "--color-primary-400"; readonly "--color-accent-primary-on-pressed": "--color-neutral-200"; readonly "--color-accent-primary-pressed": "--color-primary-800"; readonly "--color-accent-shadow-default": "--color-extra-shadow"; readonly "--color-accent-success-contrast": "--color-green-1300"; readonly "--color-accent-success-default": "--color-green-600"; readonly "--color-accent-success-hover": "--color-green-500"; readonly "--color-accent-success-light": "--color-green-400"; readonly "--color-accent-success-lighter": "--color-green-300"; readonly "--color-accent-success-pressed": "--color-green-1000"; readonly "--color-accent-surface-elevation-1": "--color-neutral-1600"; readonly "--color-accent-surface-elevation-2": "--color-neutral-1500"; readonly "--color-accent-surface-elevation-3": "--color-neutral-1400"; readonly "--color-accent-surface-elevation-answer": "--color-neutral-1450"; readonly "--color-accent-surface-surface": "--color-neutral-1700"; readonly "--color-accent-toast-error": "--color-scarlet-300"; readonly "--color-accent-toast-info": "--color-azure-300"; readonly "--color-accent-toast-neutral": "--color-neutral-1400"; readonly "--color-accent-toast-success": "--color-chateau-300"; readonly "--color-accent-toast-warning": "--color-ember-300"; readonly "--color-accent-warning-contrast": "--color-yellow-1300"; readonly "--color-accent-warning-default": "--color-yellow-600"; readonly "--color-accent-warning-hover": "--color-yellow-400"; readonly "--color-accent-warning-light": "--color-yellow-400"; readonly "--color-accent-warning-lighter": "--color-yellow-300"; readonly "--color-accent-warning-pressed": "--color-yellow-1000"; }; readonly border: { readonly "--color-border-branding-surface": "--color-neutral-1700"; readonly "--color-border-error-dark": "--color-red-1300"; readonly "--color-border-error-default": "--color-red-600"; readonly "--color-border-error-hover": "--color-red-500"; readonly "--color-border-error-light": "--color-red-500"; readonly "--color-border-error-lighter": "--color-red-300"; readonly "--color-border-error-pressed": "--color-red-800"; readonly "--color-border-item-hover": "--color-neutral-1050"; readonly "--color-border-item-pressed": "--color-primary-900"; readonly "--color-border-item-selected": "--color-primary-600"; readonly "--color-border-neutral-black": "--color-neutral-1700"; readonly "--color-border-neutral-default": "--color-neutral-900"; readonly "--color-border-neutral-disabled": "--color-neutral-800"; readonly "--color-border-neutral-hover": "--color-neutral-300"; readonly "--color-border-neutral-neutral": "--color-neutral-600"; readonly "--color-border-neutral-on-border": "--color-neutral-100"; readonly "--color-border-neutral-pressed": "--color-neutral-400"; readonly "--color-border-neutral-white": "--color-neutral-100"; readonly "--color-border-primary-dark": "--color-primary-1300"; readonly "--color-border-primary-default": "--color-primary-600"; readonly "--color-border-primary-focused": "--color-neutral-000"; readonly "--color-border-primary-hover": "--color-primary-400"; readonly "--color-border-primary-light": "--color-primary-500"; readonly "--color-border-primary-lighter": "--color-primary-300"; readonly "--color-border-primary-on-default": "--color-primary-600"; readonly "--color-border-primary-on-hover": "--color-primary-400"; readonly "--color-border-primary-on-pressed": "--color-neutral-400"; readonly "--color-border-primary-pressed": "--color-primary-800"; readonly "--color-border-success-dark": "--color-green-1300"; readonly "--color-border-success-default": "--color-green-600"; readonly "--color-border-success-hover": "--color-green-500"; readonly "--color-border-success-light": "--color-green-500"; readonly "--color-border-success-lighter": "--color-green-300"; readonly "--color-border-success-pressed": "--color-green-1000"; readonly "--color-border-surface-on-elevation-1": "--color-neutral-1300"; readonly "--color-border-surface-on-elevation-2": "--color-neutral-1100"; readonly "--color-border-surface-on-elevation-3": "--color-neutral-900"; readonly "--color-border-surface-on-surface": "--color-neutral-1200"; readonly "--color-border-warning-dark": "--color-yellow-1300"; readonly "--color-border-warning-default": "--color-yellow-600"; readonly "--color-border-warning-hover": "--color-yellow-400"; readonly "--color-border-warning-light": "--color-yellow-400"; readonly "--color-border-warning-lighter": "--color-yellow-300"; readonly "--color-border-warning-pressed": "--color-yellow-1000"; }; readonly component: { readonly "--color-component-button-suggestion-accent-default": "--color-neutral-1700"; readonly "--color-component-button-suggestion-accent-hover": "--color-neutral-1500"; readonly "--color-component-button-suggestion-accent-pressed": "--color-neutral-1600"; readonly "--color-component-button-suggestion-accent-selected": "--color-neutral-1700"; readonly "--color-component-button-suggestion-border-default": "--color-neutral-1450"; readonly "--color-component-button-suggestion-border-hover": "--color-neutral-1100"; readonly "--color-component-button-suggestion-border-pressed": "--color-neutral-1100"; readonly "--color-component-button-suggestion-border-selected": "--color-primary-600"; }; readonly icon: { readonly "--color-icon-branding-surface": "--color-neutral-1800"; readonly "--color-icon-error-default": "--color-red-600"; readonly "--color-icon-error-hover": "--color-red-500"; readonly "--color-icon-error-pressed": "--color-red-800"; readonly "--color-icon-neutral-black": "--color-neutral-1700"; readonly "--color-icon-neutral-default": "--color-neutral-200"; readonly "--color-icon-neutral-disabled": "--color-neutral-800"; readonly "--color-icon-neutral-hover": "--color-neutral-300"; readonly "--color-icon-neutral-neutral": "--color-neutral-400"; readonly "--color-icon-neutral-on-default": "--color-neutral-200"; readonly "--color-icon-neutral-on-disabled": "--color-neutral-600"; readonly "--color-icon-neutral-on-icon": "--color-neutral-1700"; readonly "--color-icon-neutral-on-pressed": "--color-neutral-400"; readonly "--color-icon-neutral-pressed": "--color-neutral-400"; readonly "--color-icon-neutral-white": "--color-neutral-100"; readonly "--color-icon-primary-default": "--color-primary-600"; readonly "--color-icon-primary-hover": "--color-primary-400"; readonly "--color-icon-primary-on-default": "--color-primary-600"; readonly "--color-icon-primary-on-hover": "--color-primary-400"; readonly "--color-icon-primary-on-pressed": "--color-primary-500"; readonly "--color-icon-primary-pressed": "--color-primary-800"; readonly "--color-icon-success-default": "--color-green-600"; readonly "--color-icon-success-hover": "--color-green-500"; readonly "--color-icon-success-pressed": "--color-green-1000"; readonly "--color-icon-warning-default": "--color-yellow-600"; readonly "--color-icon-warning-hover": "--color-yellow-400"; readonly "--color-icon-warning-pressed": "--color-yellow-1000"; }; readonly text: { readonly "--color-text-branding-surface": "--color-neutral-1800"; readonly "--color-text-error-default": "--color-red-600"; readonly "--color-text-error-hover": "--color-red-500"; readonly "--color-text-error-pressed": "--color-red-800"; readonly "--color-text-neutral-black": "--color-neutral-1700"; readonly "--color-text-neutral-default": "--color-neutral-200"; readonly "--color-text-neutral-disabled": "--color-neutral-800"; readonly "--color-text-neutral-hover": "--color-neutral-300"; readonly "--color-text-neutral-neutral": "--color-neutral-400"; readonly "--color-text-neutral-on-default": "--color-neutral-200"; readonly "--color-text-neutral-on-disabled": "--color-neutral-600"; readonly "--color-text-neutral-on-pressed": "--color-neutral-400"; readonly "--color-text-neutral-on-text": "--color-neutral-1700"; readonly "--color-text-neutral-pressed": "--color-neutral-400"; readonly "--color-text-neutral-white": "--color-neutral-100"; readonly "--color-text-primary-default": "--color-primary-600"; readonly "--color-text-primary-hover": "--color-primary-400"; readonly "--color-text-primary-on-default": "--color-primary-600"; readonly "--color-text-primary-on-hover": "--color-primary-400"; readonly "--color-text-primary-on-pressed": "--color-primary-500"; readonly "--color-text-primary-pressed": "--color-primary-800"; readonly "--color-text-success-default": "--color-green-600"; readonly "--color-text-success-hover": "--color-green-500"; readonly "--color-text-success-pressed": "--color-green-1000"; readonly "--color-text-warning-default": "--color-yellow-600"; readonly "--color-text-warning-hover": "--color-yellow-400"; readonly "--color-text-warning-pressed": "--color-yellow-1000"; }; }; }; }; readonly "font-size": { readonly body: { readonly "--font-size-body-l": "--size-16"; readonly "--font-size-body-m": "--size-14"; readonly "--font-size-body-s": "--size-12"; readonly "--font-size-body-xl": "--size-18"; readonly "--font-size-body-xs": "--size-11"; }; readonly caption: { readonly "--font-size-caption-l": "--size-11"; readonly "--font-size-caption-m": "--size-10"; readonly "--font-size-caption-s": "--size-8"; }; readonly header: { readonly "--font-size-header-h1": "--size-40"; readonly "--font-size-header-h2": "--size-32"; readonly "--font-size-header-h3": "--size-28"; readonly "--font-size-header-h4": "--size-24"; readonly "--font-size-header-h5": "--size-20"; readonly "--font-size-header-h6": "--size-16"; }; readonly subtitle: { readonly "--font-size-subtitle-l": "--size-18"; readonly "--font-size-subtitle-m": "--size-16"; readonly "--font-size-subtitle-s": "--size-15"; readonly "--font-size-subtitle-xl": "--size-20"; readonly "--font-size-subtitle-xs": "--size-14"; }; }; readonly icon: { readonly "--icon-l": "--size-20"; readonly "--icon-m": "--size-16"; readonly "--icon-s": "--size-14"; readonly "--icon-xl": "--size-24"; readonly "--icon-xs": "--size-12"; readonly "--icon-xxl": "--size-32"; }; readonly border: { readonly radius: { readonly "--border-radius-l": "--size-12"; readonly "--border-radius-m": "--size-8"; readonly "--border-radius-s": "--size-4"; readonly "--border-radius-xl": "--size-30"; readonly "--border-radius-xs": "--size-2"; readonly "--border-radius-xxs": "--size-1"; }; readonly width: { readonly "--border-width-focus": "--size-2"; }; }; readonly spacing: { readonly gap: { readonly "--spacing-gap-l": "--size-12"; readonly "--spacing-gap-m": "--size-8"; readonly "--spacing-gap-none": "--size-0"; readonly "--spacing-gap-s": "--size-6"; readonly "--spacing-gap-xl": "--size-16"; readonly "--spacing-gap-xs": "--size-4"; readonly "--spacing-gap-xxl": "--size-24"; readonly "--spacing-gap-xxs": "--size-2"; readonly "--spacing-gap-xxxl": "--size-32"; }; readonly padding: { readonly "--spacing-padding-l": "--size-12"; readonly "--spacing-padding-m": "--size-8"; readonly "--spacing-padding-none": "--size-0"; readonly "--spacing-padding-s": "--size-6"; readonly "--spacing-padding-xl": "--size-16"; readonly "--spacing-padding-xs": "--size-4"; readonly "--spacing-padding-xxl": "--size-24"; readonly "--spacing-padding-xxs": "--size-2"; readonly "--spacing-padding-xxxl": "--size-32"; }; }; }; }; export default mercuryTokens;