

$color-orange-100: #fee3dc !default;
$color-orange-200: #fda891 !default;
$color-orange-300: #ff8f70 !default;
$color-orange-400: #fc7753 !default;
$color-orange-500: #fa4616 !default; // Primary Brand Orange
$color-orange-600: #da3b11 !default;
$color-orange-700: #c2320c !default;
$color-orange-800: #832107 !default;
$color-orange-850: #3c383c !default;
$color-orange-100-contrast: #182027 !default;
$color-orange-200-contrast: #182027 !default;
$color-orange-300-contrast: #182027 !default;
$color-orange-400-contrast: #182027 !default;
$color-orange-500-contrast: #182027 !default;
$color-orange-600-contrast: #f4f9fa !default;
$color-orange-700-contrast: #f4f9fa !default;
$color-orange-800-contrast: #f4f9fa !default;
$color-blue-100: #dae8fa !default;
$color-blue-200: #badaff !default;
$color-blue-300: #87bfff !default;
$color-blue-400: #66adff !default;
$color-blue-500: #0067df !default;
$color-blue-600: #0056ba !default;
$color-blue-700: #00489d !default;
$color-blue-800: #00336f !default;
$color-blue-050: #f5f9fe !default;
$color-blue-050-contrast: #1b2630 !default;
$color-blue-100-contrast: #182027 !default;
$color-blue-200-contrast: #182027 !default;
$color-blue-300-contrast: #182027 !default;
$color-blue-400-contrast: #182027 !default;
$color-blue-500-contrast: #f4f9fa !default;
$color-blue-600-contrast: #f4f9fa !default;
$color-blue-700-contrast: #f4f9fa !default;
$color-blue-800-contrast: #f4f9fa !default;
$color-blue-secondary-100: #e9f1fa !default;
$color-blue-secondary-200: #b2d2f3 !default;
$color-blue-secondary-300: #8cc2f8 !default;
$color-blue-secondary-400: #42a1ff !default;
$color-blue-secondary-500: #1976d2 !default; // Brand Accessory Blue Secondary
$color-blue-secondary-600: #1665b3 !default;
$color-blue-secondary-700: #11508d !default;
$color-blue-secondary-800: #0c3761 !default;
$color-blue-secondary-100-contrast: #182027 !default;
$color-blue-secondary-200-contrast: #182027 !default;
$color-blue-secondary-300-contrast: #182027 !default;
$color-blue-secondary-400-contrast: #182027 !default;
$color-blue-secondary-500-contrast: #f4f9fa !default;
$color-blue-secondary-600-contrast: #f4f9fa !default;
$color-blue-secondary-700-contrast: #f4f9fa !default;
$color-blue-secondary-800-contrast: #f4f9fa !default;
$color-green-100: #eeffe5 !default;
$color-green-200: #e4f2dd !default;
$color-green-250: #e4f2dd !default;
$color-green-300: #b4e89b !default;
$color-green-400: #74c94b !default;
$color-green-500: #6eb84a !default;
$color-green-600: #539d2f !default;
$color-green-700: #038108 !default;
$color-green-750: #038a08 !default;
$color-green-800: #005603 !default;
$color-green-250-contrast: #182027 !default;
$color-green-500-contrast: #182027 !default;
$color-green-750-contrast: #f4f9fa !default;
$color-green-050-contrast: #182027 !default;
$color-green-050: #eeffe6 !default;
$color-green-emerald: #176245 !default;
$color-yellow-100: #fff3db !default;
$color-yellow-200: #ffe19e !default;
$color-yellow-300: #ffca55 !default;
$color-yellow-400: #ffbb27 !default;
$color-yellow-500: #ffb40e !default; // Brand Accessory Yellow
$color-yellow-600: #f3ab0d !default;
$color-yellow-700: #9e6100 !default;
$color-yellow-750: #b27d09 !default;
$color-yellow-800: #805a07 !default;
$color-yellow-100-contrast: #182027 !default;
$color-yellow-200-contrast: #182027 !default;
$color-yellow-300-contrast: #182027 !default;
$color-yellow-400-contrast: #182027 !default;
$color-yellow-500-contrast: #182027 !default;
$color-yellow-600-contrast: #182027 !default;
$color-yellow-700-contrast: #182027 !default;
$color-yellow-800-contrast: #f4f9fa !default;
$color-red-100: #fff0f1 !default;
$color-red-200: #ffd1d1 !default;
$color-red-300: #ffadad !default;
$color-red-400: #ff8484 !default;
$color-red-500: #cc3d45 !default; // Brand Accessory Red
$color-red-600: #b6242b !default;
$color-red-700: #a6040a !default;
$color-red-800: #6c0004 !default;
$color-red-950: #460809 !default; // tailwind red-950 (oklch(25.8% 0.092 26.042))
$color-red-100-contrast: #182027 !default;
$color-red-200-contrast: #182027 !default;
$color-red-300-contrast: #182027 !default;
$color-red-400-contrast: #182027 !default;
$color-red-500-contrast: #f4f9fa !default;
$color-red-600-contrast: #f4f9fa !default;
$color-red-700-contrast: #f4f9fa !default;
$color-red-800-contrast: #f4f9fa !default;
$color-purple-100: #eee1ee !default;
$color-purple-200: #edb8ed !default;
$color-purple-300: #dc80db !default;
$color-purple-400: #b748b6 !default;
$color-purple-500: #933692 !default;
$color-purple-600: #8c338b !default;
$color-purple-700: #662565 !default;
$color-purple-800: #491b49 !default;
$color-purple-100-contrast: #182027 !default;
$color-purple-200-contrast: #182027 !default;
$color-purple-300-contrast: #182027 !default;
$color-purple-400-contrast: #f4f9fa !default;
$color-purple-500-contrast: #f4f9fa !default;
$color-purple-600-contrast: #f4f9fa !default;
$color-purple-700-contrast: #f4f9fa !default;
$color-purple-800-contrast: #f4f9fa !default;
$color-light-blue-100: #e1f6fd !default;
$color-light-blue-200: #afe8fa !default;
$color-light-blue-300: #73d6f7 !default;
$color-light-blue-400: #44cffc !default;
$color-light-blue-500: #38c6f4 !default;
$color-light-blue-600: #35bbe7 !default;
$color-light-blue-700: #278aab !default;
$color-light-blue-800: #1c637a !default;
$color-light-blue-100-contrast: #182027 !default;
$color-light-blue-200-contrast: #182027 !default;
$color-light-blue-300-contrast: #182027 !default;
$color-light-blue-400-contrast: #182027 !default;
$color-light-blue-500-contrast: #182027 !default;
$color-light-blue-600-contrast: #182027 !default;
$color-light-blue-700-contrast: #182027 !default;
$color-light-blue-800-contrast: #f4f9fa !default;
$color-white: #ffffff !default;
$color-black: #000000 !default;
$color-error-100: #fff0f1 !default;
$color-error-200: #ffd1d1 !default;
$color-error-250: #ffa2a8 !default;
$color-error-300: #ffadad !default;
$color-error-400: #ff8484 !default;
$color-error-500: #cc3d45 !default;
$color-error-600: #b6242b !default;
$color-error-700: #a6040a !default;
$color-error-750: #a6040a !default;
$color-error-800: #6c0004 !default;
$color-error-250-contrast: #182027 !default;
$color-error-500-contrast: #182027 !default;
$color-error-750-contrast: #f4f9fa !default;
$color-error-050-contrast: #182027 !default;
$color-error-050: #ffe6e7 !default;
$color-warning-100: #fff3db !default;
$color-warning-200: #ffe19e !default;
$color-warning-300: #ffca55 !default;
$color-warning-400: #ffbb27 !default;
$color-warning-500: #ffb40e !default; // Brand Accessory Yellow
$color-warning-600: #f3ab0d !default;
$color-warning-700: #b27d09 !default;
$color-warning-750: #b27d09 !default;
$color-warning-800: #805a07 !default;
$color-warning-100-contrast: #182027 !default;
$color-warning-200-contrast: #182027 !default;
$color-warning-300-contrast: #182027 !default;
$color-warning-400-contrast: #182027 !default;
$color-warning-500-contrast: #182027 !default;
$color-warning-600-contrast: #182027 !default;
$color-warning-700-contrast: #182027 !default;
$color-warning-800-contrast: #f4f9fa !default;
$color-info-100: #e9f1fa !default;
$color-info-200: #b2d2f3 !default;
$color-info-300: #8cc2f8 !default;
$color-info-400: #42a1ff !default;
$color-info-500: #1976d2 !default; // Brand Accessory Blue Secondary
$color-info-600: #1665b3 !default;
$color-info-700: #11508d !default;
$color-info-800: #0c3761 !default;
$color-info-100-contrast: #182027 !default;
$color-info-200-contrast: #182027 !default;
$color-info-300-contrast: #182027 !default;
$color-info-400-contrast: #182027 !default;
$color-info-500-contrast: #182027 !default;
$color-info-600-contrast: #f4f9fa !default;
$color-info-700-contrast: #f4f9fa !default;
$color-info-800-contrast: #f4f9fa !default;
$color-success-100: #eeffe5 !default;
$color-success-200: #e4f2dd !default;
$color-success-250: #e4f2dd !default;
$color-success-300: #b4e89b !default;
$color-success-400: #74c94b !default;
$color-success-500: #6eb84a !default;
$color-success-600: #539d2f !default;
$color-success-700: #038108 !default;
$color-success-750: #038a08 !default;
$color-success-800: #005603 !default;
$color-success-250-contrast: #182027 !default;
$color-success-500-contrast: #182027 !default;
$color-success-750-contrast: #f4f9fa !default;
$color-success-050-contrast: #182027 !default;
$color-success-050: #eeffe6 !default;
$color-gray-100: #f7f7f7 !default;
$color-gray-150: #f4f4f5 !default;
$color-gray-200: #ecedee !default;
$color-gray-250: #e1e2e4 !default;
$color-gray-300: #d3d4d6 !default;
$color-gray-350: #c0c2c5 !default;
$color-gray-400: #aaacaf !default;
$color-gray-450: #919295 !default;
$color-gray-500: #757679 !default;
$color-gray-550: #595a5c !default;
$color-gray-600: #414244 !default;
$color-gray-650: #2d2e2f !default;
$color-gray-700: #1d1d1e !default;
$color-gray-750: #111212 !default;
$color-gray-800: #0a0a0a !default;
$color-gray-850: #060606 !default;
$color-gray-100-contrast: #182027 !default;
$color-gray-150-contrast: #182027 !default;
$color-gray-200-contrast: #182027 !default;
$color-gray-250-contrast: #182027 !default;
$color-gray-300-contrast: #182027 !default;
$color-gray-350-contrast: #182027 !default;
$color-gray-400-contrast: #182027 !default;
$color-gray-450-contrast: #182027 !default;
$color-gray-500-contrast: #f4f9fa !default;
$color-gray-550-contrast: #f4f9fa !default;
$color-gray-600-contrast: #f4f9fa !default;
$color-gray-650-contrast: #f4f9fa !default;
$color-gray-700-contrast: #f4f9fa !default;
$color-gray-750-contrast: #f4f9fa !default;
$color-gray-800-contrast: #f4f9fa !default;
$color-gray-850-contrast: #f4f9fa !default;
$color-gray-050-contrast: #182027 !default;
$color-gray-050: #fafafa !default;
$color-ink-100: #f8f9fa !default;
$color-ink-150: #f4f5f7 !default;
$color-ink-200: #e9f0f3 !default;
$color-ink-250: #dee6ea !default;
$color-ink-300: #cfd8dd !default;
$color-ink-350: #bbc7cd !default;
$color-ink-400: #a4b1b8 !default;
$color-ink-450: #8a97a0 !default;
$color-ink-500: #6b7882 !default;
$color-ink-550: #526069 !default;
$color-ink-600: #374652 !default;
$color-ink-625: #374652 !default; // DEPRECATED - Please use ColorInk600 instead.
$color-ink-650: #273139 !default;
$color-ink-700: #182027 !default;
$color-ink-750: #0e1419 !default;
$color-ink-800: #080c10 !default;
$color-ink-850: #04070a !default;
$color-ink-100-contrast: #182027 !default;
$color-ink-150-contrast: #182027 !default;
$color-ink-200-contrast: #182027 !default;
$color-ink-250-contrast: #182027 !default;
$color-ink-300-contrast: #182027 !default;
$color-ink-350-contrast: #182027 !default;
$color-ink-400-contrast: #182027 !default;
$color-ink-450-contrast: #182027 !default;
$color-ink-500-contrast: #f4f9fa !default;
$color-ink-550-contrast: #f4f9fa !default;
$color-ink-600-contrast: #f4f9fa !default;
$color-ink-650-contrast: #f4f9fa !default;
$color-ink-700-contrast: #f4f9fa !default;
$color-ink-750-contrast: #f4f9fa !default;
$color-ink-800-contrast: #f4f9fa !default;
$color-ink-850-contrast: #f4f9fa !default;
$color-ink-050-contrast: #182027 !default;
$color-ink-050: #182027 !default;
$color-pink-100: #fcdbe6 !default;
$color-pink-200: #f7a1bd !default;
$color-pink-300: #fd7da7 !default;
$color-pink-400: #f25a8c !default;
$color-pink-500: #ed145b !default;
$color-pink-600: #d91153 !default;
$color-pink-700: #a60e3f !default;
$color-pink-800: #76092d !default;
$color-gradient-1-l: #fafafb !default; // Gradient 1 Light - Start
$color-gradient-1-l-end: #ecedef !default; // Gradient 1 Light - End
$color-gradient-1-d: #526069 !default; // Gradient 1 Dark - Start
$color-gradient-1-d-end: #323c42 !default; // Gradient 1 Dark - End
$color-gradient-2-l: #ffe0ff !default; // Gradient 2 Light - Start
$color-gradient-2-l-end: #cfd9ff !default; // Gradient 2 Light - End
$color-gradient-2-d: #a280bc !default; // Gradient 2 Dark - Start
$color-gradient-2-d-end: #577bae !default; // Gradient 2 Dark - End
$color-gradient-3-l: #ddfbf1 !default; // Gradient 3 Light - Start
$color-gradient-3-l-end: #daf3ff !default; // Gradient 3 Light - End
$color-gradient-3-d: #51868e !default; // Gradient 3 Dark - Start
$color-gradient-3-d-end: #35667d !default; // Gradient 3 Dark - End
$color-gradient-4-l: #f6faff !default; // Gradient 4 Light - Start
$color-gradient-4-l-end: #d8eeff !default; // Gradient 4 Light - End
$color-gradient-4-d: #6885ab !default; // Gradient 4 Dark - Start
$color-gradient-4-d-end: #2b5372 !default; // Gradient 4 Dark - End
$color-brand-primary: #fa4616 !default; // Brand color direct from marketing.
$color-brand-secondary: #0067df !default; // Brand color direct from marketing.
$color-brand-neutral-white: #ffffff !default;
$color-brand-neutral-black: #000000 !default;
$color-brand-neutral-dark-gray: #595a5c !default;
$color-brand-neutral-pale-gray: #e1e2e4 !default;
$color-brand-neutral-light-gray: #f4f5f7 !default;
$color-brand-accessory-red: #cc3d45 !default;
$color-brand-accessory-yellow: #ffb40e !default;
$color-brand-accessory-purple: #933692 !default;
$color-brand-accessory-light-blue: #38c6f4 !default;
$color-background-light: #ffffff !default;
$color-background-light-hc: #ffffff !default;
$color-background-dark: #182027 !default;
$color-background-dark-hc: #182027 !default;
$color-background-future-dark: #09090b !default;
$color-background-future-light: #fafafa !default;
$color-background-secondary-light: #f4f5f7 !default;
$color-background-secondary-light-hc: #f4f5f7 !default;
$color-background-secondary-dark: #273139 !default;
$color-background-secondary-dark-hc: #273139 !default;
$color-background-secondary-future-dark: #18181b !default;
$color-background-secondary-future-light: #f4f4f5 !default;
$color-background-inverse-light: #182027 !default;
$color-background-inverse-light-hc: #182027 !default;
$color-background-inverse-dark: #f8f9fa !default;
$color-background-inverse-dark-hc: #f8f9fa !default;
$color-background-inverse-future-dark: #fafafa !default;
$color-background-inverse-future-light: #09090b !default;
$color-background-gray-light: #cfd8dd !default;
$color-background-gray-light-hc: #cfd8dd !default;
$color-background-gray-dark: #526069 !default;
$color-background-gray-dark-hc: #374652 !default;
$color-background-gray-future-dark: #52525c !default;
$color-background-gray-future-light: #d4d4d8 !default;
$color-background-disabled-light: #ecedee !default;
$color-background-disabled-light-hc: #ecedee !default;
$color-background-disabled-dark: #273139 !default;
$color-background-disabled-dark-hc: #273139 !default;
$color-background-disabled-future-dark: #18181b !default;
$color-background-disabled-future-light: #e4e4e7 !default;
$color-background-highlight-light: #fee3dc !default;
$color-background-highlight-light-hc: #fee3dc !default;
$color-background-highlight-dark: #3c383c !default;
$color-background-highlight-dark-hc: #3c383c !default;
$color-background-highlight-future-dark: #053345 !default;
$color-background-highlight-future-light: #cefafe !default;
$color-background-raised-light: #ffffff !default;
$color-background-raised-light-hc: #ffffff !default;
$color-background-raised-dark: #273139 !default;
$color-background-raised-dark-hc: #273139 !default;
$color-background-raised-future-dark: #18181b !default;
$color-background-raised-future-light: #f4f4f5 !default;
$color-background-edit-light: #ffffff !default;
$color-background-edit-light-hc: #ffffff !default;
$color-background-edit-dark: #00000099 !default;
$color-background-edit-dark-hc: #00000099 !default;
$color-background-edit-future-dark: #00000099 !default;
$color-background-edit-future-light: #ffffff !default;
$color-background-gray-emp-light: #a4b1b8 !default;
$color-background-gray-emp-light-hc: #a4b1b8 !default;
$color-background-gray-emp-dark: #8a97a0 !default;
$color-background-gray-emp-dark-hc: #a4b1b8 !default;
$color-background-gray-emp-future-dark: #71717b !default;
$color-background-gray-emp-future-light: #9f9fa9 !default;
$color-background-hover-light: #52606914 !default; // 14 hex = 0.08 Opacity
$color-background-hover-light-hc: #52606914 !default; // 14 hex = 0.08 Opacity
$color-background-hover-dark: #cfd8dd14 !default; // 14 hex = 0.08 Opacity
$color-background-hover-dark-hc: #a4b1b814 !default; // 14 hex = 0.08 Opacity
$color-background-hover-future-dark: #d4d4d814 !default;
$color-background-hover-future-light: #52525c14 !default;
$color-background-pressed-light: #5260691f !default; // 1f hex = 0.12 Opacity
$color-background-pressed-light-hc: #5260691f !default; // 1f hex = 0.12 Opacity
$color-background-pressed-dark: #cfd8dd1f !default; // 1f hex = 0.12 Opacity
$color-background-pressed-dark-hc: #cfd8dd1f !default; // 1f hex = 0.12 Opacity
$color-background-pressed-future-dark: #d4d4d81f !default;
$color-background-pressed-future-light: #52525c1f !default;
$color-background-selected-light: #e9f1fa !default;
$color-background-selected-light-hc: #e9f1fa !default;
$color-background-selected-dark: #374652 !default;
$color-background-selected-dark-hc: #374652 !default;
$color-background-selected-future-dark: #3f3f46 !default;
$color-background-selected-future-light: #d4d4d8 !default;
$color-selection-indicator-light: #0067df !default;
$color-selection-indicator-light-hc: #00489d !default;
$color-selection-indicator-dark: #66adff !default;
$color-selection-indicator-dark-hc: #dae8fa !default;
$color-selection-indicator-future-dark: #00b8db !default;
$color-selection-indicator-future-light: #00b8db !default;
$color-notification-badge-light: #000000 !default;
$color-notification-badge-light-hc: #000000 !default;
$color-notification-badge-dark: #ffffff !default;
$color-notification-badge-dark-hc: #ffffff !default;
$color-notification-badge-future-dark: #ffffff !default;
$color-notification-badge-future-light: #000000 !default;
$color-notification-indicator-light: #da3b11 !default;
$color-notification-indicator-light-hc: #832107 !default;
$color-notification-indicator-dark: #ff8f70 !default;
$color-notification-indicator-dark-hc: #ff8f70 !default;
$color-notification-indicator-future-dark: #ff637e !default;
$color-notification-indicator-future-light: #ec003f !default;
$color-hover-light: #e9f1fa !default;
$color-hover-light-hc: #e9f1fa !default;
$color-hover-dark: #374652 !default;
$color-hover-dark-hc: #273139 !default;
$color-hover-future-dark: #3f3f46 !default;
$color-hover-future-light: #d4d4d8 !default;
$color-curtain-light: #000000 !default;
$color-curtain-light-hc: #000000 !default;
$color-curtain-dark: #000000 !default;
$color-curtain-dark-hc: #000000 !default;
$color-curtain-future-dark: #000000 !default;
$color-curtain-future-light: #000000 !default;
$color-border-light: #a4b1b8 !default;
$color-border-light-hc: #6b7882 !default;
$color-border-dark: #8a97a0 !default;
$color-border-dark-hc: #bbc7cd !default;
$color-border-future-dark: #3f3f46 !default;
$color-border-future-light: #d4d4d8 !default;
$color-border-disabled-light: #cfd8dd !default;
$color-border-disabled-light-hc: #cfd8dd !default;
$color-border-disabled-dark: #526069 !default;
$color-border-disabled-dark-hc: #8a97a0 !default;
$color-border-disabled-future-dark: #27272a !default;
$color-border-disabled-future-light: #e4e4e7 !default;
$color-border-grid-light: #f4f5f7 !default;
$color-border-grid-light-hc: #f4f5f7 !default;
$color-border-grid-dark: #273139 !default;
$color-border-grid-dark-hc: #273139 !default;
$color-border-grid-future-dark: #27272a !default;
$color-border-grid-future-light: #e4e4e7 !default;
$color-border-de-emp-light: #cfd8dd !default;
$color-border-de-emp-light-hc: #a4b1b8 !default;
$color-border-de-emp-dark: #526069 !default;
$color-border-de-emp-dark-hc: #a4b1b8 !default;
$color-border-de-emp-future-dark: #27272a !default;
$color-border-de-emp-future-light: #e4e4e7 !default;
$color-selection-light: #da3b11 !default;
$color-selection-light-hc: #832107 !default;
$color-selection-dark: #ff8f70 !default;
$color-selection-dark-hc: #fda891 !default;
$color-selection-future-dark: #00d3f2 !default;
$color-selection-future-light: #0092b8 !default;
$color-logo-light: #fa4616 !default;
$color-logo-light-hc: #fa4616 !default;
$color-logo-dark: #ffffff !default;
$color-logo-dark-hc: #ffffff !default;
$color-logo-future-dark: #ffffff !default;
$color-logo-future-light: #000000 !default;
$color-foreground-light: #273139 !default;
$color-foreground-light-hc: #273139 !default;
$color-foreground-dark: #f4f5f7 !default;
$color-foreground-dark-hc: #f4f5f7 !default;
$color-foreground-future-dark: #fafafa !default;
$color-foreground-future-light: #09090b !default;
$color-foreground-light-light: #6b7882 !default;
$color-foreground-light-light-hc: #374652 !default;
$color-foreground-light-dark: #a4b1b8 !default;
$color-foreground-light-dark-hc: #bbc7cd !default;
$color-foreground-light-future-dark: #9f9fa9 !default;
$color-foreground-light-future-light: #71717b !default;
$color-foreground-emp-light: #182027 !default;
$color-foreground-emp-light-hc: #182027 !default;
$color-foreground-emp-dark: #f8f9fa !default;
$color-foreground-emp-dark-hc: #f8f9fa !default;
$color-foreground-emp-future-dark: #ffffff !default;
$color-foreground-emp-future-light: #000000 !default;
$color-foreground-de-emp-light: #526069 !default;
$color-foreground-de-emp-light-hc: #374652 !default;
$color-foreground-de-emp-dark: #cfd8dd !default;
$color-foreground-de-emp-dark-hc: #cfd8dd !default;
$color-foreground-de-emp-future-dark: #9f9fa9 !default;
$color-foreground-de-emp-future-light: #71717b !default;
$color-foreground-disable-light: #8a97a0 !default;
$color-foreground-disable-light-hc: #8a97a0 !default;
$color-foreground-disable-dark: #a4b1b8 !default;
$color-foreground-disable-dark-hc: #a4b1b8 !default;
$color-foreground-disable-future-dark: #71717b !default;
$color-foreground-disable-future-light: #9f9fa9 !default;
$color-foreground-inverse-light: #f8f9fa !default;
$color-foreground-inverse-light-hc: #f8f9fa !default;
$color-foreground-inverse-dark: #182027 !default;
$color-foreground-inverse-dark-hc: #182027 !default;
$color-foreground-inverse-future-dark: #09090b !default;
$color-foreground-inverse-future-light: #fafafa !default;
$color-foreground-highlight-light: #da3b11 !default;
$color-foreground-highlight-light-hc: #832107 !default;
$color-foreground-highlight-dark: #ff8f70 !default;
$color-foreground-highlight-dark-hc: #ff8f70 !default;
$color-foreground-highlight-future-dark: #00d3f2 !default;
$color-foreground-highlight-future-light: #0092b8 !default;
$color-foreground-highlight-selected-light: #da3b111a !default;
$color-foreground-highlight-selected-light-hc: #8321071a !default;
$color-foreground-highlight-selected-dark: #ff8f701a !default;
$color-foreground-highlight-selected-dark-hc: #ff8f701a !default;
$color-foreground-highlight-selected-future-dark: #00d3f21a !default;
$color-foreground-highlight-selected-future-light: #0092b81a !default;
$color-foreground-highlight-selected-hover-light: #da3b1126 !default;
$color-foreground-highlight-selected-hover-light-hc: #83210726 !default;
$color-foreground-highlight-selected-hover-dark: #ff8f7026 !default;
$color-foreground-highlight-selected-hover-dark-hc: #ff8f7026 !default;
$color-foreground-highlight-selected-hover-future-dark: #00d3f226 !default;
$color-foreground-highlight-selected-hover-future-light: #0092b826 !default;
$color-foreground-link-light: #0067df !default;
$color-foreground-link-light-hc: #00489d !default;
$color-foreground-link-dark: #66adff !default;
$color-foreground-link-dark-hc: #87bfff !default;
$color-foreground-link-future-dark: #00d3f2 !default;
$color-foreground-link-future-light: #007595 !default;
$color-foreground-link-pressed-light: #00489d !default;
$color-foreground-link-pressed-light-hc: #00336f !default;
$color-foreground-link-pressed-dark: #badaff !default;
$color-foreground-link-pressed-dark-hc: #badaff !default;
$color-foreground-link-pressed-future-dark: #53eafd !default;
$color-foreground-link-pressed-future-light: #005f78 !default;
$color-foreground-inv-de-emp-light: #cfd8dd !default;
$color-foreground-inv-de-emp-light-hc: #cfd8dd !default;
$color-foreground-inv-de-emp-dark: #526069 !default;
$color-foreground-inv-de-emp-dark-hc: #374652 !default;
$color-foreground-inv-de-emp-future-dark: #52525c !default;
$color-foreground-inv-de-emp-future-light: #d4d4d8 !default;
$color-primary-light: #0067df !default;
$color-primary-light-hc: #00489d !default;
$color-primary-dark: #66adff !default;
$color-primary-dark-hc: #badaff !default;
$color-primary-future-dark: #00b8db !default;
$color-primary-future-light: #00b8db !default;
$color-primary-lighter-light: #badaff !default;
$color-primary-lighter-light-hc: #badaff !default;
$color-primary-lighter-dark: #00489d !default;
$color-primary-lighter-dark-hc: #00336f !default;
$color-primary-lighter-future-dark: #53eafd !default;
$color-primary-lighter-future-light: #cefafe !default;
$color-primary-darker-light: #00489d !default;
$color-primary-darker-light-hc: #11508d !default;
$color-primary-darker-dark: #badaff !default;
$color-primary-darker-dark-hc: #badaff !default;
$color-primary-darker-future-dark: #0092b8 !default;
$color-primary-darker-future-light: #007595 !default;
$color-primary-hover-light: #0056ba !default;
$color-primary-hover-light-hc: #00336f !default;
$color-primary-hover-dark: #87bfff !default;
$color-primary-hover-dark-hc: #87bfff !default;
$color-primary-hover-future-dark: #00d3f2 !default;
$color-primary-hover-future-light: #0092b8 !default;
$color-primary-focused-light: #0056ba !default;
$color-primary-focused-light-hc: #00336f !default;
$color-primary-focused-dark: #87bfff !default;
$color-primary-focused-dark-hc: #87bfff !default;
$color-primary-focused-future-dark: #00d3f2 !default;
$color-primary-focused-future-light: #0092b8 !default;
$color-primary-pressed-light: #0067df !default;
$color-primary-pressed-light-hc: #00336f !default;
$color-primary-pressed-dark: #66adff !default;
$color-primary-pressed-dark-hc: #66adff !default;
$color-primary-pressed-future-dark: #00b8db !default;
$color-primary-pressed-future-light: #00b8db !default;
$color-secondary-focused-light: #e9f1fa !default;
$color-secondary-focused-light-hc: #e9f1fa !default;
$color-secondary-focused-dark: #374652 !default;
$color-secondary-focused-dark-hc: #273139 !default;
$color-secondary-focused-future-dark: #3f3f46 !default;
$color-secondary-focused-future-light: #cefafe !default;
$color-secondary-pressed-light: #b2d2f3 !default;
$color-secondary-pressed-light-hc: #b2d2f3 !default;
$color-secondary-pressed-dark: #11508d !default;
$color-secondary-pressed-dark-hc: #11508d !default;
$color-secondary-pressed-future-dark: #104e64 !default;
$color-secondary-pressed-future-light: #a2f4fd !default;
$color-chip-default-background-light: #cfd8dd !default;
$color-chip-default-background-light-hc: #cfd8dd !default;
$color-chip-default-background-dark: #526069 !default;
$color-chip-default-background-dark-hc: #526069 !default;
$color-chip-default-background-future-dark: #52525c !default;
$color-chip-default-background-future-light: #d4d4d8 !default;
$color-chip-error-background-light: #fff0f1 !default;
$color-chip-error-background-light-hc: #fff0f1 !default;
$color-chip-error-background-dark: #000000 !default;
$color-chip-error-background-dark-hc: #000000 !default;
$color-chip-error-background-future-dark: #460809 !default;
$color-chip-error-background-future-light: #fff0f1 !default;
$color-chip-warning-background-light: #fff3db !default;
$color-chip-warning-background-light-hc: #fff3db !default;
$color-chip-warning-background-dark: #000000 !default;
$color-chip-warning-background-dark-hc: #000000 !default;
$color-chip-warning-background-future-dark: #461901 !default;
$color-chip-warning-background-future-light: #fef3c6 !default;
$color-chip-info-background-light: #e9f1fa !default;
$color-chip-info-background-light-hc: #e9f1fa !default;
$color-chip-info-background-dark: #000000 !default;
$color-chip-info-background-dark-hc: #000000 !default;
$color-chip-info-background-future-dark: #053345 !default;
$color-chip-info-background-future-light: #cefafe !default;
$color-chip-success-background-light: #eeffe5 !default;
$color-chip-success-background-light-hc: #eeffe5 !default;
$color-chip-success-background-dark: #000000 !default;
$color-chip-success-background-dark-hc: #000000 !default;
$color-chip-success-background-future-dark: #002c22 !default;
$color-chip-success-background-future-light: #d0fae5 !default;
$color-error-icon-light: #cc3d45 !default;
$color-error-icon-light-hc: #a6040a !default;
$color-error-icon-dark: #ff8484 !default;
$color-error-icon-dark-hc: #ffadad !default;
$color-error-icon-future-dark: #ff8484 !default;
$color-error-icon-future-light: #cc3d45 !default;
$color-error-icon-inverse-light: #ff8484 !default;
$color-error-icon-inverse-light-hc: #ff8484 !default;
$color-error-icon-inverse-dark: #cc3d45 !default;
$color-error-icon-inverse-dark-hc: #b6242b !default;
$color-error-icon-inverse-future-dark: #cc3d45 !default;
$color-error-icon-inverse-future-light: #ff8484 !default;
$color-error-text-light: #a6040a !default;
$color-error-text-light-hc: #a6040a !default;
$color-error-text-dark: #ff8484 !default;
$color-error-text-dark-hc: #ffadad !default;
$color-error-text-future-dark: #ff8484 !default;
$color-error-text-future-light: #a6040a !default;
$color-error-background-light: #fff0f1 !default;
$color-error-background-light-hc: #fff0f1 !default;
$color-error-background-dark: #000000 !default;
$color-error-background-dark-hc: #000000 !default;
$color-error-background-future-dark: #460809 !default;
$color-error-background-future-light: #fff0f1 !default;
$color-error-foreground-inverse-light: #ff8484 !default;
$color-error-foreground-inverse-light-hc: #ff8484 !default;
$color-error-foreground-inverse-dark: #cc3d45 !default;
$color-error-foreground-inverse-dark-hc: #b6242b !default;
$color-error-foreground-inverse-future-dark: #cc3d45 !default;
$color-error-foreground-inverse-future-light: #ff8484 !default;
$color-info-foreground-light: #1665b3 !default;
$color-info-foreground-light-hc: #11508d !default;
$color-info-foreground-dark: #42a1ff !default;
$color-info-foreground-dark-hc: #42a1ff !default;
$color-info-foreground-future-dark: #00d3f2 !default;
$color-info-foreground-future-light: #007595 !default;
$color-info-icon-light: #1976d2 !default;
$color-info-icon-light-hc: #11508d !default;
$color-info-icon-dark: #42a1ff !default;
$color-info-icon-dark-hc: #8cc2f8 !default;
$color-info-icon-future-dark: #00d3f2 !default;
$color-info-icon-future-light: #0092b8 !default;
$color-info-icon-inverse-light: #42a1ff !default;
$color-info-icon-inverse-light-hc: #42a1ff !default;
$color-info-icon-inverse-dark: #1976d2 !default;
$color-info-icon-inverse-dark-hc: #0056ba !default;
$color-info-icon-inverse-future-dark: #0092b8 !default;
$color-info-icon-inverse-future-light: #00d3f2 !default;
$color-info-text-light: #1665b3 !default;
$color-info-text-light-hc: #11508d !default;
$color-info-text-dark: #42a1ff !default;
$color-info-text-dark-hc: #42a1ff !default;
$color-info-text-future-dark: #00d3f2 !default;
$color-info-text-future-light: #007595 !default;
$color-info-foreground-inverse-light: #42a1ff !default;
$color-info-foreground-inverse-light-hc: #42a1ff !default;
$color-info-foreground-inverse-dark: #1976d2 !default;
$color-info-foreground-inverse-dark-hc: #1976d2 !default;
$color-info-foreground-inverse-future-dark: #0092b8 !default;
$color-info-foreground-inverse-future-light: #00d3f2 !default;
$color-info-background-light: #e9f1fa !default;
$color-info-background-light-hc: #e9f1fa !default;
$color-info-background-dark: #000000 !default;
$color-info-background-dark-hc: #000000 !default;
$color-info-background-future-dark: #053345 !default;
$color-info-background-future-light: #cefafe !default;
$color-success-icon-light: #038108 !default;
$color-success-icon-light-hc: #005603 !default;
$color-success-icon-dark: #74c94b !default;
$color-success-icon-dark-hc: #74c94b !default;
$color-success-icon-future-dark: #00d492 !default;
$color-success-icon-future-light: #007a55 !default;
$color-success-icon-inverse-light: #74c94b !default;
$color-success-icon-inverse-light-hc: #74c94b !default;
$color-success-icon-inverse-dark: #038108 !default;
$color-success-icon-inverse-dark-hc: #6eb84a !default;
$color-success-icon-inverse-future-dark: #007a55 !default;
$color-success-icon-inverse-future-light: #00d492 !default;
$color-success-text-light: #038108 !default;
$color-success-text-light-hc: #005603 !default;
$color-success-text-dark: #74c94b !default;
$color-success-text-dark-hc: #74c94b !default;
$color-success-text-future-dark: #00d492 !default;
$color-success-text-future-light: #007a55 !default;
$color-success-background-light: #eeffe5 !default;
$color-success-background-light-hc: #eeffe5 !default;
$color-success-background-dark: #000000 !default;
$color-success-background-dark-hc: #000000 !default;
$color-success-background-future-dark: #002c22 !default;
$color-success-background-future-light: #d0fae5 !default;
$color-success-foreground-inverse-light: #74c94b !default;
$color-success-foreground-inverse-light-hc: #74c94b !default;
$color-success-foreground-inverse-dark: #6eb84a !default;
$color-success-foreground-inverse-dark-hc: #6eb84a !default;
$color-success-foreground-inverse-future-dark: #007a55 !default;
$color-success-foreground-inverse-future-light: #00d492 !default;
$color-warning-icon-light: #ffb40e !default;
$color-warning-icon-light-hc: #805a07 !default;
$color-warning-icon-dark: #ffbb27 !default;
$color-warning-icon-dark-hc: #ffbb27 !default;
$color-warning-icon-future-dark: #ffb900 !default;
$color-warning-icon-future-light: #fe9a00 !default;
$color-warning-icon-inverse-light: #ffbb27 !default;
$color-warning-icon-inverse-light-hc: #ffbb27 !default;
$color-warning-icon-inverse-dark: #ffb40e !default;
$color-warning-icon-inverse-dark-hc: #ffb40e !default;
$color-warning-icon-inverse-future-dark: #fe9a00 !default;
$color-warning-icon-inverse-future-light: #ffb900 !default;
$color-warning-text-light: #9e6100 !default;
$color-warning-text-light-hc: #273139 !default;
$color-warning-text-dark: #ffe19e !default;
$color-warning-text-dark-hc: #ffe19e !default;
$color-warning-text-future-dark: #ffb900 !default;
$color-warning-text-future-light: #bb4d00 !default;
$color-warning-background-light: #fff3db !default;
$color-warning-background-light-hc: #fff3db !default;
$color-warning-background-dark: #000000 !default;
$color-warning-background-dark-hc: #000000 !default;
$color-warning-background-future-dark: #461901 !default;
$color-warning-background-future-light: #fef3c6 !default;
$color-warning-foreground-inverse-light: #ffbb27 !default;
$color-warning-foreground-inverse-light-hc: #ffbb27 !default;
$color-warning-foreground-inverse-dark: #ffb40e !default;
$color-warning-foreground-inverse-dark-hc: #ffb40e !default;
$color-warning-foreground-inverse-future-dark: #fe9a00 !default;
$color-warning-foreground-inverse-future-light: #ffb900 !default;
$color-icon-default-light: #526069 !default;
$color-icon-default-light-hc: #374652 !default;
$color-icon-default-dark: #cfd8dd !default;
$color-icon-default-dark-hc: #cfd8dd !default;
$color-icon-default-future-dark: #9f9fa9 !default;
$color-icon-default-future-light: #52525c !default;
$color-icon-inverted-default-light: #cfd8dd !default;
$color-icon-inverted-default-light-hc: #cfd8dd !default;
$color-icon-inverted-default-dark: #526069 !default;
$color-icon-inverted-default-dark-hc: #374652 !default;
$color-icon-inverted-default-future-dark: #52525c !default;
$color-icon-inverted-default-future-light: #d4d4d8 !default;
$color-toggle-off-hover-light: #52606914 !default;
$color-toggle-off-hover-light-hc: #52606914 !default;
$color-toggle-off-hover-dark: #cfd8dd14 !default;
$color-toggle-off-hover-dark-hc: #cfd8dd14 !default;
$color-toggle-off-hover-future-dark: #d4d4d814 !default;
$color-toggle-off-hover-future-light: #52525c14 !default;
$color-toggle-off-focus-light: #52606914 !default;
$color-toggle-off-focus-light-hc: #52606914 !default;
$color-toggle-off-focus-dark: #cfd8dd14 !default;
$color-toggle-off-focus-dark-hc: #cfd8dd14 !default;
$color-toggle-off-focus-future-dark: #d4d4d814 !default;
$color-toggle-off-focus-future-light: #52525c14 !default;
$color-toggle-off-pressed-light: #5260691f !default;
$color-toggle-off-pressed-light-hc: #5260691f !default;
$color-toggle-off-pressed-dark: #cfd8dd1f !default;
$color-toggle-off-pressed-dark-hc: #cfd8dd1f !default;
$color-toggle-off-pressed-future-dark: #d4d4d81f !default;
$color-toggle-off-pressed-future-light: #52525c1f !default;
$color-toggle-on-hover-light: #0067df14 !default;
$color-toggle-on-hover-light-hc: #0067df14 !default;
$color-toggle-on-hover-dark: #66adff14 !default;
$color-toggle-on-hover-dark-hc: #66adff14 !default;
$color-toggle-on-hover-future-dark: #00b8db14 !default;
$color-toggle-on-hover-future-light: #00b8db14 !default;
$color-toggle-on-focus-light: #0067df14 !default;
$color-toggle-on-focus-light-hc: #0067df14 !default;
$color-toggle-on-focus-dark: #66adff14 !default;
$color-toggle-on-focus-dark-hc: #66adff14 !default;
$color-toggle-on-focus-future-dark: #00b8db14 !default;
$color-toggle-on-focus-future-light: #00b8db14 !default;
$color-toggle-on-pressed-light: #0067df1f !default;
$color-toggle-on-pressed-light-hc: #0067df1f !default;
$color-toggle-on-pressed-dark: #66adff1f !default;
$color-toggle-on-pressed-dark-hc: #66adff1f !default;
$color-toggle-on-pressed-future-dark: #00b8db1f !default;
$color-toggle-on-pressed-future-light: #00b8db1f !default;
$color-callout-background-light: #00489d !default;
$color-callout-background-light-hc: #00489d !default;
$color-callout-background-dark: #00489d !default;
$color-callout-background-dark-hc: #00489d !default;
$color-callout-background-future-dark: #007595 !default;
$color-callout-background-future-light: #007595 !default;
$color-warn-light: #b6242b !default;
$color-warn-light-hc: #b6242b !default;
$color-warn-dark: #ff8484 !default;
$color-warn-dark-hc: #ffadad !default;
$color-warn-future-dark: #ff8484 !default;
$color-warn-future-light: #b6242b !default;
$color-warn-darker-light: #a6040a !default;
$color-warn-darker-light-hc: #a6040a !default;
$color-warn-darker-dark: #ffadad !default;
$color-warn-darker-dark-hc: #ffadad !default;
$color-warn-darker-future-dark: #ffadad !default;
$color-warn-darker-future-light: #a6040a !default;
$color-warn-hover-light: #b6242b0a !default;
$color-warn-hover-light-hc: #b6242b0a !default;
$color-warn-hover-dark: #ff84840a !default;
$color-warn-hover-dark-hc: #ff84840a !default;
$color-warn-hover-future-dark: #ff84840a !default;
$color-warn-hover-future-light: #b6242b0a !default;
$color-warn-focus-light: #b6242b1f !default;
$color-warn-focus-light-hc: #b6242b1f !default;
$color-warn-focus-dark: #ff84841f !default;
$color-warn-focus-dark-hc: #ff84841f !default;
$color-warn-focus-future-dark: #ff84841f !default;
$color-warn-focus-future-light: #b6242b1f !default;
$color-warn-pressed-light: #b6242b14 !default;
$color-warn-pressed-light-hc: #b6242b14 !default;
$color-warn-pressed-dark: #ff848414 !default;
$color-warn-pressed-dark-hc: #ff848414 !default;
$color-warn-pressed-future-dark: #ff848414 !default;
$color-warn-pressed-future-light: #b6242b14 !default;
$color-carousel-background-light: #f5f9fe !default;
$color-carousel-background-light-hc: #f5f9fe !default;
$color-carousel-background-dark: #1b2630 !default;
$color-carousel-background-dark-hc: #1b2630 !default;
$color-carousel-background-future-dark: #053345 !default;
$color-carousel-background-future-light: #ecfeff !default;
$color-icon-button-hover-light: #52606914 !default;
$color-icon-button-hover-light-hc: #52606914 !default;
$color-icon-button-hover-dark: #cfd8dd14 !default;
$color-icon-button-hover-dark-hc: #cfd8dd14 !default;
$color-icon-button-hover-future-dark: #d4d4d814 !default;
$color-icon-button-hover-future-light: #52525c14 !default;
$color-icon-button-focus-light: #52606914 !default;
$color-icon-button-focus-light-hc: #52606914 !default;
$color-icon-button-focus-dark: #cfd8dd14 !default;
$color-icon-button-focus-dark-hc: #cfd8dd14 !default;
$color-icon-button-focus-future-dark: #d4d4d814 !default;
$color-icon-button-focus-future-light: #52525c14 !default;
$color-icon-button-pressed-light: #5260691f !default;
$color-icon-button-pressed-light-hc: #5260691f !default;
$color-icon-button-pressed-dark: #cfd8dd1f !default;
$color-icon-button-pressed-dark-hc: #cfd8dd1f !default;
$color-icon-button-pressed-future-dark: #d4d4d81f !default;
$color-icon-button-pressed-future-light: #52525c1f !default;
$color-code-function-light: #b748b6 !default;
$color-code-function-light-hc: #8c338b !default;
$color-code-function-dark: #dc80db !default;
$color-code-function-dark-hc: #dc80db !default;
$color-code-function-future-dark: #a684ff !default;
$color-code-function-future-light: #7f22fe !default;
$color-code-operator-light: #0067df !default;
$color-code-operator-light-hc: #00489d !default;
$color-code-operator-dark: #66adff !default;
$color-code-operator-dark-hc: #66adff !default;
$color-code-operator-future-dark: #00d3f2 !default;
$color-code-operator-future-light: #007595 !default;
$color-code-numeric-light: #1e7f5a !default;
$color-code-numeric-light-hc: #176245 !default;
$color-code-numeric-dark: #6ecdb6 !default;
$color-code-numeric-dark-hc: #6ecdb6 !default;
$color-code-numeric-future-dark: #ffb900 !default;
$color-code-numeric-future-light: #bb4d00 !default;
$color-code-text-light: #d91153 !default;
$color-code-text-light-hc: #a60e3f !default;
$color-code-text-dark: #f25a8c !default;
$color-code-text-dark-hc: #fd7da7 !default;
$color-code-text-future-dark: #00d492 !default;
$color-code-text-future-light: #007a55 !default;
$color-toggle-thumb-off-light: #526069 !default;
$color-toggle-thumb-off-light-hc: #374652 !default;
$color-toggle-thumb-off-dark: #cfd8dd !default;
$color-toggle-thumb-off-dark-hc: #cfd8dd !default;
$color-toggle-thumb-off-future-dark: #d4d4d8 !default;
$color-toggle-thumb-off-future-light: #52525c !default;
$color-toggle-track-off-light: #cfd8dd !default;
$color-toggle-track-off-light-hc: #cfd8dd !default;
$color-toggle-track-off-dark: #526069 !default;
$color-toggle-track-off-dark-hc: #526069 !default;
$color-toggle-track-off-future-dark: #52525c !default;
$color-toggle-track-off-future-light: #d4d4d8 !default;
$color-toggle-thumb-on-light: #0067df !default;
$color-toggle-thumb-on-light-hc: #00489d !default;
$color-toggle-thumb-on-dark: #66adff !default;
$color-toggle-thumb-on-dark-hc: #66adff !default;
$color-toggle-thumb-on-future-dark: #00b8db !default;
$color-toggle-thumb-on-future-light: #00b8db !default;
$color-toggle-track-on-light: #badaff !default;
$color-toggle-track-on-light-hc: #badaff !default;
$color-toggle-track-on-dark: #00489d !default;
$color-toggle-track-on-dark-hc: #00489d !default;
$color-toggle-track-on-future-dark: #005f78 !default;
$color-toggle-track-on-future-light: #a2f4fd !default;
$color-toggle-thumb-off-disabled-light: #cfd8dd !default;
$color-toggle-thumb-off-disabled-light-hc: #cfd8dd !default;
$color-toggle-thumb-off-disabled-dark: #526069 !default;
$color-toggle-thumb-off-disabled-dark-hc: #526069 !default;
$color-toggle-thumb-off-disabled-future-dark: #52525c !default;
$color-toggle-thumb-off-disabled-future-light: #d4d4d8 !default;
$color-toggle-track-off-disabled-light: #ecedee !default;
$color-toggle-track-off-disabled-light-hc: #ecedee !default;
$color-toggle-track-off-disabled-dark: #374652 !default;
$color-toggle-track-off-disabled-dark-hc: #374652 !default;
$color-toggle-track-off-disabled-future-dark: #3f3f46 !default;
$color-toggle-track-off-disabled-future-light: #e4e4e7 !default;
$color-toggle-thumb-on-disabled-light: #0067df47 !default;
$color-toggle-thumb-on-disabled-light-hc: #0067df47 !default;
$color-toggle-thumb-on-disabled-dark: #66adff47 !default;
$color-toggle-thumb-on-disabled-dark-hc: #66adff47 !default;
$color-toggle-thumb-on-disabled-future-dark: #00b8db47 !default;
$color-toggle-thumb-on-disabled-future-light: #00b8db47 !default;
$color-toggle-track-on-disabled-light: #badaff61 !default;
$color-toggle-track-on-disabled-light-hc: #badaff61 !default;
$color-toggle-track-on-disabled-dark: #00489d61 !default;
$color-toggle-track-on-disabled-dark-hc: #00489d61 !default;
$color-toggle-track-on-disabled-future-dark: #005f7861 !default;
$color-toggle-track-on-disabled-future-light: #a2f4fd61 !default;
$color-skeleton-light: #ecedee !default;
$color-skeleton-light-hc: #ecedee !default;
$color-skeleton-dark: #273139 !default;
$color-skeleton-dark-hc: #273139 !default;
$color-skeleton-future-dark: #27272a !default;
$color-skeleton-future-light: #e4e4e7 !default;
$color-skeleton-glow-light: #fbfbfc !default;
$color-skeleton-glow-light-hc: #fbfbfc !default;
$color-skeleton-glow-dark: #525a61 !default;
$color-skeleton-glow-dark-hc: #525a61 !default;
$color-skeleton-glow-future-dark: #52525c !default;
$color-skeleton-glow-future-light: #fafafa !default;
$color-data-grid-hover-light: #f1f2f3 !default;
$color-data-grid-hover-light-hc: #f1f2f3 !default;
$color-data-grid-hover-dark: #272f36 !default;
$color-data-grid-hover-dark-hc: #272f36 !default;
$color-data-grid-hover-future-dark: #27272a !default;
$color-data-grid-hover-future-light: #f4f4f5 !default;
$color-data-grid-pressed-light: #eaeced !default;
$color-data-grid-pressed-light-hc: #eaeced !default;
$color-data-grid-pressed-dark: #2e363d !default;
$color-data-grid-pressed-dark-hc: #2e363d !default;
$color-data-grid-pressed-future-dark: #3f3f46 !default;
$color-data-grid-pressed-future-light: #e4e4e7 !default;
$color-focus-indicator-light: #0067df !default;
$color-focus-indicator-light-hc: #00489d !default;
$color-focus-indicator-dark: #66adff !default;
$color-focus-indicator-dark-hc: #b2d2f3 !default;
$color-focus-indicator-future-dark: #9f9fa9 !default;
$color-focus-indicator-future-light: #52525c !default;
$color-focus-indicator-inverse-light: #66adff !default;
$color-focus-indicator-inverse-light-hc: #badaff !default;
$color-focus-indicator-inverse-dark: #0067df !default;
$color-focus-indicator-inverse-dark-hc: #0067df !default;
$color-focus-indicator-inverse-future-dark: #52525c !default;
$color-focus-indicator-inverse-future-light: #9f9fa9 !default;
$color-chart-purple-light: #933692 !default;
$color-chart-purple-light-hc: #8c338b !default;
$color-chart-purple-dark: #b748b6 !default;
$color-chart-purple-dark-hc: #dc80db !default;
$color-chart-purple-future-dark: #a684ff !default;
$color-chart-purple-future-light: #7f22fe !default;
$color-chart-pink-light: #ed145b !default;
$color-chart-pink-light-hc: #d91153 !default;
$color-chart-pink-dark: #f25a8c !default;
$color-chart-pink-dark-hc: #fd7da7 !default;
$color-chart-pink-future-dark: #ff637e !default;
$color-chart-pink-future-light: #ec003f !default;
$color-chart-blue-secondary-light: #42a1ff !default;
$color-chart-blue-secondary-light-hc: #1976d2 !default;
$color-chart-blue-secondary-dark: #42a1ff !default;
$color-chart-blue-secondary-dark-hc: #8cc2f8 !default;
$color-chart-blue-secondary-future-dark: #00d3f2 !default;
$color-chart-blue-secondary-future-light: #0092b8 !default;
$color-chart-light-blue-light: #38c6f4 !default;
$color-chart-light-blue-light-hc: #278aab !default;
$color-chart-light-blue-dark: #44cffc !default;
$color-chart-light-blue-dark-hc: #44cffc !default;
$color-chart-light-blue-future-dark: #00bcff !default;
$color-chart-light-blue-future-light: #0084d1 !default;
$color-chart-green-light: #6eb84a !default;
$color-chart-green-light-hc: #038108 !default;
$color-chart-green-dark: #74c94b !default;
$color-chart-green-dark-hc: #74c94b !default;
$color-chart-green-future-dark: #00d492 !default;
$color-chart-green-future-light: #009966 !default;
$color-chart-yellow-light: #ffb40e !default;
$color-chart-yellow-light-hc: #9e6100 !default;
$color-chart-yellow-dark: #ffbb27 !default;
$color-chart-yellow-dark-hc: #ffbb27 !default;
$color-chart-yellow-future-dark: #ffb900 !default;
$color-chart-yellow-future-light: #e17100 !default;
$color-gradient-general-start-light: #fafafb !default;
$color-gradient-general-start-light-hc: #fafafb !default;
$color-gradient-general-start-dark: #526069 !default;
$color-gradient-general-start-dark-hc: #526069 !default;
$color-gradient-general-start-future-dark: #526069 !default;
$color-gradient-general-start-future-light: #fafafb !default;
$color-gradient-general-end-light: #ecedef !default;
$color-gradient-general-end-light-hc: #ecedef !default;
$color-gradient-general-end-dark: #323c42 !default;
$color-gradient-general-end-dark-hc: #323c42 !default;
$color-gradient-general-end-future-dark: #323c42 !default;
$color-gradient-general-end-future-light: #ecedef !default;
$color-gradient-agent-start-light: #ffe0ff !default;
$color-gradient-agent-start-light-hc: #ffe0ff !default;
$color-gradient-agent-start-dark: #a280bc !default;
$color-gradient-agent-start-dark-hc: #a280bc !default;
$color-gradient-agent-start-future-dark: #a280bc !default;
$color-gradient-agent-start-future-light: #ffe0ff !default;
$color-gradient-agent-end-light: #cfd9ff !default;
$color-gradient-agent-end-light-hc: #cfd9ff !default;
$color-gradient-agent-end-dark: #577bae !default;
$color-gradient-agent-end-dark-hc: #577bae !default;
$color-gradient-agent-end-future-dark: #577bae !default;
$color-gradient-agent-end-future-light: #cfd9ff !default;
$color-gradient-invoked-start-light: #ddfbf1 !default;
$color-gradient-invoked-start-light-hc: #ddfbf1 !default;
$color-gradient-invoked-start-dark: #51868e !default;
$color-gradient-invoked-start-dark-hc: #51868e !default;
$color-gradient-invoked-start-future-dark: #51868e !default;
$color-gradient-invoked-start-future-light: #ddfbf1 !default;
$color-gradient-invoked-end-light: #daf3ff !default;
$color-gradient-invoked-end-light-hc: #daf3ff !default;
$color-gradient-invoked-end-dark: #35667d !default;
$color-gradient-invoked-end-dark-hc: #35667d !default;
$color-gradient-invoked-end-future-dark: #35667d !default;
$color-gradient-invoked-end-future-light: #daf3ff !default;
$color-gradient-human-start-light: #f6faff !default;
$color-gradient-human-start-light-hc: #f6faff !default;
$color-gradient-human-start-dark: #6885ab !default;
$color-gradient-human-start-dark-hc: #6885ab !default;
$color-gradient-human-start-future-dark: #6885ab !default;
$color-gradient-human-start-future-light: #f6faff !default;
$color-gradient-human-end-light: #d8eeff !default;
$color-gradient-human-end-light-hc: #d8eeff !default;
$color-gradient-human-end-dark: #2b5372 !default;
$color-gradient-human-end-dark-hc: #2b5372 !default;
$color-gradient-human-end-future-dark: #2b5372 !default;
$color-gradient-human-end-future-light: #d8eeff !default;
$color-background-overlay-light: #f4f5f7 !default;
$color-background-overlay-light-hc: #f4f5f7 !default;
$color-background-overlay-dark: #374652 !default;
$color-background-overlay-dark-hc: #374652 !default;
$color-background-overlay-future-dark: #27272a !default;
$color-background-overlay-future-light: #e4e4e7 !default;
$color-foreground-secondary-light: #182027 !default;
$color-foreground-secondary-light-hc: #182027 !default;
$color-foreground-secondary-dark: #f8f9fa !default;
$color-foreground-secondary-dark-hc: #f8f9fa !default;
$color-foreground-secondary-future-dark: #f4f4f5 !default;
$color-foreground-secondary-future-light: #18181b !default;
$color-foreground-hover-light: #526069 !default;
$color-foreground-hover-light-hc: #374652 !default;
$color-foreground-hover-dark: #cfd8dd !default;
$color-foreground-hover-dark-hc: #cfd8dd !default;
$color-foreground-hover-future-dark: #d4d4d8 !default;
$color-foreground-hover-future-light: #52525c !default;
$color-foreground-on-accent-light: #f8f9fa !default;
$color-foreground-on-accent-light-hc: #f8f9fa !default;
$color-foreground-on-accent-dark: #182027 !default;
$color-foreground-on-accent-dark-hc: #182027 !default;
$color-foreground-on-accent-future-dark: #09090b !default;
$color-foreground-on-accent-future-light: #09090b !default;
$color-primary-subtle-light: #badaff !default;
$color-primary-subtle-light-hc: #badaff !default;
$color-primary-subtle-dark: #00489d !default;
$color-primary-subtle-dark-hc: #00336f !default;
$color-primary-subtle-future-dark: #053345 !default;
$color-primary-subtle-future-light: #ecfeff !default;
$color-border-muted-light: #f4f5f7 !default;
$color-border-muted-light-hc: #f4f5f7 !default;
$color-border-muted-dark: #273139 !default;
$color-border-muted-dark-hc: #273139 !default;
$color-border-muted-future-dark: #18181b !default;
$color-border-muted-future-light: #f4f4f5 !default;
$color-border-deep-light: #f4f5f7 !default;
$color-border-deep-light-hc: #f4f5f7 !default;
$color-border-deep-dark: #273139 !default;
$color-border-deep-dark-hc: #273139 !default;
$color-border-deep-future-dark: #09090b !default;
$color-border-deep-future-light: #fafafa !default;
$color-border-inverse-light: #a4b1b8 !default;
$color-border-inverse-light-hc: #6b7882 !default;
$color-border-inverse-dark: #8a97a0 !default;
$color-border-inverse-dark-hc: #bbc7cd !default;
$color-border-inverse-future-dark: #e4e4e7 !default;
$color-border-inverse-future-light: #3f3f46 !default;
$color-border-hover-light: #a4b1b8 !default;
$color-border-hover-light-hc: #6b7882 !default;
$color-border-hover-dark: #8a97a0 !default;
$color-border-hover-dark-hc: #bbc7cd !default;
$color-border-hover-future-dark: #52525c !default;
$color-border-hover-future-light: #9f9fa9 !default;
$color-zinc-50: #fafafa !default; // tailwind zinc-50 (oklch(98.5% 0 0))
$color-zinc-100: #f4f4f5 !default; // tailwind zinc-100 (oklch(96.7% 0.001 286.375))
$color-zinc-200: #e4e4e7 !default; // tailwind zinc-200 (oklch(92% 0.004 286.32))
$color-zinc-300: #d4d4d8 !default; // tailwind zinc-300 (oklch(87.1% 0.006 286.286))
$color-zinc-400: #9f9fa9 !default; // tailwind zinc-400 (oklch(70.5% 0.015 286.067))
$color-zinc-500: #71717b !default; // tailwind zinc-500 (oklch(55.2% 0.016 285.938))
$color-zinc-600: #52525c !default; // tailwind zinc-600 (oklch(44.2% 0.017 285.786))
$color-zinc-700: #3f3f46 !default; // tailwind zinc-700 (oklch(37% 0.013 285.805))
$color-zinc-800: #27272a !default; // tailwind zinc-800 (oklch(27.4% 0.006 286.033))
$color-zinc-900: #18181b !default; // tailwind zinc-900 (oklch(21% 0.006 285.885))
$color-zinc-950: #09090b !default; // tailwind zinc-950 (oklch(14.1% 0.005 285.823))
$color-cyan-50: #ecfeff !default; // tailwind cyan-50 (oklch(98.4% 0.019 200.873))
$color-cyan-100: #cefafe !default; // tailwind cyan-100 (oklch(95.6% 0.045 203.388))
$color-cyan-200: #a2f4fd !default; // tailwind cyan-200 (oklch(91.7% 0.08 205.041))
$color-cyan-300: #53eafd !default; // tailwind cyan-300 (oklch(86.5% 0.127 207.078))
$color-cyan-400: #00d3f2 !default; // tailwind cyan-400 (oklch(78.9% 0.154 211.53))
$color-cyan-500: #00b8db !default; // tailwind cyan-500 (oklch(71.5% 0.143 215.221))
$color-cyan-600: #0092b8 !default; // tailwind cyan-600 (oklch(60.9% 0.126 221.723))
$color-cyan-700: #007595 !default; // tailwind cyan-700 (oklch(52% 0.105 223.128))
$color-cyan-800: #005f78 !default; // tailwind cyan-800 (oklch(45% 0.085 224.283))
$color-cyan-900: #104e64 !default; // tailwind cyan-900 (oklch(39.8% 0.07 227.392))
$color-cyan-950: #053345 !default; // tailwind cyan-950 (oklch(30.2% 0.056 229.695))
$color-emerald-50: #ecfdf5 !default; // tailwind emerald-50 (oklch(97.9% 0.021 166.113))
$color-emerald-100: #d0fae5 !default; // tailwind emerald-100 (oklch(95% 0.052 163.051))
$color-emerald-200: #a4f4cf !default; // tailwind emerald-200 (oklch(90.5% 0.093 164.15))
$color-emerald-300: #5ee9b5 !default; // tailwind emerald-300 (oklch(84.5% 0.143 164.978))
$color-emerald-400: #00d492 !default; // tailwind emerald-400 (oklch(76.5% 0.177 163.223))
$color-emerald-500: #00bc7d !default; // tailwind emerald-500 (oklch(69.6% 0.17 162.48))
$color-emerald-600: #009966 !default; // tailwind emerald-600 (oklch(59.6% 0.145 163.225))
$color-emerald-700: #007a55 !default; // tailwind emerald-700 (oklch(50.8% 0.118 165.612))
$color-emerald-800: #006045 !default; // tailwind emerald-800 (oklch(43.2% 0.095 166.913))
$color-emerald-900: #004f3b !default; // tailwind emerald-900 (oklch(37.8% 0.077 168.94))
$color-emerald-950: #002c22 !default; // tailwind emerald-950 (oklch(26.2% 0.051 172.552))
$color-amber-50: #fffbeb !default; // tailwind amber-50 (oklch(98.7% 0.022 95.277))
$color-amber-100: #fef3c6 !default; // tailwind amber-100 (oklch(96.2% 0.059 95.617))
$color-amber-200: #fee685 !default; // tailwind amber-200 (oklch(92.4% 0.12 95.746))
$color-amber-300: #ffd230 !default; // tailwind amber-300 (oklch(87.9% 0.169 91.605))
$color-amber-400: #ffb900 !default; // tailwind amber-400 (oklch(82.8% 0.189 84.429))
$color-amber-500: #fe9a00 !default; // tailwind amber-500 (oklch(76.9% 0.188 70.08))
$color-amber-600: #e17100 !default; // tailwind amber-600 (oklch(66.6% 0.179 58.318))
$color-amber-700: #bb4d00 !default; // tailwind amber-700 (oklch(55.5% 0.163 48.998))
$color-amber-800: #973c00 !default; // tailwind amber-800 (oklch(47.3% 0.137 46.201))
$color-amber-900: #7b3306 !default; // tailwind amber-900 (oklch(41.4% 0.112 45.904))
$color-amber-950: #461901 !default; // tailwind amber-950 (oklch(27.9% 0.077 45.635))
$color-violet-50: #f5f3ff !default; // tailwind violet-50 (oklch(96.9% 0.016 293.756))
$color-violet-100: #ede9fe !default; // tailwind violet-100 (oklch(94.3% 0.029 294.588))
$color-violet-200: #ddd6ff !default; // tailwind violet-200 (oklch(89.4% 0.057 293.283))
$color-violet-300: #c4b4ff !default; // tailwind violet-300 (oklch(81.1% 0.111 293.571))
$color-violet-400: #a684ff !default; // tailwind violet-400 (oklch(70.2% 0.183 293.541))
$color-violet-500: #8e51ff !default; // tailwind violet-500 (oklch(60.6% 0.25 292.717))
$color-violet-600: #7f22fe !default; // tailwind violet-600 (oklch(54.1% 0.281 293.009))
$color-violet-700: #7008e7 !default; // tailwind violet-700 (oklch(49.1% 0.27 292.581))
$color-violet-800: #5d0ec0 !default; // tailwind violet-800 (oklch(43.2% 0.232 292.759))
$color-violet-900: #4d179a !default; // tailwind violet-900 (oklch(38% 0.189 293.745))
$color-violet-950: #2f0d68 !default; // tailwind violet-950 (oklch(28.3% 0.141 291.089))
$color-rose-50: #fff1f2 !default; // tailwind rose-50 (oklch(96.9% 0.015 12.422))
$color-rose-100: #ffe4e6 !default; // tailwind rose-100 (oklch(94.1% 0.03 12.58))
$color-rose-200: #ffccd3 !default; // tailwind rose-200 (oklch(89.2% 0.058 10.001))
$color-rose-300: #ffa1ad !default; // tailwind rose-300 (oklch(81% 0.117 11.638))
$color-rose-400: #ff637e !default; // tailwind rose-400 (oklch(71.2% 0.194 13.428))
$color-rose-500: #ff2056 !default; // tailwind rose-500 (oklch(64.5% 0.246 16.439))
$color-rose-600: #ec003f !default; // tailwind rose-600 (oklch(58.6% 0.253 17.585))
$color-rose-700: #c70036 !default; // tailwind rose-700 (oklch(51.4% 0.222 16.935))
$color-rose-800: #a50036 !default; // tailwind rose-800 (oklch(45.5% 0.188 13.697))
$color-rose-900: #8b0836 !default; // tailwind rose-900 (oklch(41% 0.159 10.272))
$color-rose-950: #4d0218 !default; // tailwind rose-950 (oklch(27.1% 0.105 12.094))
$color-sky-50: #f0f9ff !default; // tailwind sky-50 (oklch(97.7% 0.013 236.62))
$color-sky-100: #dff2fe !default; // tailwind sky-100 (oklch(95.1% 0.026 236.824))
$color-sky-200: #b8e6fe !default; // tailwind sky-200 (oklch(90.1% 0.058 230.902))
$color-sky-300: #74d4ff !default; // tailwind sky-300 (oklch(82.8% 0.111 230.318))
$color-sky-400: #00bcff !default; // tailwind sky-400 (oklch(74.6% 0.16 232.661))
$color-sky-500: #00a6f4 !default; // tailwind sky-500 (oklch(68.5% 0.169 237.323))
$color-sky-600: #0084d1 !default; // tailwind sky-600 (oklch(58.8% 0.158 241.966))
$color-sky-700: #0069a8 !default; // tailwind sky-700 (oklch(50% 0.134 242.749))
$color-sky-800: #00598a !default; // tailwind sky-800 (oklch(44.3% 0.11 240.79))
$color-sky-900: #024a70 !default; // tailwind sky-900 (oklch(39.1% 0.09 240.876))
$color-sky-950: #052f4a !default; // tailwind sky-950 (oklch(29.3% 0.066 243.157))
$shadow-highlight-light: inset 4px 0px 0px #0067df !default;
$shadow-highlight-light-hc: inset 4px 0px 0px #00489d !default;
$shadow-highlight-dark-hc: inset 4px 0px 0px #dae8fa !default;
$shadow-highlight-dark: inset 4px 0px 0px #66adff !default;
$shadow-dialog-elevation: 0px 5px 10px rgba(0, 0, 0, 0.2), 0px 1px 5px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14) !default;
$shadow-menu-elevation: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.14) !default;
$shadow-dragged-elevation: 0px 2px 4px rgba(0, 0, 0, 0.5) !default;
$shadow-tooltip-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.12) !default;
$shadow-alt-dialog-elevation: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2) !default;
$shadow-card-elevation: 0px 1px 3px rgba(0, 0, 0, 0.1) !default;
$shadow-dp-1: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12) !default;
$shadow-dp-2: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12) !default;
$shadow-dp-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !default;
$shadow-dp-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !default;
$shadow-dp-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !default;
$shadow-dp-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !default;
$shadow-dp-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !default;
$shadow-dp-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default;
$font-normal: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-title: poppins, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-mono: inconsolata, monospace !default;
$font-weight-light: 300 !default;
$font-weight-default: 400 !default;
$font-weight-medium: 500 !default;
$font-weight-semibold: 600 !default;
$font-weight-bold: 700 !default;
$font-micro-size: 8px !default;
$font-micro-line-height: 12px !default;
$font-left-rail-size: 10px !default;
$font-left-rail-line-height: 10px !default;
$font-hero-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-hero-bold-size: 60px !default;
$font-hero-bold-line-height: 72px !default;
$font-hero-bold-weight: 400 !default;
$font-hero-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-hero-size: 60px !default;
$font-hero-line-height: 72px !default;
$font-hero-weight: 300 !default;
$font-header-1-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default; // h1
$font-header-1-bold-size: 36px !default;
$font-header-1-bold-line-height: 44px !default;
$font-header-1-bold-weight: 400 !default;
$font-header-1-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default; // h1
$font-header-1-size: 36px !default;
$font-header-1-line-height: 44px !default;
$font-header-1-weight: 300 !default;
$font-header-2-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default; // h2
$font-header-2-bold-size: 32px !default;
$font-header-2-bold-line-height: 40px !default;
$font-header-2-bold-weight: 400 !default;
$font-header-2-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default; // h2
$font-header-2-size: 32px !default;
$font-header-2-line-height: 40px !default;
$font-header-2-weight: 300 !default;
$font-header-3-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default; // h3
$font-header-3-bold-size: 24px !default;
$font-header-3-bold-line-height: 32px !default;
$font-header-3-bold-weight: 700 !default;
$font-header-3-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default; // h3
$font-header-3-size: 24px !default;
$font-header-3-line-height: 32px !default;
$font-header-3-weight: 300 !default;
$font-header-4-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default; // h4
$font-header-4-bold-size: 20px !default;
$font-header-4-bold-line-height: 24px !default;
$font-header-4-bold-weight: 600 !default;
$font-header-4-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default; // h4
$font-header-4-size: 20px !default;
$font-header-4-line-height: 24px !default;
$font-header-4-weight: 300 !default;
$font-l-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-l-bold-size: 16px !default;
$font-l-bold-line-height: 24px !default;
$font-l-bold-weight: 600 !default;
$font-l-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-l-size: 16px !default;
$font-l-line-height: 24px !default;
$font-l-weight: 400 !default;
$font-m-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-m-bold-size: 14px !default;
$font-m-bold-line-height: 20px !default;
$font-m-bold-weight: 600 !default;
$font-m-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-m-size: 14px !default;
$font-m-line-height: 20px !default;
$font-m-weight: 400 !default;
$font-link-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-link-size: 14px !default;
$font-link-line-height: 20px !default;
$font-link-weight: 600 !default;
$font-s-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-s-bold-size: 12px !default;
$font-s-bold-line-height: 16px !default;
$font-s-bold-weight: 600 !default;
$font-s-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-s-size: 12px !default;
$font-s-line-height: 16px !default;
$font-s-weight: 400 !default;
$font-xs-bold-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-xs-bold-size: 10px !default;
$font-xs-bold-line-height: 16px !default;
$font-xs-bold-weight: 600 !default;
$font-xs-family: noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC",  "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-xs-size: 10px !default;
$font-xs-line-height: 16px !default;
$font-xs-weight: 400 !default;
$font-brand-h-4-family: poppins, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default; // h4
$font-brand-h-4-size: 20px !default;
$font-brand-h-4-line-height: 24px !default;
$font-brand-h-4-letter-spacing: -0.528px !default;
$font-brand-h-4-weight: 600 !default;
$font-brand-l-family: poppins, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-brand-l-size: 16px !default;
$font-brand-l-line-height: 24px !default;
$font-brand-l-weight: 600 !default;
$font-brand-m-family: poppins, noto-sans, "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif !default;
$font-brand-m-size: 14px !default;
$font-brand-m-line-height: 24px !default;
$font-brand-m-weight: 500 !default;
$font-mono-m-bold-family: inconsolata, monospace !default;
$font-mono-m-bold-size: 14px !default;
$font-mono-m-bold-line-height: 20px !default;
$font-mono-m-bold-weight: 700 !default;
$font-mono-m-family: inconsolata, monospace !default;
$font-mono-m-size: 14px !default;
$font-mono-m-line-height: 20px !default;
$font-mono-m-weight: 400 !default;
$font-mono-s-bold-family: inconsolata, monospace !default;
$font-mono-s-bold-size: 12px !default;
$font-mono-s-bold-line-height: 16px !default;
$font-mono-s-bold-weight: 700 !default;
$font-mono-s-family: inconsolata, monospace !default;
$font-mono-s-size: 12px !default;
$font-mono-s-line-height: 16px !default;
$font-mono-s-weight: 400 !default;
$font-mono-xs-bold-family: inconsolata, monospace !default;
$font-mono-xs-bold-size: 10px !default;
$font-mono-xs-bold-line-height: 16px !default;
$font-mono-xs-bold-weight: 700 !default;
$font-mono-xs-family: inconsolata, monospace !default;
$font-mono-xs-size: 10px !default;
$font-mono-xs-line-height: 16px !default;
$font-mono-xs-weight: 400 !default;
$pad-xs: 2px !default;
$pad-s: 4px !default;
$pad-m: 6px !default;
$pad-l: 8px !default;
$pad-xl: 10px !default;
$pad-xxl: 12px !default;
$pad-xxxl: 16px !default;
$icon-xxs: 14px !default;
$icon-xs: 16px !default;
$icon-s: 18px !default;
$icon-m: 24px !default;
$icon-l: 28px !default;
$icon-xl: 32px !default;
$icon-xxl: 48px !default;
$spacing-micro: 4px !default;
$spacing-xs: 8px !default;
$spacing-s: 12px !default;
$spacing-base: 16px !default;
$spacing-m: 20px !default;
$spacing-l: 24px !default;
$spacing-xl: 32px !default;
$spacing-xxl: 40px !default;
$screen-size-xsmall-min: 0px !default;
$screen-size-xsmall-max: 480px !default;
$screen-size-small-min: 480px !default;
$screen-size-small-max: 768px !default;
$screen-size-medium-min: 768px !default;
$screen-size-medium-max: 1024px !default;
$screen-size-large-min: 1024px !default;
$screen-size-large-max: 1280px !default;
$screen-size-xlarge-min: 1280px !default;
$screen-size-xlarge-max: 1600px !default;
$screen-size-wide-min: 1600px !default;
$screen-size-wide-max: 100000px !default;
$stroke-s: 1px !default;
$stroke-m: 2px !default;
$stroke-l: 3px !default;
$stroke-xl: 4px !default;
$border-light: 1px solid #a4b1b8 !default;
$border-light-hc: 1px solid #6b7882 !default;
$border-dark: 1px solid #8a97a0 !default;
$border-dark-hc: 1px solid #bbc7cd !default;
$border-future-dark: 1px solid #3f3f46 !default;
$border-future-light: 1px solid #d4d4d8 !default;
$border-thick-s: 1px !default;
$border-thick-m: 2px !default;
$border-thick-l: 4px !default;
$border-radius-none: 0px !default;
$border-radius-s: 3px !default;
$border-radius-m: 4px !default;
$border-radius-l: 8px !default;

$tokens: (
  'color': (
    'orange': (
      '100': $color-orange-100,
      '200': $color-orange-200,
      '300': $color-orange-300,
      '400': $color-orange-400,
      '500': $color-orange-500,
      '600': $color-orange-600,
      '700': $color-orange-700,
      '800': $color-orange-800,
      '850': $color-orange-850,
      '100-contrast': $color-orange-100-contrast,
      '200-contrast': $color-orange-200-contrast,
      '300-contrast': $color-orange-300-contrast,
      '400-contrast': $color-orange-400-contrast,
      '500-contrast': $color-orange-500-contrast,
      '600-contrast': $color-orange-600-contrast,
      '700-contrast': $color-orange-700-contrast,
      '800-contrast': $color-orange-800-contrast
    ),
    'blue': (
      '100': $color-blue-100,
      '200': $color-blue-200,
      '300': $color-blue-300,
      '400': $color-blue-400,
      '500': $color-blue-500,
      '600': $color-blue-600,
      '700': $color-blue-700,
      '800': $color-blue-800,
      '050': $color-blue-050,
      '050-contrast': $color-blue-050-contrast,
      '100-contrast': $color-blue-100-contrast,
      '200-contrast': $color-blue-200-contrast,
      '300-contrast': $color-blue-300-contrast,
      '400-contrast': $color-blue-400-contrast,
      '500-contrast': $color-blue-500-contrast,
      '600-contrast': $color-blue-600-contrast,
      '700-contrast': $color-blue-700-contrast,
      '800-contrast': $color-blue-800-contrast
    ),
    'blue_secondary': (
      '100': $color-blue-secondary-100,
      '200': $color-blue-secondary-200,
      '300': $color-blue-secondary-300,
      '400': $color-blue-secondary-400,
      '500': $color-blue-secondary-500,
      '600': $color-blue-secondary-600,
      '700': $color-blue-secondary-700,
      '800': $color-blue-secondary-800,
      '100-contrast': $color-blue-secondary-100-contrast,
      '200-contrast': $color-blue-secondary-200-contrast,
      '300-contrast': $color-blue-secondary-300-contrast,
      '400-contrast': $color-blue-secondary-400-contrast,
      '500-contrast': $color-blue-secondary-500-contrast,
      '600-contrast': $color-blue-secondary-600-contrast,
      '700-contrast': $color-blue-secondary-700-contrast,
      '800-contrast': $color-blue-secondary-800-contrast
    ),
    'green': (
      '100': $color-green-100,
      '200': $color-green-200,
      '250': $color-green-250,
      '300': $color-green-300,
      '400': $color-green-400,
      '500': $color-green-500,
      '600': $color-green-600,
      '700': $color-green-700,
      '750': $color-green-750,
      '800': $color-green-800,
      '250-contrast': $color-green-250-contrast,
      '500-contrast': $color-green-500-contrast,
      '750-contrast': $color-green-750-contrast,
      '050-contrast': $color-green-050-contrast,
      '050': $color-green-050,
      'emerald': $color-green-emerald
    ),
    'yellow': (
      '100': $color-yellow-100,
      '200': $color-yellow-200,
      '300': $color-yellow-300,
      '400': $color-yellow-400,
      '500': $color-yellow-500,
      '600': $color-yellow-600,
      '700': $color-yellow-700,
      '750': $color-yellow-750,
      '800': $color-yellow-800,
      '100-contrast': $color-yellow-100-contrast,
      '200-contrast': $color-yellow-200-contrast,
      '300-contrast': $color-yellow-300-contrast,
      '400-contrast': $color-yellow-400-contrast,
      '500-contrast': $color-yellow-500-contrast,
      '600-contrast': $color-yellow-600-contrast,
      '700-contrast': $color-yellow-700-contrast,
      '800-contrast': $color-yellow-800-contrast
    ),
    'red': (
      '100': $color-red-100,
      '200': $color-red-200,
      '300': $color-red-300,
      '400': $color-red-400,
      '500': $color-red-500,
      '600': $color-red-600,
      '700': $color-red-700,
      '800': $color-red-800,
      '950': $color-red-950,
      '100-contrast': $color-red-100-contrast,
      '200-contrast': $color-red-200-contrast,
      '300-contrast': $color-red-300-contrast,
      '400-contrast': $color-red-400-contrast,
      '500-contrast': $color-red-500-contrast,
      '600-contrast': $color-red-600-contrast,
      '700-contrast': $color-red-700-contrast,
      '800-contrast': $color-red-800-contrast
    ),
    'purple': (
      '100': $color-purple-100,
      '200': $color-purple-200,
      '300': $color-purple-300,
      '400': $color-purple-400,
      '500': $color-purple-500,
      '600': $color-purple-600,
      '700': $color-purple-700,
      '800': $color-purple-800,
      '100-contrast': $color-purple-100-contrast,
      '200-contrast': $color-purple-200-contrast,
      '300-contrast': $color-purple-300-contrast,
      '400-contrast': $color-purple-400-contrast,
      '500-contrast': $color-purple-500-contrast,
      '600-contrast': $color-purple-600-contrast,
      '700-contrast': $color-purple-700-contrast,
      '800-contrast': $color-purple-800-contrast
    ),
    'light_blue': (
      '100': $color-light-blue-100,
      '200': $color-light-blue-200,
      '300': $color-light-blue-300,
      '400': $color-light-blue-400,
      '500': $color-light-blue-500,
      '600': $color-light-blue-600,
      '700': $color-light-blue-700,
      '800': $color-light-blue-800,
      '100-contrast': $color-light-blue-100-contrast,
      '200-contrast': $color-light-blue-200-contrast,
      '300-contrast': $color-light-blue-300-contrast,
      '400-contrast': $color-light-blue-400-contrast,
      '500-contrast': $color-light-blue-500-contrast,
      '600-contrast': $color-light-blue-600-contrast,
      '700-contrast': $color-light-blue-700-contrast,
      '800-contrast': $color-light-blue-800-contrast
    ),
    'white': $color-white,
    'black': $color-black,
    'error': (
      '100': $color-error-100,
      '200': $color-error-200,
      '250': $color-error-250,
      '300': $color-error-300,
      '400': $color-error-400,
      '500': $color-error-500,
      '600': $color-error-600,
      '700': $color-error-700,
      '750': $color-error-750,
      '800': $color-error-800,
      '250-contrast': $color-error-250-contrast,
      '500-contrast': $color-error-500-contrast,
      '750-contrast': $color-error-750-contrast,
      '050-contrast': $color-error-050-contrast,
      '050': $color-error-050
    ),
    'warning': (
      '100': $color-warning-100,
      '200': $color-warning-200,
      '300': $color-warning-300,
      '400': $color-warning-400,
      '500': $color-warning-500,
      '600': $color-warning-600,
      '700': $color-warning-700,
      '750': $color-warning-750,
      '800': $color-warning-800,
      '100-contrast': $color-warning-100-contrast,
      '200-contrast': $color-warning-200-contrast,
      '300-contrast': $color-warning-300-contrast,
      '400-contrast': $color-warning-400-contrast,
      '500-contrast': $color-warning-500-contrast,
      '600-contrast': $color-warning-600-contrast,
      '700-contrast': $color-warning-700-contrast,
      '800-contrast': $color-warning-800-contrast
    ),
    'info': (
      '100': $color-info-100,
      '200': $color-info-200,
      '300': $color-info-300,
      '400': $color-info-400,
      '500': $color-info-500,
      '600': $color-info-600,
      '700': $color-info-700,
      '800': $color-info-800,
      '100-contrast': $color-info-100-contrast,
      '200-contrast': $color-info-200-contrast,
      '300-contrast': $color-info-300-contrast,
      '400-contrast': $color-info-400-contrast,
      '500-contrast': $color-info-500-contrast,
      '600-contrast': $color-info-600-contrast,
      '700-contrast': $color-info-700-contrast,
      '800-contrast': $color-info-800-contrast
    ),
    'success': (
      '100': $color-success-100,
      '200': $color-success-200,
      '250': $color-success-250,
      '300': $color-success-300,
      '400': $color-success-400,
      '500': $color-success-500,
      '600': $color-success-600,
      '700': $color-success-700,
      '750': $color-success-750,
      '800': $color-success-800,
      '250-contrast': $color-success-250-contrast,
      '500-contrast': $color-success-500-contrast,
      '750-contrast': $color-success-750-contrast,
      '050-contrast': $color-success-050-contrast,
      '050': $color-success-050
    ),
    'gray': (
      '100': $color-gray-100,
      '150': $color-gray-150,
      '200': $color-gray-200,
      '250': $color-gray-250,
      '300': $color-gray-300,
      '350': $color-gray-350,
      '400': $color-gray-400,
      '450': $color-gray-450,
      '500': $color-gray-500,
      '550': $color-gray-550,
      '600': $color-gray-600,
      '650': $color-gray-650,
      '700': $color-gray-700,
      '750': $color-gray-750,
      '800': $color-gray-800,
      '850': $color-gray-850,
      '100-contrast': $color-gray-100-contrast,
      '150-contrast': $color-gray-150-contrast,
      '200-contrast': $color-gray-200-contrast,
      '250-contrast': $color-gray-250-contrast,
      '300-contrast': $color-gray-300-contrast,
      '350-contrast': $color-gray-350-contrast,
      '400-contrast': $color-gray-400-contrast,
      '450-contrast': $color-gray-450-contrast,
      '500-contrast': $color-gray-500-contrast,
      '550-contrast': $color-gray-550-contrast,
      '600-contrast': $color-gray-600-contrast,
      '650-contrast': $color-gray-650-contrast,
      '700-contrast': $color-gray-700-contrast,
      '750-contrast': $color-gray-750-contrast,
      '800-contrast': $color-gray-800-contrast,
      '850-contrast': $color-gray-850-contrast,
      '050-contrast': $color-gray-050-contrast,
      '050': $color-gray-050
    ),
    'ink': (
      '100': $color-ink-100,
      '150': $color-ink-150,
      '200': $color-ink-200,
      '250': $color-ink-250,
      '300': $color-ink-300,
      '350': $color-ink-350,
      '400': $color-ink-400,
      '450': $color-ink-450,
      '500': $color-ink-500,
      '550': $color-ink-550,
      '600': $color-ink-600,
      '625': $color-ink-625,
      '650': $color-ink-650,
      '700': $color-ink-700,
      '750': $color-ink-750,
      '800': $color-ink-800,
      '850': $color-ink-850,
      '100-contrast': $color-ink-100-contrast,
      '150-contrast': $color-ink-150-contrast,
      '200-contrast': $color-ink-200-contrast,
      '250-contrast': $color-ink-250-contrast,
      '300-contrast': $color-ink-300-contrast,
      '350-contrast': $color-ink-350-contrast,
      '400-contrast': $color-ink-400-contrast,
      '450-contrast': $color-ink-450-contrast,
      '500-contrast': $color-ink-500-contrast,
      '550-contrast': $color-ink-550-contrast,
      '600-contrast': $color-ink-600-contrast,
      '650-contrast': $color-ink-650-contrast,
      '700-contrast': $color-ink-700-contrast,
      '750-contrast': $color-ink-750-contrast,
      '800-contrast': $color-ink-800-contrast,
      '850-contrast': $color-ink-850-contrast,
      '050-contrast': $color-ink-050-contrast,
      '050': $color-ink-050
    ),
    'pink': (
      '100': $color-pink-100,
      '200': $color-pink-200,
      '300': $color-pink-300,
      '400': $color-pink-400,
      '500': $color-pink-500,
      '600': $color-pink-600,
      '700': $color-pink-700,
      '800': $color-pink-800
    ),
    'gradient': (
      '1L': $color-gradient-1-l,
      '1L-end': $color-gradient-1-l-end,
      '1D': $color-gradient-1-d,
      '1D-end': $color-gradient-1-d-end,
      '2L': $color-gradient-2-l,
      '2L-end': $color-gradient-2-l-end,
      '2D': $color-gradient-2-d,
      '2D-end': $color-gradient-2-d-end,
      '3L': $color-gradient-3-l,
      '3L-end': $color-gradient-3-l-end,
      '3D': $color-gradient-3-d,
      '3D-end': $color-gradient-3-d-end,
      '4L': $color-gradient-4-l,
      '4L-end': $color-gradient-4-l-end,
      '4D': $color-gradient-4-d,
      '4D-end': $color-gradient-4-d-end
    ),
    'brand': (
      'primary': $color-brand-primary,
      'secondary': $color-brand-secondary,
      'neutral_white': $color-brand-neutral-white,
      'neutral_black': $color-brand-neutral-black,
      'neutral_dark_gray': $color-brand-neutral-dark-gray,
      'neutral_pale_gray': $color-brand-neutral-pale-gray,
      'neutral_light_gray': $color-brand-neutral-light-gray,
      'accessory_red': $color-brand-accessory-red,
      'accessory_yellow': $color-brand-accessory-yellow,
      'accessory_purple': $color-brand-accessory-purple,
      'accessory_light_blue': $color-brand-accessory-light-blue
    ),
    'background': (
      'light': $color-background-light,
      'light-hc': $color-background-light-hc,
      'dark': $color-background-dark,
      'dark-hc': $color-background-dark-hc,
      'future-dark': $color-background-future-dark,
      'future-light': $color-background-future-light
    ),
    'backgroundSecondary': (
      'light': $color-background-secondary-light,
      'light-hc': $color-background-secondary-light-hc,
      'dark': $color-background-secondary-dark,
      'dark-hc': $color-background-secondary-dark-hc,
      'future-dark': $color-background-secondary-future-dark,
      'future-light': $color-background-secondary-future-light
    ),
    'backgroundInverse': (
      'light': $color-background-inverse-light,
      'light-hc': $color-background-inverse-light-hc,
      'dark': $color-background-inverse-dark,
      'dark-hc': $color-background-inverse-dark-hc,
      'future-dark': $color-background-inverse-future-dark,
      'future-light': $color-background-inverse-future-light
    ),
    'backgroundGray': (
      'light': $color-background-gray-light,
      'light-hc': $color-background-gray-light-hc,
      'dark': $color-background-gray-dark,
      'dark-hc': $color-background-gray-dark-hc,
      'future-dark': $color-background-gray-future-dark,
      'future-light': $color-background-gray-future-light
    ),
    'backgroundDisabled': (
      'light': $color-background-disabled-light,
      'light-hc': $color-background-disabled-light-hc,
      'dark': $color-background-disabled-dark,
      'dark-hc': $color-background-disabled-dark-hc,
      'future-dark': $color-background-disabled-future-dark,
      'future-light': $color-background-disabled-future-light
    ),
    'backgroundHighlight': (
      'light': $color-background-highlight-light,
      'light-hc': $color-background-highlight-light-hc,
      'dark': $color-background-highlight-dark,
      'dark-hc': $color-background-highlight-dark-hc,
      'future-dark': $color-background-highlight-future-dark,
      'future-light': $color-background-highlight-future-light
    ),
    'backgroundRaised': (
      'light': $color-background-raised-light,
      'light-hc': $color-background-raised-light-hc,
      'dark': $color-background-raised-dark,
      'dark-hc': $color-background-raised-dark-hc,
      'future-dark': $color-background-raised-future-dark,
      'future-light': $color-background-raised-future-light
    ),
    'backgroundEdit': (
      'light': $color-background-edit-light,
      'light-hc': $color-background-edit-light-hc,
      'dark': $color-background-edit-dark,
      'dark-hc': $color-background-edit-dark-hc,
      'future-dark': $color-background-edit-future-dark,
      'future-light': $color-background-edit-future-light
    ),
    'backgroundGrayEmp': (
      'light': $color-background-gray-emp-light,
      'light-hc': $color-background-gray-emp-light-hc,
      'dark': $color-background-gray-emp-dark,
      'dark-hc': $color-background-gray-emp-dark-hc,
      'future-dark': $color-background-gray-emp-future-dark,
      'future-light': $color-background-gray-emp-future-light
    ),
    'backgroundHover': (
      'light': $color-background-hover-light,
      'light-hc': $color-background-hover-light-hc,
      'dark': $color-background-hover-dark,
      'dark-hc': $color-background-hover-dark-hc,
      'future-dark': $color-background-hover-future-dark,
      'future-light': $color-background-hover-future-light
    ),
    'backgroundPressed': (
      'light': $color-background-pressed-light,
      'light-hc': $color-background-pressed-light-hc,
      'dark': $color-background-pressed-dark,
      'dark-hc': $color-background-pressed-dark-hc,
      'future-dark': $color-background-pressed-future-dark,
      'future-light': $color-background-pressed-future-light
    ),
    'backgroundSelected': (
      'light': $color-background-selected-light,
      'light-hc': $color-background-selected-light-hc,
      'dark': $color-background-selected-dark,
      'dark-hc': $color-background-selected-dark-hc,
      'future-dark': $color-background-selected-future-dark,
      'future-light': $color-background-selected-future-light
    ),
    'selectionIndicator': (
      'light': $color-selection-indicator-light,
      'light-hc': $color-selection-indicator-light-hc,
      'dark': $color-selection-indicator-dark,
      'dark-hc': $color-selection-indicator-dark-hc,
      'future-dark': $color-selection-indicator-future-dark,
      'future-light': $color-selection-indicator-future-light
    ),
    'notificationBadge': (
      'light': $color-notification-badge-light,
      'light-hc': $color-notification-badge-light-hc,
      'dark': $color-notification-badge-dark,
      'dark-hc': $color-notification-badge-dark-hc,
      'future-dark': $color-notification-badge-future-dark,
      'future-light': $color-notification-badge-future-light
    ),
    'notificationIndicator': (
      'light': $color-notification-indicator-light,
      'light-hc': $color-notification-indicator-light-hc,
      'dark': $color-notification-indicator-dark,
      'dark-hc': $color-notification-indicator-dark-hc,
      'future-dark': $color-notification-indicator-future-dark,
      'future-light': $color-notification-indicator-future-light
    ),
    'hover': (
      'light': $color-hover-light,
      'light-hc': $color-hover-light-hc,
      'dark': $color-hover-dark,
      'dark-hc': $color-hover-dark-hc,
      'future-dark': $color-hover-future-dark,
      'future-light': $color-hover-future-light
    ),
    'curtain': (
      'light': $color-curtain-light,
      'light-hc': $color-curtain-light-hc,
      'dark': $color-curtain-dark,
      'dark-hc': $color-curtain-dark-hc,
      'future-dark': $color-curtain-future-dark,
      'future-light': $color-curtain-future-light
    ),
    'border': (
      'light': $color-border-light,
      'light-hc': $color-border-light-hc,
      'dark': $color-border-dark,
      'dark-hc': $color-border-dark-hc,
      'future-dark': $color-border-future-dark,
      'future-light': $color-border-future-light
    ),
    'borderDisabled': (
      'light': $color-border-disabled-light,
      'light-hc': $color-border-disabled-light-hc,
      'dark': $color-border-disabled-dark,
      'dark-hc': $color-border-disabled-dark-hc,
      'future-dark': $color-border-disabled-future-dark,
      'future-light': $color-border-disabled-future-light
    ),
    'borderGrid': (
      'light': $color-border-grid-light,
      'light-hc': $color-border-grid-light-hc,
      'dark': $color-border-grid-dark,
      'dark-hc': $color-border-grid-dark-hc,
      'future-dark': $color-border-grid-future-dark,
      'future-light': $color-border-grid-future-light
    ),
    'borderDeEmp': (
      'light': $color-border-de-emp-light,
      'light-hc': $color-border-de-emp-light-hc,
      'dark': $color-border-de-emp-dark,
      'dark-hc': $color-border-de-emp-dark-hc,
      'future-dark': $color-border-de-emp-future-dark,
      'future-light': $color-border-de-emp-future-light
    ),
    'selection': (
      'light': $color-selection-light,
      'light-hc': $color-selection-light-hc,
      'dark': $color-selection-dark,
      'dark-hc': $color-selection-dark-hc,
      'future-dark': $color-selection-future-dark,
      'future-light': $color-selection-future-light
    ),
    'logo': (
      'light': $color-logo-light,
      'light-hc': $color-logo-light-hc,
      'dark': $color-logo-dark,
      'dark-hc': $color-logo-dark-hc,
      'future-dark': $color-logo-future-dark,
      'future-light': $color-logo-future-light
    ),
    'foreground': (
      'light': $color-foreground-light,
      'light-hc': $color-foreground-light-hc,
      'dark': $color-foreground-dark,
      'dark-hc': $color-foreground-dark-hc,
      'future-dark': $color-foreground-future-dark,
      'future-light': $color-foreground-future-light
    ),
    'foregroundLight': (
      'light': $color-foreground-light-light,
      'light-hc': $color-foreground-light-light-hc,
      'dark': $color-foreground-light-dark,
      'dark-hc': $color-foreground-light-dark-hc,
      'future-dark': $color-foreground-light-future-dark,
      'future-light': $color-foreground-light-future-light
    ),
    'foregroundEmp': (
      'light': $color-foreground-emp-light,
      'light-hc': $color-foreground-emp-light-hc,
      'dark': $color-foreground-emp-dark,
      'dark-hc': $color-foreground-emp-dark-hc,
      'future-dark': $color-foreground-emp-future-dark,
      'future-light': $color-foreground-emp-future-light
    ),
    'foregroundDeEmp': (
      'light': $color-foreground-de-emp-light,
      'light-hc': $color-foreground-de-emp-light-hc,
      'dark': $color-foreground-de-emp-dark,
      'dark-hc': $color-foreground-de-emp-dark-hc,
      'future-dark': $color-foreground-de-emp-future-dark,
      'future-light': $color-foreground-de-emp-future-light
    ),
    'foregroundDisable': (
      'light': $color-foreground-disable-light,
      'light-hc': $color-foreground-disable-light-hc,
      'dark': $color-foreground-disable-dark,
      'dark-hc': $color-foreground-disable-dark-hc,
      'future-dark': $color-foreground-disable-future-dark,
      'future-light': $color-foreground-disable-future-light
    ),
    'foregroundInverse': (
      'light': $color-foreground-inverse-light,
      'light-hc': $color-foreground-inverse-light-hc,
      'dark': $color-foreground-inverse-dark,
      'dark-hc': $color-foreground-inverse-dark-hc,
      'future-dark': $color-foreground-inverse-future-dark,
      'future-light': $color-foreground-inverse-future-light
    ),
    'foregroundHighlight': (
      'light': $color-foreground-highlight-light,
      'light-hc': $color-foreground-highlight-light-hc,
      'dark': $color-foreground-highlight-dark,
      'dark-hc': $color-foreground-highlight-dark-hc,
      'future-dark': $color-foreground-highlight-future-dark,
      'future-light': $color-foreground-highlight-future-light
    ),
    'foregroundHighlightSelected': (
      'light': $color-foreground-highlight-selected-light,
      'light-hc': $color-foreground-highlight-selected-light-hc,
      'dark': $color-foreground-highlight-selected-dark,
      'dark-hc': $color-foreground-highlight-selected-dark-hc,
      'future-dark': $color-foreground-highlight-selected-future-dark,
      'future-light': $color-foreground-highlight-selected-future-light
    ),
    'foregroundHighlightSelectedHover': (
      'light': $color-foreground-highlight-selected-hover-light,
      'light-hc': $color-foreground-highlight-selected-hover-light-hc,
      'dark': $color-foreground-highlight-selected-hover-dark,
      'dark-hc': $color-foreground-highlight-selected-hover-dark-hc,
      'future-dark': $color-foreground-highlight-selected-hover-future-dark,
      'future-light': $color-foreground-highlight-selected-hover-future-light
    ),
    'foregroundLink': (
      'light': $color-foreground-link-light,
      'light-hc': $color-foreground-link-light-hc,
      'dark': $color-foreground-link-dark,
      'dark-hc': $color-foreground-link-dark-hc,
      'future-dark': $color-foreground-link-future-dark,
      'future-light': $color-foreground-link-future-light
    ),
    'foregroundLinkPressed': (
      'light': $color-foreground-link-pressed-light,
      'light-hc': $color-foreground-link-pressed-light-hc,
      'dark': $color-foreground-link-pressed-dark,
      'dark-hc': $color-foreground-link-pressed-dark-hc,
      'future-dark': $color-foreground-link-pressed-future-dark,
      'future-light': $color-foreground-link-pressed-future-light
    ),
    'foregroundInvDeEmp': (
      'light': $color-foreground-inv-de-emp-light,
      'light-hc': $color-foreground-inv-de-emp-light-hc,
      'dark': $color-foreground-inv-de-emp-dark,
      'dark-hc': $color-foreground-inv-de-emp-dark-hc,
      'future-dark': $color-foreground-inv-de-emp-future-dark,
      'future-light': $color-foreground-inv-de-emp-future-light
    ),
    'primary': (
      'light': $color-primary-light,
      'light-hc': $color-primary-light-hc,
      'dark': $color-primary-dark,
      'dark-hc': $color-primary-dark-hc,
      'future-dark': $color-primary-future-dark,
      'future-light': $color-primary-future-light
    ),
    'primaryLighter': (
      'light': $color-primary-lighter-light,
      'light-hc': $color-primary-lighter-light-hc,
      'dark': $color-primary-lighter-dark,
      'dark-hc': $color-primary-lighter-dark-hc,
      'future-dark': $color-primary-lighter-future-dark,
      'future-light': $color-primary-lighter-future-light
    ),
    'primaryDarker': (
      'light': $color-primary-darker-light,
      'light-hc': $color-primary-darker-light-hc,
      'dark': $color-primary-darker-dark,
      'dark-hc': $color-primary-darker-dark-hc,
      'future-dark': $color-primary-darker-future-dark,
      'future-light': $color-primary-darker-future-light
    ),
    'primaryHover': (
      'light': $color-primary-hover-light,
      'light-hc': $color-primary-hover-light-hc,
      'dark': $color-primary-hover-dark,
      'dark-hc': $color-primary-hover-dark-hc,
      'future-dark': $color-primary-hover-future-dark,
      'future-light': $color-primary-hover-future-light
    ),
    'primaryFocused': (
      'light': $color-primary-focused-light,
      'light-hc': $color-primary-focused-light-hc,
      'dark': $color-primary-focused-dark,
      'dark-hc': $color-primary-focused-dark-hc,
      'future-dark': $color-primary-focused-future-dark,
      'future-light': $color-primary-focused-future-light
    ),
    'primaryPressed': (
      'light': $color-primary-pressed-light,
      'light-hc': $color-primary-pressed-light-hc,
      'dark': $color-primary-pressed-dark,
      'dark-hc': $color-primary-pressed-dark-hc,
      'future-dark': $color-primary-pressed-future-dark,
      'future-light': $color-primary-pressed-future-light
    ),
    'secondaryFocused': (
      'light': $color-secondary-focused-light,
      'light-hc': $color-secondary-focused-light-hc,
      'dark': $color-secondary-focused-dark,
      'dark-hc': $color-secondary-focused-dark-hc,
      'future-dark': $color-secondary-focused-future-dark,
      'future-light': $color-secondary-focused-future-light
    ),
    'secondaryPressed': (
      'light': $color-secondary-pressed-light,
      'light-hc': $color-secondary-pressed-light-hc,
      'dark': $color-secondary-pressed-dark,
      'dark-hc': $color-secondary-pressed-dark-hc,
      'future-dark': $color-secondary-pressed-future-dark,
      'future-light': $color-secondary-pressed-future-light
    ),
    'chipDefaultBackground': (
      'light': $color-chip-default-background-light,
      'light-hc': $color-chip-default-background-light-hc,
      'dark': $color-chip-default-background-dark,
      'dark-hc': $color-chip-default-background-dark-hc,
      'future-dark': $color-chip-default-background-future-dark,
      'future-light': $color-chip-default-background-future-light
    ),
    'chipErrorBackground': (
      'light': $color-chip-error-background-light,
      'light-hc': $color-chip-error-background-light-hc,
      'dark': $color-chip-error-background-dark,
      'dark-hc': $color-chip-error-background-dark-hc,
      'future-dark': $color-chip-error-background-future-dark,
      'future-light': $color-chip-error-background-future-light
    ),
    'chipWarningBackground': (
      'light': $color-chip-warning-background-light,
      'light-hc': $color-chip-warning-background-light-hc,
      'dark': $color-chip-warning-background-dark,
      'dark-hc': $color-chip-warning-background-dark-hc,
      'future-dark': $color-chip-warning-background-future-dark,
      'future-light': $color-chip-warning-background-future-light
    ),
    'chipInfoBackground': (
      'light': $color-chip-info-background-light,
      'light-hc': $color-chip-info-background-light-hc,
      'dark': $color-chip-info-background-dark,
      'dark-hc': $color-chip-info-background-dark-hc,
      'future-dark': $color-chip-info-background-future-dark,
      'future-light': $color-chip-info-background-future-light
    ),
    'chipSuccessBackground': (
      'light': $color-chip-success-background-light,
      'light-hc': $color-chip-success-background-light-hc,
      'dark': $color-chip-success-background-dark,
      'dark-hc': $color-chip-success-background-dark-hc,
      'future-dark': $color-chip-success-background-future-dark,
      'future-light': $color-chip-success-background-future-light
    ),
    'errorIcon': (
      'light': $color-error-icon-light,
      'light-hc': $color-error-icon-light-hc,
      'dark': $color-error-icon-dark,
      'dark-hc': $color-error-icon-dark-hc,
      'future-dark': $color-error-icon-future-dark,
      'future-light': $color-error-icon-future-light
    ),
    'errorIconInverse': (
      'light': $color-error-icon-inverse-light,
      'light-hc': $color-error-icon-inverse-light-hc,
      'dark': $color-error-icon-inverse-dark,
      'dark-hc': $color-error-icon-inverse-dark-hc,
      'future-dark': $color-error-icon-inverse-future-dark,
      'future-light': $color-error-icon-inverse-future-light
    ),
    'errorText': (
      'light': $color-error-text-light,
      'light-hc': $color-error-text-light-hc,
      'dark': $color-error-text-dark,
      'dark-hc': $color-error-text-dark-hc,
      'future-dark': $color-error-text-future-dark,
      'future-light': $color-error-text-future-light
    ),
    'errorBackground': (
      'light': $color-error-background-light,
      'light-hc': $color-error-background-light-hc,
      'dark': $color-error-background-dark,
      'dark-hc': $color-error-background-dark-hc,
      'future-dark': $color-error-background-future-dark,
      'future-light': $color-error-background-future-light
    ),
    'errorForegroundInverse': (
      'light': $color-error-foreground-inverse-light,
      'light-hc': $color-error-foreground-inverse-light-hc,
      'dark': $color-error-foreground-inverse-dark,
      'dark-hc': $color-error-foreground-inverse-dark-hc,
      'future-dark': $color-error-foreground-inverse-future-dark,
      'future-light': $color-error-foreground-inverse-future-light
    ),
    'infoForeground': (
      'light': $color-info-foreground-light,
      'light-hc': $color-info-foreground-light-hc,
      'dark': $color-info-foreground-dark,
      'dark-hc': $color-info-foreground-dark-hc,
      'future-dark': $color-info-foreground-future-dark,
      'future-light': $color-info-foreground-future-light
    ),
    'infoIcon': (
      'light': $color-info-icon-light,
      'light-hc': $color-info-icon-light-hc,
      'dark': $color-info-icon-dark,
      'dark-hc': $color-info-icon-dark-hc,
      'future-dark': $color-info-icon-future-dark,
      'future-light': $color-info-icon-future-light
    ),
    'infoIconInverse': (
      'light': $color-info-icon-inverse-light,
      'light-hc': $color-info-icon-inverse-light-hc,
      'dark': $color-info-icon-inverse-dark,
      'dark-hc': $color-info-icon-inverse-dark-hc,
      'future-dark': $color-info-icon-inverse-future-dark,
      'future-light': $color-info-icon-inverse-future-light
    ),
    'infoText': (
      'light': $color-info-text-light,
      'light-hc': $color-info-text-light-hc,
      'dark': $color-info-text-dark,
      'dark-hc': $color-info-text-dark-hc,
      'future-dark': $color-info-text-future-dark,
      'future-light': $color-info-text-future-light
    ),
    'infoForegroundInverse': (
      'light': $color-info-foreground-inverse-light,
      'light-hc': $color-info-foreground-inverse-light-hc,
      'dark': $color-info-foreground-inverse-dark,
      'dark-hc': $color-info-foreground-inverse-dark-hc,
      'future-dark': $color-info-foreground-inverse-future-dark,
      'future-light': $color-info-foreground-inverse-future-light
    ),
    'infoBackground': (
      'light': $color-info-background-light,
      'light-hc': $color-info-background-light-hc,
      'dark': $color-info-background-dark,
      'dark-hc': $color-info-background-dark-hc,
      'future-dark': $color-info-background-future-dark,
      'future-light': $color-info-background-future-light
    ),
    'successIcon': (
      'light': $color-success-icon-light,
      'light-hc': $color-success-icon-light-hc,
      'dark': $color-success-icon-dark,
      'dark-hc': $color-success-icon-dark-hc,
      'future-dark': $color-success-icon-future-dark,
      'future-light': $color-success-icon-future-light
    ),
    'successIconInverse': (
      'light': $color-success-icon-inverse-light,
      'light-hc': $color-success-icon-inverse-light-hc,
      'dark': $color-success-icon-inverse-dark,
      'dark-hc': $color-success-icon-inverse-dark-hc,
      'future-dark': $color-success-icon-inverse-future-dark,
      'future-light': $color-success-icon-inverse-future-light
    ),
    'successText': (
      'light': $color-success-text-light,
      'light-hc': $color-success-text-light-hc,
      'dark': $color-success-text-dark,
      'dark-hc': $color-success-text-dark-hc,
      'future-dark': $color-success-text-future-dark,
      'future-light': $color-success-text-future-light
    ),
    'successBackground': (
      'light': $color-success-background-light,
      'light-hc': $color-success-background-light-hc,
      'dark': $color-success-background-dark,
      'dark-hc': $color-success-background-dark-hc,
      'future-dark': $color-success-background-future-dark,
      'future-light': $color-success-background-future-light
    ),
    'successForegroundInverse': (
      'light': $color-success-foreground-inverse-light,
      'light-hc': $color-success-foreground-inverse-light-hc,
      'dark': $color-success-foreground-inverse-dark,
      'dark-hc': $color-success-foreground-inverse-dark-hc,
      'future-dark': $color-success-foreground-inverse-future-dark,
      'future-light': $color-success-foreground-inverse-future-light
    ),
    'warningIcon': (
      'light': $color-warning-icon-light,
      'light-hc': $color-warning-icon-light-hc,
      'dark': $color-warning-icon-dark,
      'dark-hc': $color-warning-icon-dark-hc,
      'future-dark': $color-warning-icon-future-dark,
      'future-light': $color-warning-icon-future-light
    ),
    'warningIconInverse': (
      'light': $color-warning-icon-inverse-light,
      'light-hc': $color-warning-icon-inverse-light-hc,
      'dark': $color-warning-icon-inverse-dark,
      'dark-hc': $color-warning-icon-inverse-dark-hc,
      'future-dark': $color-warning-icon-inverse-future-dark,
      'future-light': $color-warning-icon-inverse-future-light
    ),
    'warningText': (
      'light': $color-warning-text-light,
      'light-hc': $color-warning-text-light-hc,
      'dark': $color-warning-text-dark,
      'dark-hc': $color-warning-text-dark-hc,
      'future-dark': $color-warning-text-future-dark,
      'future-light': $color-warning-text-future-light
    ),
    'warningBackground': (
      'light': $color-warning-background-light,
      'light-hc': $color-warning-background-light-hc,
      'dark': $color-warning-background-dark,
      'dark-hc': $color-warning-background-dark-hc,
      'future-dark': $color-warning-background-future-dark,
      'future-light': $color-warning-background-future-light
    ),
    'warningForegroundInverse': (
      'light': $color-warning-foreground-inverse-light,
      'light-hc': $color-warning-foreground-inverse-light-hc,
      'dark': $color-warning-foreground-inverse-dark,
      'dark-hc': $color-warning-foreground-inverse-dark-hc,
      'future-dark': $color-warning-foreground-inverse-future-dark,
      'future-light': $color-warning-foreground-inverse-future-light
    ),
    'iconDefault': (
      'light': $color-icon-default-light,
      'light-hc': $color-icon-default-light-hc,
      'dark': $color-icon-default-dark,
      'dark-hc': $color-icon-default-dark-hc,
      'future-dark': $color-icon-default-future-dark,
      'future-light': $color-icon-default-future-light
    ),
    'iconInvertedDefault': (
      'light': $color-icon-inverted-default-light,
      'light-hc': $color-icon-inverted-default-light-hc,
      'dark': $color-icon-inverted-default-dark,
      'dark-hc': $color-icon-inverted-default-dark-hc,
      'future-dark': $color-icon-inverted-default-future-dark,
      'future-light': $color-icon-inverted-default-future-light
    ),
    'toggleOffHover': (
      'light': $color-toggle-off-hover-light,
      'light-hc': $color-toggle-off-hover-light-hc,
      'dark': $color-toggle-off-hover-dark,
      'dark-hc': $color-toggle-off-hover-dark-hc,
      'future-dark': $color-toggle-off-hover-future-dark,
      'future-light': $color-toggle-off-hover-future-light
    ),
    'toggleOffFocus': (
      'light': $color-toggle-off-focus-light,
      'light-hc': $color-toggle-off-focus-light-hc,
      'dark': $color-toggle-off-focus-dark,
      'dark-hc': $color-toggle-off-focus-dark-hc,
      'future-dark': $color-toggle-off-focus-future-dark,
      'future-light': $color-toggle-off-focus-future-light
    ),
    'toggleOffPressed': (
      'light': $color-toggle-off-pressed-light,
      'light-hc': $color-toggle-off-pressed-light-hc,
      'dark': $color-toggle-off-pressed-dark,
      'dark-hc': $color-toggle-off-pressed-dark-hc,
      'future-dark': $color-toggle-off-pressed-future-dark,
      'future-light': $color-toggle-off-pressed-future-light
    ),
    'toggleOnHover': (
      'light': $color-toggle-on-hover-light,
      'light-hc': $color-toggle-on-hover-light-hc,
      'dark': $color-toggle-on-hover-dark,
      'dark-hc': $color-toggle-on-hover-dark-hc,
      'future-dark': $color-toggle-on-hover-future-dark,
      'future-light': $color-toggle-on-hover-future-light
    ),
    'toggleOnFocus': (
      'light': $color-toggle-on-focus-light,
      'light-hc': $color-toggle-on-focus-light-hc,
      'dark': $color-toggle-on-focus-dark,
      'dark-hc': $color-toggle-on-focus-dark-hc,
      'future-dark': $color-toggle-on-focus-future-dark,
      'future-light': $color-toggle-on-focus-future-light
    ),
    'toggleOnPressed': (
      'light': $color-toggle-on-pressed-light,
      'light-hc': $color-toggle-on-pressed-light-hc,
      'dark': $color-toggle-on-pressed-dark,
      'dark-hc': $color-toggle-on-pressed-dark-hc,
      'future-dark': $color-toggle-on-pressed-future-dark,
      'future-light': $color-toggle-on-pressed-future-light
    ),
    'calloutBackground': (
      'light': $color-callout-background-light,
      'light-hc': $color-callout-background-light-hc,
      'dark': $color-callout-background-dark,
      'dark-hc': $color-callout-background-dark-hc,
      'future-dark': $color-callout-background-future-dark,
      'future-light': $color-callout-background-future-light
    ),
    'warn': (
      'light': $color-warn-light,
      'light-hc': $color-warn-light-hc,
      'dark': $color-warn-dark,
      'dark-hc': $color-warn-dark-hc,
      'future-dark': $color-warn-future-dark,
      'future-light': $color-warn-future-light
    ),
    'warnDarker': (
      'light': $color-warn-darker-light,
      'light-hc': $color-warn-darker-light-hc,
      'dark': $color-warn-darker-dark,
      'dark-hc': $color-warn-darker-dark-hc,
      'future-dark': $color-warn-darker-future-dark,
      'future-light': $color-warn-darker-future-light
    ),
    'warnHover': (
      'light': $color-warn-hover-light,
      'light-hc': $color-warn-hover-light-hc,
      'dark': $color-warn-hover-dark,
      'dark-hc': $color-warn-hover-dark-hc,
      'future-dark': $color-warn-hover-future-dark,
      'future-light': $color-warn-hover-future-light
    ),
    'warnFocus': (
      'light': $color-warn-focus-light,
      'light-hc': $color-warn-focus-light-hc,
      'dark': $color-warn-focus-dark,
      'dark-hc': $color-warn-focus-dark-hc,
      'future-dark': $color-warn-focus-future-dark,
      'future-light': $color-warn-focus-future-light
    ),
    'warnPressed': (
      'light': $color-warn-pressed-light,
      'light-hc': $color-warn-pressed-light-hc,
      'dark': $color-warn-pressed-dark,
      'dark-hc': $color-warn-pressed-dark-hc,
      'future-dark': $color-warn-pressed-future-dark,
      'future-light': $color-warn-pressed-future-light
    ),
    'carouselBackground': (
      'light': $color-carousel-background-light,
      'light-hc': $color-carousel-background-light-hc,
      'dark': $color-carousel-background-dark,
      'dark-hc': $color-carousel-background-dark-hc,
      'future-dark': $color-carousel-background-future-dark,
      'future-light': $color-carousel-background-future-light
    ),
    'iconButtonHover': (
      'light': $color-icon-button-hover-light,
      'light-hc': $color-icon-button-hover-light-hc,
      'dark': $color-icon-button-hover-dark,
      'dark-hc': $color-icon-button-hover-dark-hc,
      'future-dark': $color-icon-button-hover-future-dark,
      'future-light': $color-icon-button-hover-future-light
    ),
    'iconButtonFocus': (
      'light': $color-icon-button-focus-light,
      'light-hc': $color-icon-button-focus-light-hc,
      'dark': $color-icon-button-focus-dark,
      'dark-hc': $color-icon-button-focus-dark-hc,
      'future-dark': $color-icon-button-focus-future-dark,
      'future-light': $color-icon-button-focus-future-light
    ),
    'iconButtonPressed': (
      'light': $color-icon-button-pressed-light,
      'light-hc': $color-icon-button-pressed-light-hc,
      'dark': $color-icon-button-pressed-dark,
      'dark-hc': $color-icon-button-pressed-dark-hc,
      'future-dark': $color-icon-button-pressed-future-dark,
      'future-light': $color-icon-button-pressed-future-light
    ),
    'codeFunction': (
      'light': $color-code-function-light,
      'light-hc': $color-code-function-light-hc,
      'dark': $color-code-function-dark,
      'dark-hc': $color-code-function-dark-hc,
      'future-dark': $color-code-function-future-dark,
      'future-light': $color-code-function-future-light
    ),
    'codeOperator': (
      'light': $color-code-operator-light,
      'light-hc': $color-code-operator-light-hc,
      'dark': $color-code-operator-dark,
      'dark-hc': $color-code-operator-dark-hc,
      'future-dark': $color-code-operator-future-dark,
      'future-light': $color-code-operator-future-light
    ),
    'codeNumeric': (
      'light': $color-code-numeric-light,
      'light-hc': $color-code-numeric-light-hc,
      'dark': $color-code-numeric-dark,
      'dark-hc': $color-code-numeric-dark-hc,
      'future-dark': $color-code-numeric-future-dark,
      'future-light': $color-code-numeric-future-light
    ),
    'codeText': (
      'light': $color-code-text-light,
      'light-hc': $color-code-text-light-hc,
      'dark': $color-code-text-dark,
      'dark-hc': $color-code-text-dark-hc,
      'future-dark': $color-code-text-future-dark,
      'future-light': $color-code-text-future-light
    ),
    'toggleThumbOff': (
      'light': $color-toggle-thumb-off-light,
      'light-hc': $color-toggle-thumb-off-light-hc,
      'dark': $color-toggle-thumb-off-dark,
      'dark-hc': $color-toggle-thumb-off-dark-hc,
      'future-dark': $color-toggle-thumb-off-future-dark,
      'future-light': $color-toggle-thumb-off-future-light
    ),
    'toggleTrackOff': (
      'light': $color-toggle-track-off-light,
      'light-hc': $color-toggle-track-off-light-hc,
      'dark': $color-toggle-track-off-dark,
      'dark-hc': $color-toggle-track-off-dark-hc,
      'future-dark': $color-toggle-track-off-future-dark,
      'future-light': $color-toggle-track-off-future-light
    ),
    'toggleThumbOn': (
      'light': $color-toggle-thumb-on-light,
      'light-hc': $color-toggle-thumb-on-light-hc,
      'dark': $color-toggle-thumb-on-dark,
      'dark-hc': $color-toggle-thumb-on-dark-hc,
      'future-dark': $color-toggle-thumb-on-future-dark,
      'future-light': $color-toggle-thumb-on-future-light
    ),
    'toggleTrackOn': (
      'light': $color-toggle-track-on-light,
      'light-hc': $color-toggle-track-on-light-hc,
      'dark': $color-toggle-track-on-dark,
      'dark-hc': $color-toggle-track-on-dark-hc,
      'future-dark': $color-toggle-track-on-future-dark,
      'future-light': $color-toggle-track-on-future-light
    ),
    'toggleThumbOffDisabled': (
      'light': $color-toggle-thumb-off-disabled-light,
      'light-hc': $color-toggle-thumb-off-disabled-light-hc,
      'dark': $color-toggle-thumb-off-disabled-dark,
      'dark-hc': $color-toggle-thumb-off-disabled-dark-hc,
      'future-dark': $color-toggle-thumb-off-disabled-future-dark,
      'future-light': $color-toggle-thumb-off-disabled-future-light
    ),
    'toggleTrackOffDisabled': (
      'light': $color-toggle-track-off-disabled-light,
      'light-hc': $color-toggle-track-off-disabled-light-hc,
      'dark': $color-toggle-track-off-disabled-dark,
      'dark-hc': $color-toggle-track-off-disabled-dark-hc,
      'future-dark': $color-toggle-track-off-disabled-future-dark,
      'future-light': $color-toggle-track-off-disabled-future-light
    ),
    'toggleThumbOnDisabled': (
      'light': $color-toggle-thumb-on-disabled-light,
      'light-hc': $color-toggle-thumb-on-disabled-light-hc,
      'dark': $color-toggle-thumb-on-disabled-dark,
      'dark-hc': $color-toggle-thumb-on-disabled-dark-hc,
      'future-dark': $color-toggle-thumb-on-disabled-future-dark,
      'future-light': $color-toggle-thumb-on-disabled-future-light
    ),
    'toggleTrackOnDisabled': (
      'light': $color-toggle-track-on-disabled-light,
      'light-hc': $color-toggle-track-on-disabled-light-hc,
      'dark': $color-toggle-track-on-disabled-dark,
      'dark-hc': $color-toggle-track-on-disabled-dark-hc,
      'future-dark': $color-toggle-track-on-disabled-future-dark,
      'future-light': $color-toggle-track-on-disabled-future-light
    ),
    'skeleton': (
      'light': $color-skeleton-light,
      'light-hc': $color-skeleton-light-hc,
      'dark': $color-skeleton-dark,
      'dark-hc': $color-skeleton-dark-hc,
      'future-dark': $color-skeleton-future-dark,
      'future-light': $color-skeleton-future-light
    ),
    'skeletonGlow': (
      'light': $color-skeleton-glow-light,
      'light-hc': $color-skeleton-glow-light-hc,
      'dark': $color-skeleton-glow-dark,
      'dark-hc': $color-skeleton-glow-dark-hc,
      'future-dark': $color-skeleton-glow-future-dark,
      'future-light': $color-skeleton-glow-future-light
    ),
    'dataGridHover': (
      'light': $color-data-grid-hover-light,
      'light-hc': $color-data-grid-hover-light-hc,
      'dark': $color-data-grid-hover-dark,
      'dark-hc': $color-data-grid-hover-dark-hc,
      'future-dark': $color-data-grid-hover-future-dark,
      'future-light': $color-data-grid-hover-future-light
    ),
    'dataGridPressed': (
      'light': $color-data-grid-pressed-light,
      'light-hc': $color-data-grid-pressed-light-hc,
      'dark': $color-data-grid-pressed-dark,
      'dark-hc': $color-data-grid-pressed-dark-hc,
      'future-dark': $color-data-grid-pressed-future-dark,
      'future-light': $color-data-grid-pressed-future-light
    ),
    'focusIndicator': (
      'light': $color-focus-indicator-light,
      'light-hc': $color-focus-indicator-light-hc,
      'dark': $color-focus-indicator-dark,
      'dark-hc': $color-focus-indicator-dark-hc,
      'future-dark': $color-focus-indicator-future-dark,
      'future-light': $color-focus-indicator-future-light
    ),
    'focusIndicatorInverse': (
      'light': $color-focus-indicator-inverse-light,
      'light-hc': $color-focus-indicator-inverse-light-hc,
      'dark': $color-focus-indicator-inverse-dark,
      'dark-hc': $color-focus-indicator-inverse-dark-hc,
      'future-dark': $color-focus-indicator-inverse-future-dark,
      'future-light': $color-focus-indicator-inverse-future-light
    ),
    'chartPurple': (
      'light': $color-chart-purple-light,
      'light-hc': $color-chart-purple-light-hc,
      'dark': $color-chart-purple-dark,
      'dark-hc': $color-chart-purple-dark-hc,
      'future-dark': $color-chart-purple-future-dark,
      'future-light': $color-chart-purple-future-light
    ),
    'chartPink': (
      'light': $color-chart-pink-light,
      'light-hc': $color-chart-pink-light-hc,
      'dark': $color-chart-pink-dark,
      'dark-hc': $color-chart-pink-dark-hc,
      'future-dark': $color-chart-pink-future-dark,
      'future-light': $color-chart-pink-future-light
    ),
    'chartBlueSecondary': (
      'light': $color-chart-blue-secondary-light,
      'light-hc': $color-chart-blue-secondary-light-hc,
      'dark': $color-chart-blue-secondary-dark,
      'dark-hc': $color-chart-blue-secondary-dark-hc,
      'future-dark': $color-chart-blue-secondary-future-dark,
      'future-light': $color-chart-blue-secondary-future-light
    ),
    'chartLightBlue': (
      'light': $color-chart-light-blue-light,
      'light-hc': $color-chart-light-blue-light-hc,
      'dark': $color-chart-light-blue-dark,
      'dark-hc': $color-chart-light-blue-dark-hc,
      'future-dark': $color-chart-light-blue-future-dark,
      'future-light': $color-chart-light-blue-future-light
    ),
    'chartGreen': (
      'light': $color-chart-green-light,
      'light-hc': $color-chart-green-light-hc,
      'dark': $color-chart-green-dark,
      'dark-hc': $color-chart-green-dark-hc,
      'future-dark': $color-chart-green-future-dark,
      'future-light': $color-chart-green-future-light
    ),
    'chartYellow': (
      'light': $color-chart-yellow-light,
      'light-hc': $color-chart-yellow-light-hc,
      'dark': $color-chart-yellow-dark,
      'dark-hc': $color-chart-yellow-dark-hc,
      'future-dark': $color-chart-yellow-future-dark,
      'future-light': $color-chart-yellow-future-light
    ),
    'gradientGeneralStart': (
      'light': $color-gradient-general-start-light,
      'light-hc': $color-gradient-general-start-light-hc,
      'dark': $color-gradient-general-start-dark,
      'dark-hc': $color-gradient-general-start-dark-hc,
      'future-dark': $color-gradient-general-start-future-dark,
      'future-light': $color-gradient-general-start-future-light
    ),
    'gradientGeneralEnd': (
      'light': $color-gradient-general-end-light,
      'light-hc': $color-gradient-general-end-light-hc,
      'dark': $color-gradient-general-end-dark,
      'dark-hc': $color-gradient-general-end-dark-hc,
      'future-dark': $color-gradient-general-end-future-dark,
      'future-light': $color-gradient-general-end-future-light
    ),
    'gradientAgentStart': (
      'light': $color-gradient-agent-start-light,
      'light-hc': $color-gradient-agent-start-light-hc,
      'dark': $color-gradient-agent-start-dark,
      'dark-hc': $color-gradient-agent-start-dark-hc,
      'future-dark': $color-gradient-agent-start-future-dark,
      'future-light': $color-gradient-agent-start-future-light
    ),
    'gradientAgentEnd': (
      'light': $color-gradient-agent-end-light,
      'light-hc': $color-gradient-agent-end-light-hc,
      'dark': $color-gradient-agent-end-dark,
      'dark-hc': $color-gradient-agent-end-dark-hc,
      'future-dark': $color-gradient-agent-end-future-dark,
      'future-light': $color-gradient-agent-end-future-light
    ),
    'gradientInvokedStart': (
      'light': $color-gradient-invoked-start-light,
      'light-hc': $color-gradient-invoked-start-light-hc,
      'dark': $color-gradient-invoked-start-dark,
      'dark-hc': $color-gradient-invoked-start-dark-hc,
      'future-dark': $color-gradient-invoked-start-future-dark,
      'future-light': $color-gradient-invoked-start-future-light
    ),
    'gradientInvokedEnd': (
      'light': $color-gradient-invoked-end-light,
      'light-hc': $color-gradient-invoked-end-light-hc,
      'dark': $color-gradient-invoked-end-dark,
      'dark-hc': $color-gradient-invoked-end-dark-hc,
      'future-dark': $color-gradient-invoked-end-future-dark,
      'future-light': $color-gradient-invoked-end-future-light
    ),
    'gradientHumanStart': (
      'light': $color-gradient-human-start-light,
      'light-hc': $color-gradient-human-start-light-hc,
      'dark': $color-gradient-human-start-dark,
      'dark-hc': $color-gradient-human-start-dark-hc,
      'future-dark': $color-gradient-human-start-future-dark,
      'future-light': $color-gradient-human-start-future-light
    ),
    'gradientHumanEnd': (
      'light': $color-gradient-human-end-light,
      'light-hc': $color-gradient-human-end-light-hc,
      'dark': $color-gradient-human-end-dark,
      'dark-hc': $color-gradient-human-end-dark-hc,
      'future-dark': $color-gradient-human-end-future-dark,
      'future-light': $color-gradient-human-end-future-light
    ),
    'backgroundOverlay': (
      'light': $color-background-overlay-light,
      'light-hc': $color-background-overlay-light-hc,
      'dark': $color-background-overlay-dark,
      'dark-hc': $color-background-overlay-dark-hc,
      'future-dark': $color-background-overlay-future-dark,
      'future-light': $color-background-overlay-future-light
    ),
    'foregroundSecondary': (
      'light': $color-foreground-secondary-light,
      'light-hc': $color-foreground-secondary-light-hc,
      'dark': $color-foreground-secondary-dark,
      'dark-hc': $color-foreground-secondary-dark-hc,
      'future-dark': $color-foreground-secondary-future-dark,
      'future-light': $color-foreground-secondary-future-light
    ),
    'foregroundHover': (
      'light': $color-foreground-hover-light,
      'light-hc': $color-foreground-hover-light-hc,
      'dark': $color-foreground-hover-dark,
      'dark-hc': $color-foreground-hover-dark-hc,
      'future-dark': $color-foreground-hover-future-dark,
      'future-light': $color-foreground-hover-future-light
    ),
    'foregroundOnAccent': (
      'light': $color-foreground-on-accent-light,
      'light-hc': $color-foreground-on-accent-light-hc,
      'dark': $color-foreground-on-accent-dark,
      'dark-hc': $color-foreground-on-accent-dark-hc,
      'future-dark': $color-foreground-on-accent-future-dark,
      'future-light': $color-foreground-on-accent-future-light
    ),
    'primarySubtle': (
      'light': $color-primary-subtle-light,
      'light-hc': $color-primary-subtle-light-hc,
      'dark': $color-primary-subtle-dark,
      'dark-hc': $color-primary-subtle-dark-hc,
      'future-dark': $color-primary-subtle-future-dark,
      'future-light': $color-primary-subtle-future-light
    ),
    'borderMuted': (
      'light': $color-border-muted-light,
      'light-hc': $color-border-muted-light-hc,
      'dark': $color-border-muted-dark,
      'dark-hc': $color-border-muted-dark-hc,
      'future-dark': $color-border-muted-future-dark,
      'future-light': $color-border-muted-future-light
    ),
    'borderDeep': (
      'light': $color-border-deep-light,
      'light-hc': $color-border-deep-light-hc,
      'dark': $color-border-deep-dark,
      'dark-hc': $color-border-deep-dark-hc,
      'future-dark': $color-border-deep-future-dark,
      'future-light': $color-border-deep-future-light
    ),
    'borderInverse': (
      'light': $color-border-inverse-light,
      'light-hc': $color-border-inverse-light-hc,
      'dark': $color-border-inverse-dark,
      'dark-hc': $color-border-inverse-dark-hc,
      'future-dark': $color-border-inverse-future-dark,
      'future-light': $color-border-inverse-future-light
    ),
    'borderHover': (
      'light': $color-border-hover-light,
      'light-hc': $color-border-hover-light-hc,
      'dark': $color-border-hover-dark,
      'dark-hc': $color-border-hover-dark-hc,
      'future-dark': $color-border-hover-future-dark,
      'future-light': $color-border-hover-future-light
    ),
    'zinc': (
      '50': $color-zinc-50,
      '100': $color-zinc-100,
      '200': $color-zinc-200,
      '300': $color-zinc-300,
      '400': $color-zinc-400,
      '500': $color-zinc-500,
      '600': $color-zinc-600,
      '700': $color-zinc-700,
      '800': $color-zinc-800,
      '900': $color-zinc-900,
      '950': $color-zinc-950
    ),
    'cyan': (
      '50': $color-cyan-50,
      '100': $color-cyan-100,
      '200': $color-cyan-200,
      '300': $color-cyan-300,
      '400': $color-cyan-400,
      '500': $color-cyan-500,
      '600': $color-cyan-600,
      '700': $color-cyan-700,
      '800': $color-cyan-800,
      '900': $color-cyan-900,
      '950': $color-cyan-950
    ),
    'emerald': (
      '50': $color-emerald-50,
      '100': $color-emerald-100,
      '200': $color-emerald-200,
      '300': $color-emerald-300,
      '400': $color-emerald-400,
      '500': $color-emerald-500,
      '600': $color-emerald-600,
      '700': $color-emerald-700,
      '800': $color-emerald-800,
      '900': $color-emerald-900,
      '950': $color-emerald-950
    ),
    'amber': (
      '50': $color-amber-50,
      '100': $color-amber-100,
      '200': $color-amber-200,
      '300': $color-amber-300,
      '400': $color-amber-400,
      '500': $color-amber-500,
      '600': $color-amber-600,
      '700': $color-amber-700,
      '800': $color-amber-800,
      '900': $color-amber-900,
      '950': $color-amber-950
    ),
    'violet': (
      '50': $color-violet-50,
      '100': $color-violet-100,
      '200': $color-violet-200,
      '300': $color-violet-300,
      '400': $color-violet-400,
      '500': $color-violet-500,
      '600': $color-violet-600,
      '700': $color-violet-700,
      '800': $color-violet-800,
      '900': $color-violet-900,
      '950': $color-violet-950
    ),
    'rose': (
      '50': $color-rose-50,
      '100': $color-rose-100,
      '200': $color-rose-200,
      '300': $color-rose-300,
      '400': $color-rose-400,
      '500': $color-rose-500,
      '600': $color-rose-600,
      '700': $color-rose-700,
      '800': $color-rose-800,
      '900': $color-rose-900,
      '950': $color-rose-950
    ),
    'sky': (
      '50': $color-sky-50,
      '100': $color-sky-100,
      '200': $color-sky-200,
      '300': $color-sky-300,
      '400': $color-sky-400,
      '500': $color-sky-500,
      '600': $color-sky-600,
      '700': $color-sky-700,
      '800': $color-sky-800,
      '900': $color-sky-900,
      '950': $color-sky-950
    )
  ),
  'shadow': (
    'highlight-light': $shadow-highlight-light,
    'highlight-light-hc': $shadow-highlight-light-hc,
    'highlight-dark-hc': $shadow-highlight-dark-hc,
    'highlight-dark': $shadow-highlight-dark,
    'dialog-elevation': $shadow-dialog-elevation,
    'menu-elevation': $shadow-menu-elevation,
    'dragged-elevation': $shadow-dragged-elevation,
    'tooltip-elevation': $shadow-tooltip-elevation,
    'alt-dialog-elevation': $shadow-alt-dialog-elevation,
    'card-elevation': $shadow-card-elevation,
    'dp1': $shadow-dp-1,
    'dp2': $shadow-dp-2,
    'dp4': $shadow-dp-4,
    'dp6': $shadow-dp-6,
    'dp8': $shadow-dp-8,
    'dp12': $shadow-dp-12,
    'dp16': $shadow-dp-16,
    'dp24': $shadow-dp-24
  ),
  'font': (
    'normal': $font-normal,
    'title': $font-title,
    'mono': $font-mono,
    'weight': (
      'light': $font-weight-light,
      'default': $font-weight-default,
      'medium': $font-weight-medium,
      'semibold': $font-weight-semibold,
      'bold': $font-weight-bold
    ),
    'micro': (
      'size': $font-micro-size,
      'line_height': $font-micro-line-height
    ),
    'left-rail': (
      'size': $font-left-rail-size,
      'line_height': $font-left-rail-line-height
    ),
    'heroBold': (
      'family': $font-hero-bold-family,
      'size': $font-hero-bold-size,
      'line_height': $font-hero-bold-line-height,
      'weight': $font-hero-bold-weight
    ),
    'hero': (
      'family': $font-hero-family,
      'size': $font-hero-size,
      'line_height': $font-hero-line-height,
      'weight': $font-hero-weight
    ),
    'header1Bold': (
      'family': $font-header-1-bold-family,
      'size': $font-header-1-bold-size,
      'line_height': $font-header-1-bold-line-height,
      'weight': $font-header-1-bold-weight
    ),
    'header1': (
      'family': $font-header-1-family,
      'size': $font-header-1-size,
      'line_height': $font-header-1-line-height,
      'weight': $font-header-1-weight
    ),
    'header2Bold': (
      'family': $font-header-2-bold-family,
      'size': $font-header-2-bold-size,
      'line_height': $font-header-2-bold-line-height,
      'weight': $font-header-2-bold-weight
    ),
    'header2': (
      'family': $font-header-2-family,
      'size': $font-header-2-size,
      'line_height': $font-header-2-line-height,
      'weight': $font-header-2-weight
    ),
    'header3Bold': (
      'family': $font-header-3-bold-family,
      'size': $font-header-3-bold-size,
      'line_height': $font-header-3-bold-line-height,
      'weight': $font-header-3-bold-weight
    ),
    'header3': (
      'family': $font-header-3-family,
      'size': $font-header-3-size,
      'line_height': $font-header-3-line-height,
      'weight': $font-header-3-weight
    ),
    'header4Bold': (
      'family': $font-header-4-bold-family,
      'size': $font-header-4-bold-size,
      'line_height': $font-header-4-bold-line-height,
      'weight': $font-header-4-bold-weight
    ),
    'header4': (
      'family': $font-header-4-family,
      'size': $font-header-4-size,
      'line_height': $font-header-4-line-height,
      'weight': $font-header-4-weight
    ),
    'lBold': (
      'family': $font-l-bold-family,
      'size': $font-l-bold-size,
      'line_height': $font-l-bold-line-height,
      'weight': $font-l-bold-weight
    ),
    'l': (
      'family': $font-l-family,
      'size': $font-l-size,
      'line_height': $font-l-line-height,
      'weight': $font-l-weight
    ),
    'mBold': (
      'family': $font-m-bold-family,
      'size': $font-m-bold-size,
      'line_height': $font-m-bold-line-height,
      'weight': $font-m-bold-weight
    ),
    'm': (
      'family': $font-m-family,
      'size': $font-m-size,
      'line_height': $font-m-line-height,
      'weight': $font-m-weight
    ),
    'link': (
      'family': $font-link-family,
      'size': $font-link-size,
      'line_height': $font-link-line-height,
      'weight': $font-link-weight
    ),
    'sBold': (
      'family': $font-s-bold-family,
      'size': $font-s-bold-size,
      'line_height': $font-s-bold-line-height,
      'weight': $font-s-bold-weight
    ),
    's': (
      'family': $font-s-family,
      'size': $font-s-size,
      'line_height': $font-s-line-height,
      'weight': $font-s-weight
    ),
    'xsBold': (
      'family': $font-xs-bold-family,
      'size': $font-xs-bold-size,
      'line_height': $font-xs-bold-line-height,
      'weight': $font-xs-bold-weight
    ),
    'xs': (
      'family': $font-xs-family,
      'size': $font-xs-size,
      'line_height': $font-xs-line-height,
      'weight': $font-xs-weight
    ),
    'brandH4': (
      'family': $font-brand-h-4-family,
      'size': $font-brand-h-4-size,
      'line_height': $font-brand-h-4-line-height,
      'letter_spacing': $font-brand-h-4-letter-spacing,
      'weight': $font-brand-h-4-weight
    ),
    'brandL': (
      'family': $font-brand-l-family,
      'size': $font-brand-l-size,
      'line_height': $font-brand-l-line-height,
      'weight': $font-brand-l-weight
    ),
    'brandM': (
      'family': $font-brand-m-family,
      'size': $font-brand-m-size,
      'line_height': $font-brand-m-line-height,
      'weight': $font-brand-m-weight
    ),
    'monoMBold': (
      'family': $font-mono-m-bold-family,
      'size': $font-mono-m-bold-size,
      'line_height': $font-mono-m-bold-line-height,
      'weight': $font-mono-m-bold-weight
    ),
    'monoM': (
      'family': $font-mono-m-family,
      'size': $font-mono-m-size,
      'line_height': $font-mono-m-line-height,
      'weight': $font-mono-m-weight
    ),
    'monoSBold': (
      'family': $font-mono-s-bold-family,
      'size': $font-mono-s-bold-size,
      'line_height': $font-mono-s-bold-line-height,
      'weight': $font-mono-s-bold-weight
    ),
    'monoS': (
      'family': $font-mono-s-family,
      'size': $font-mono-s-size,
      'line_height': $font-mono-s-line-height,
      'weight': $font-mono-s-weight
    ),
    'monoXSBold': (
      'family': $font-mono-xs-bold-family,
      'size': $font-mono-xs-bold-size,
      'line_height': $font-mono-xs-bold-line-height,
      'weight': $font-mono-xs-bold-weight
    ),
    'monoXS': (
      'family': $font-mono-xs-family,
      'size': $font-mono-xs-size,
      'line_height': $font-mono-xs-line-height,
      'weight': $font-mono-xs-weight
    )
  ),
  'pad': (
    'xs': $pad-xs,
    's': $pad-s,
    'm': $pad-m,
    'l': $pad-l,
    'xl': $pad-xl,
    'xxl': $pad-xxl,
    'xxxl': $pad-xxxl
  ),
  'icon': (
    'xxs': $icon-xxs,
    'xs': $icon-xs,
    's': $icon-s,
    'm': $icon-m,
    'l': $icon-l,
    'xl': $icon-xl,
    'xxl': $icon-xxl
  ),
  'spacing': (
    'micro': $spacing-micro,
    'xs': $spacing-xs,
    's': $spacing-s,
    'base': $spacing-base,
    'm': $spacing-m,
    'l': $spacing-l,
    'xl': $spacing-xl,
    'xxl': $spacing-xxl
  ),
  'screen': (
    'size': (
      'xsmall': (
        'min': $screen-size-xsmall-min,
        'max': $screen-size-xsmall-max
      ),
      'small': (
        'min': $screen-size-small-min,
        'max': $screen-size-small-max
      ),
      'medium': (
        'min': $screen-size-medium-min,
        'max': $screen-size-medium-max
      ),
      'large': (
        'min': $screen-size-large-min,
        'max': $screen-size-large-max
      ),
      'xlarge': (
        'min': $screen-size-xlarge-min,
        'max': $screen-size-xlarge-max
      ),
      'wide': (
        'min': $screen-size-wide-min,
        'max': $screen-size-wide-max
      )
    )
  ),
  'stroke': (
    's': $stroke-s,
    'm': $stroke-m,
    'l': $stroke-l,
    'xl': $stroke-xl
  ),
  'border': (
    'light': $border-light,
    'light-hc': $border-light-hc,
    'dark': $border-dark,
    'dark-hc': $border-dark-hc,
    'future-dark': $border-future-dark,
    'future-light': $border-future-light,
    'thick': (
      's': $border-thick-s,
      'm': $border-thick-m,
      'l': $border-thick-l
    ),
    'radius': (
      'none': $border-radius-none,
      's': $border-radius-s,
      'm': $border-radius-m,
      'l': $border-radius-l
    )
  )
);
