@salutejs/sdds-themes 0.63.0-next-sbcom.0 → 0.63.0

package/es/tokens/sdds_finai/index.js

@@ -61,8 +61,6 @@ export var textPrimary = 'var(--text-primary, #F2F5F8F5)';
 export var textPrimaryBrightness = 'var(--text-primary-brightness, #F3F6F8FF)';
 /** Сплошной наборный текст */
 export var textParagraph = 'var(--text-paragraph, #F2F5F8CC)';
-/** Акцентный цвет */
-export var textAccent = 'var(--text-accent, #199AF0)';
 /** Акцентный минорный цвет */
 export var textAccentMinor = 'var(--text-accent-minor, #0D5382)';
 /** Цвет успеха */
@@ -85,6 +83,8 @@ export var textInfoMinor = 'var(--text-info-minor, #0D5382)';
 export var textSecondary = 'var(--text-secondary, #D5DFE69E)';
 /** Третичный цвет текста */
 export var textTertiary = 'var(--text-tertiary, #D5DFE64D)';
+/** Акцентный цвет */
+export var textAccent = 'var(--text-accent, #199AF0)';
 /** Основной цвет текста на темном фоне */
 export var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F2F5F893)';
 /** Основной цвет текста на темном фоне */
@@ -388,9 +388,9 @@ export var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)';
 /** Фон поверхности/контрола без заливки */
 export var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
 /** Акцентный фон поверхности/контрола */
-export var surfaceAccentHover = 'var(--surface-accent-hover, #1798EEFF)';
+export var surfaceAccentHover = 'var(--surface-accent-hover, #36A7F2FF)';
 /** Акцентный фон поверхности/контрола */
-export var surfaceAccentActive = 'var(--surface-accent-active, #1086D5FF)';
+export var surfaceAccentActive = 'var(--surface-accent-active, #0F96F0FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
 export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #09212FFF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
@@ -412,9 +412,9 @@ export var surfaceNegativeHover = 'var(--surface-negative-hover, #FF475AFF)';
 /** Цвет фона поверхности/контрола ошибка */
 export var surfaceNegativeActive = 'var(--surface-negative-active, #FF1F35FF)';
 /** Цвет фона поверхности/контрола информация */
-export var surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)';
+export var surfaceInfoHover = 'var(--surface-info-hover, #36A7F2FF)';
 /** Цвет фона поверхности/контрола информация */
-export var surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)';
+export var surfaceInfoActive = 'var(--surface-info-active, #0F96F0FF)';
 /** Минорный цвет фона поверхности/контрола успех */
 export var surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)';
 /** Минорный цвет фона поверхности/контрола успех */
@@ -467,8 +467,6 @@ export var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-br
 export var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF0F)';
 /** Фон поверхности/контрола без заливки */
 export var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
-/** Акцентный фон поверхности/контрола */
-export var surfaceAccent = 'var(--surface-accent, #118CDF)';
 /** Прозрачный акцентный фон поверхности/контрола */
 export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #118CDF33)';
 /** Цвет фона поверхности/контрола успех */
@@ -477,8 +475,6 @@ export var surfacePositive = 'var(--surface-positive, #1A9E32)';
 export var surfaceWarning = 'var(--surface-warning, #FA5F05)';
 /** Цвет фона поверхности/контрола ошибка */
 export var surfaceNegative = 'var(--surface-negative, #FF293E)';
-/** Цвет фона поверхности/контрола информация */
-export var surfaceInfo = 'var(--surface-info, #118CDF)';
 /** Минорный цвет фона поверхности/контрола успех */
 export var surfacePositiveMinor = 'var(--surface-positive-minor, #0A2B10)';
 /** Минорный цвет фона поверхности/контрола предупреждение */
@@ -505,6 +501,10 @@ export var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #D5
 export var surfaceTransparentDeep = 'var(--surface-transparent-deep, #D5DFE6BD)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
 export var surfaceAccentMinor = 'var(--surface-accent-minor, #071A26FF)';
+/** Акцентный фон поверхности/контрола */
+export var surfaceAccent = 'var(--surface-accent, #199AF0)';
+/** Цвет фона поверхности/контрола информация */
+export var surfaceInfo = 'var(--surface-info, #199AF0)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #171D21FF)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
@@ -550,9 +550,9 @@ export var onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF
 /** Фон поверхности/контрола без заливки на темном фоне */
 export var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)';
 /** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #1798EEFF)';
+export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #36A7F2FF)';
 /** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #1086D5FF)';
+export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #0F96F0FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #09212FFF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
@@ -582,11 +582,9 @@ export var onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #
 /** Цвет фона поверхности/контрола ошибка на темном фоне */
 export var onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF1F35FF)';
 /** Цвет фона поверхности/контрола информация на темном фоне */
-export var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #118CDF)';
+export var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #36A7F2FF)';
 /** Цвет фона поверхности/контрола информация на темном фоне */
-export var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #1798EEFF)';
-/** Цвет фона поверхности/контрола информация на темном фоне */
-export var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #1086D5FF)';
+export var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #0F96F0FF)';
 /** Минорный цвет фона поверхности/контрола успех на темном фоне */
 export var onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)';
 /** Минорный цвет фона поверхности/контрола успех на темном фоне */
@@ -653,8 +651,6 @@ export var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-
 export var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #FFFFFF0F)';
 /** Прозрачный фон для карточек на темном фоне */
 export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FFFFFFFF)';
-/** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #118CDF)';
 /** Фон поверхности/контрола без заливки на темном фоне */
 export var onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)';
 /** Основной фон для карточек на темном фоне */
@@ -667,6 +663,10 @@ export var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent
 export var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #D5DFE6BD)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #071A26FF)';
+/** Цвет фона поверхности/контрола информация на темном фоне */
+export var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #199AF0)';
+/** Акцентный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #199AF0)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F8FAFBFF)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
@@ -714,9 +714,9 @@ export var onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFF
 /** Фон поверхности/контрола без заливки на светлом фоне */
 export var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #1798EEFF)';
+export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #36A7F2FF)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #1086D5FF)';
+export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #0F90E6FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #F6FBFEFF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
@@ -738,9 +738,9 @@ export var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover,
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
 export var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF1F35FF)';
 /** Цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)';
+export var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #36A7F2FF)';
 /** Цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #1086D5FF)';
+export var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #0F90E6FF)';
 /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
 export var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #B1FBBFFF)';
 /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
@@ -791,8 +791,6 @@ export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #
 export var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFFFF)';
 /** Прозрачный фон для карточек на светлом фоне */
 export var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
-/** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #118CDF)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #118CDF1F)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
@@ -801,8 +799,6 @@ export var onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)';
 export var onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)';
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
 export var onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)';
-/** Цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceInfo = 'var(--on-light-surface-info, #118CDF)';
 /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
 export var onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #9EFAAF)';
 /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
@@ -829,6 +825,10 @@ export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transpare
 export var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #30373CC7)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #ECF6FCFF)';
+/** Акцентный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #199AF0)';
+/** Цвет фона поверхности/контрола информация на светлом фоне */
+export var onLightSurfaceInfo = 'var(--on-light-surface-info, #199AF0)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F8FAFBFF)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
@@ -876,9 +876,9 @@ export var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFF
 /** Инвертированный фон поверхности/контрола без заливки */
 export var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1798EEFF)';
+export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #36A7F2FF)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #1086D5FF)';
+export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #0F90E6FF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
 export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #09212FFF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
@@ -900,9 +900,9 @@ export var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover,
 /** Инвертированный цвет фона поверхности/контрола ошибка */
 export var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF1F35FF)';
 /** Инвертированный цвет фона поверхности/контрола информация */
-export var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)';
+export var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #36A7F2FF)';
 /** Инвертированный цвет фона поверхности/контрола информация */
-export var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #1086D5FF)';
+export var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #0F90E6FF)';
 /** Инвертированный минорный цвет фона поверхности/контрола успех */
 export var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #B1FBBFFF)';
 /** Инвертированный минорный цвет фона поверхности/контрола успех */
@@ -953,8 +953,6 @@ export var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card
 export var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFFFF)';
 /** Инвертированный прозрачный фон для карточек */
 export var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
-/** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #118CDF)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
 export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #118CDF1F)';
 /** Инвертированный цвет фона поверхности/контрола успех */
@@ -963,8 +961,6 @@ export var inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)';
 export var inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)';
 /** Инвертированный цвет фона поверхности/контрола ошибка */
 export var inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)';
-/** Инвертированный цвет фона поверхности/контрола информация */
-export var inverseSurfaceInfo = 'var(--inverse-surface-info, #118CDF)';
 /** Инвертированный минорный цвет фона поверхности/контрола успех */
 export var inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #9EFAAF)';
 /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
@@ -991,6 +987,10 @@ export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparen
 export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #30373CC7)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
 export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #071A26FF)';
+/** Инвертированный акцентный фон поверхности/контрола */
+export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #199AF0)';
+/** Инвертированный цвет фона поверхности/контрола информация */
+export var inverseSurfaceInfo = 'var(--inverse-surface-info, #199AF0)';
 /** Основной фон */
 export var backgroundPrimary = 'var(--background-primary, #060A0C)';
 /** Основной фон */
@@ -2962,7 +2962,7 @@ export var textXSMedium = {
     lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
 };
 export var viewContainer = {
-    dark: "\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --text-primary: var(--on-dark-text-primary);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-positive: var(--on-dark-text-positive);\n        --text-warning: var(--on-dark-text-warning);\n        --text-negative: var(--on-dark-text-negative);\n        --text-info: var(--on-dark-text-info);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\n        --text-warning-minor: var(--on-dark-text-warning-minor);\n        --text-negative-minor: var(--on-dark-text-negative-minor);\n        --text-info-minor: var(--on-dark-text-info-minor);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n        --inverse-text-info-minor: var(--on-light-text-info-minor);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --surface-info-minor: var(--on-dark-surface-info-minor);\n        --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n        --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --background-primary: var(--dark-background-primary);\n        --background-primary-brightness: var(--dark-background-primary-brightness);\n        --inverse-background-primary: var(--light-background-primary);\n        --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-blur: var(--on-dark-overlay-blur);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-blur: var(--on-light-overlay-blur);\n        --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --outline-info-minor: var(--on-dark-outline-info-minor);\n        --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --outline-solid-default: var(--on-dark-outline-solid-default);\n        --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --inverse-outline-accent: var(--on-light-outline-accent);\n        --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n        --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n        --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n        --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n        --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n        --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n        --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n        --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n        --data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n        --data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n        --data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n        --data-green: var(--on-dark-data-green);\n        --data-yellow-light: var(--on-dark-data-yellow-light);\n        --data-blue-light: var(--on-dark-data-blue-light);\n        --data-orchid: var(--on-dark-data-orchid);\n        --data-orchid-minor: var(--on-dark-data-orchid-minor);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-orange: var(--on-dark-data-orange);\n        --data-orange-minor: var(--on-dark-data-orange-minor);\n        --data-orange-light: var(--on-dark-data-orange-light);\n        --data-red: var(--on-dark-data-red);\n        --data-red-minor: var(--on-dark-data-red-minor);\n        --data-red-light: var(--on-dark-data-red-light);\n        --data-arctic: var(--on-dark-data-arctic);\n        --data-green-minor: var(--on-dark-data-green-minor);\n        --data-green-light: var(--on-dark-data-green-light);\n        --data-spring: var(--on-dark-data-spring);\n        --data-blue: var(--on-dark-data-blue);\n        --data-blue-mild: var(--on-dark-data-blue-mild);\n        --data-blue-minor: var(--on-dark-data-blue-minor);\n        --data-malachite: var(--on-dark-data-malachite);\n        --data-malachite-minor: var(--on-dark-data-malachite-minor);\n        --data-electric-blue: var(--on-dark-data-electric-blue);\n        --data-fuchsia: var(--on-dark-data-fuchsia);\n        --data-pink: var(--on-dark-data-pink);\n        --data-gray: var(--on-dark-data-gray);\n        --data-gray-minor: var(--on-dark-data-gray-minor);\n        --data-red-transparent: var(--on-dark-data-red-transparent);\n        --data-orange-transparent: var(--on-dark-data-orange-transparent);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --data-green-transparent: var(--on-dark-data-green-transparent);\n        --data-blue-transparent: var(--on-dark-data-blue-transparent);\n        --data-green-hover: var(--on-dark-data-green-hover);\n        --data-green-active: var(--on-dark-data-green-active);\n        --data-blue-light-hover: var(--on-dark-data-blue-light-hover);\n        --data-blue-light-active: var(--on-dark-data-blue-light-active);\n        --data-orchid-hover: var(--on-dark-data-orchid-hover);\n        --data-orchid-active: var(--on-dark-data-orchid-active);\n        --data-orchid-minor-hover: var(--on-dark-data-orchid-minor-hover);\n        --data-orchid-minor-active: var(--on-dark-data-orchid-minor-active);\n        --data-orange-hover: var(--on-dark-data-orange-hover);\n        --data-orange-active: var(--on-dark-data-orange-active);\n        --data-orange-minor-hover: var(--on-dark-data-orange-minor-hover);\n        --data-orange-minor-active: var(--on-dark-data-orange-minor-active);\n        --data-orange-light-hover: var(--on-dark-data-orange-light-hover);\n        --data-orange-light-active: var(--on-dark-data-orange-light-active);\n        --data-red-hover: var(--on-dark-data-red-hover);\n        --data-red-active: var(--on-dark-data-red-active);\n        --data-red-minor-hover: var(--on-dark-data-red-minor-hover);\n        --data-red-minor-active: var(--on-dark-data-red-minor-active);\n        --data-red-light-hover: var(--on-dark-data-red-light-hover);\n        --data-red-light-active: var(--on-dark-data-red-light-active);\n        --data-arctic-hover: var(--on-dark-data-arctic-hover);\n        --data-arctic-active: var(--on-dark-data-arctic-active);\n        --data-green-minor-hover: var(--on-dark-data-green-minor-hover);\n        --data-green-minor-active: var(--on-dark-data-green-minor-active);\n        --data-green-light-hover: var(--on-dark-data-green-light-hover);\n        --data-green-light-active: var(--on-dark-data-green-light-active);\n        --data-spring-hover: var(--on-dark-data-spring-hover);\n        --data-spring-active: var(--on-dark-data-spring-active);\n        --data-blue-hover: var(--on-dark-data-blue-hover);\n        --data-blue-active: var(--on-dark-data-blue-active);\n        --data-blue-mild-hover: var(--on-dark-data-blue-mild-hover);\n        --data-blue-mild-active: var(--on-dark-data-blue-mild-active);\n        --data-blue-minor-hover: var(--on-dark-data-blue-minor-hover);\n        --data-blue-minor-active: var(--on-dark-data-blue-minor-active);\n        --data-malachite-hover: var(--on-dark-data-malachite-hover);\n        --data-malachite-active: var(--on-dark-data-malachite-active);\n        --data-malachite-minor-hover: var(--on-dark-data-malachite-minor-hover);\n        --data-malachite-minor-active: var(--on-dark-data-malachite-minor-active);\n        --data-electric-blue-hover: var(--on-dark-data-electric-blue-hover);\n        --data-electric-blue-active: var(--on-dark-data-electric-blue-active);\n        --data-fuchsia-hover: var(--on-dark-data-fuchsia-hover);\n        --data-fuchsia-active: var(--on-dark-data-fuchsia-active);\n        --data-pink-hover: var(--on-dark-data-pink-hover);\n        --data-pink-active: var(--on-dark-data-pink-active);\n        --data-gray-hover: var(--on-dark-data-gray-hover);\n        --data-gray-active: var(--on-dark-data-gray-active);\n        --data-gray-minor-hover: var(--on-dark-data-gray-minor-hover);\n        --data-gray-minor-active: var(--on-dark-data-gray-minor-active);\n        --data-red-transparent-hover: var(--on-dark-data-red-transparent-hover);\n        --data-red-transparent-active: var(--on-dark-data-red-transparent-active);\n        --data-orange-transparent-hover: var(--on-dark-data-orange-transparent-hover);\n        --data-orange-transparent-active: var(--on-dark-data-orange-transparent-active);\n        --data-green-transparent-hover: var(--on-dark-data-green-transparent-hover);\n        --data-green-transparent-active: var(--on-dark-data-green-transparent-active);\n        --data-blue-transparent-hover: var(--on-dark-data-blue-transparent-hover);\n        --data-blue-transparent-active: var(--on-dark-data-blue-transparent-active);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-data-yellow-light: var(--on-light-data-yellow-light);\n        --inverse-data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n        --inverse-data-yellow-light-active: var(--on-light-data-yellow-light-active);\n        --inverse-data-sky-blue-light: var(--on-light-data-sky-blue-light);\n        --inverse-data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n        --inverse-data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n        --inverse-data-blue-minor: var(--on-light-data-blue-minor);\n        --inverse-data-orchid: var(--on-light-data-orchid);\n        --inverse-data-orchid-minor: var(--on-light-data-orchid-minor);\n        --inverse-data-orange: var(--on-light-data-orange);\n        --inverse-data-orange-minor: var(--on-light-data-orange-minor);\n        --inverse-data-orange-light: var(--on-light-data-orange-light);\n        --inverse-data-red: var(--on-light-data-red);\n        --inverse-data-red-minor: var(--on-light-data-red-minor);\n        --inverse-data-red-light: var(--on-light-data-red-light);\n        --inverse-data-arctic: var(--on-light-data-arctic);\n        --inverse-data-green: var(--on-light-data-green);\n        --inverse-data-green-minor: var(--on-light-data-green-minor);\n        --inverse-data-green-light: var(--on-light-data-green-light);\n        --inverse-data-spring: var(--on-light-data-spring);\n        --inverse-data-blue: var(--on-light-data-blue);\n        --inverse-data-blue-mild: var(--on-light-data-blue-mild);\n        --inverse-data-malachite: var(--on-light-data-malachite);\n        --inverse-data-malachite-minor: var(--on-light-data-malachite-minor);\n        --inverse-data-electric-blue: var(--on-light-data-electric-blue);\n        --inverse-data-fuchsia: var(--on-light-data-fuchsia);\n        --inverse-data-pink: var(--on-light-data-pink);\n        --inverse-data-gray: var(--on-light-data-gray);\n        --inverse-data-gray-minor: var(--on-light-data-gray-minor);\n        --inverse-data-orange-transparent: var(--on-light-data-orange-transparent);\n        --inverse-data-green-transparent: var(--on-light-data-green-transparent);\n        --inverse-data-blue-transparent: var(--on-light-data-blue-transparent);\n        --inverse-data-red-transparent: var(--on-light-data-red-transparent);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-blue-minor-hover: var(--on-light-data-blue-minor-hover);\n        --inverse-data-blue-minor-active: var(--on-light-data-blue-minor-active);\n        --inverse-data-orchid-hover: var(--on-light-data-orchid-hover);\n        --inverse-data-orchid-active: var(--on-light-data-orchid-active);\n        --inverse-data-orchid-minor-hover: var(--on-light-data-orchid-minor-hover);\n        --inverse-data-orchid-minor-active: var(--on-light-data-orchid-minor-active);\n        --inverse-data-orange-hover: var(--on-light-data-orange-hover);\n        --inverse-data-orange-active: var(--on-light-data-orange-active);\n        --inverse-data-orange-minor-hover: var(--on-light-data-orange-minor-hover);\n        --inverse-data-orange-minor-active: var(--on-light-data-orange-minor-active);\n        --inverse-data-orange-light-hover: var(--on-light-data-orange-light-hover);\n        --inverse-data-orange-light-active: var(--on-light-data-orange-light-active);\n        --inverse-data-red-hover: var(--on-light-data-red-hover);\n        --inverse-data-red-active: var(--on-light-data-red-active);\n        --inverse-data-red-minor-hover: var(--on-light-data-red-minor-hover);\n        --inverse-data-red-minor-active: var(--on-light-data-red-minor-active);\n        --inverse-data-red-light-hover: var(--on-light-data-red-light-hover);\n        --inverse-data-red-light-active: var(--on-light-data-red-light-active);\n        --inverse-data-arctic-hover: var(--on-light-data-arctic-hover);\n        --inverse-data-arctic-active: var(--on-light-data-arctic-active);\n        --inverse-data-green-hover: var(--on-light-data-green-hover);\n        --inverse-data-green-active: var(--on-light-data-green-active);\n        --inverse-data-green-minor-hover: var(--on-light-data-green-minor-hover);\n        --inverse-data-green-minor-active: var(--on-light-data-green-minor-active);\n        --inverse-data-green-light-hover: var(--on-light-data-green-light-hover);\n        --inverse-data-green-light-active: var(--on-light-data-green-light-active);\n        --inverse-data-spring-hover: var(--on-light-data-spring-hover);\n        --inverse-data-spring-active: var(--on-light-data-spring-active);\n        --inverse-data-blue-hover: var(--on-light-data-blue-hover);\n        --inverse-data-blue-active: var(--on-light-data-blue-active);\n        --inverse-data-blue-mild-hover: var(--on-light-data-blue-mild-hover);\n        --inverse-data-blue-mild-active: var(--on-light-data-blue-mild-active);\n        --inverse-data-malachite-hover: var(--on-light-data-malachite-hover);\n        --inverse-data-malachite-active: var(--on-light-data-malachite-active);\n        --inverse-data-malachite-minor-hover: var(--on-light-data-malachite-minor-hover);\n        --inverse-data-malachite-minor-active: var(--on-light-data-malachite-minor-active);\n        --inverse-data-electric-blue-hover: var(--on-light-data-electric-blue-hover);\n        --inverse-data-electric-blue-active: var(--on-light-data-electric-blue-active);\n        --inverse-data-fuchsia-hover: var(--on-light-data-fuchsia-hover);\n        --inverse-data-fuchsia-active: var(--on-light-data-fuchsia-active);\n        --inverse-data-pink-hover: var(--on-light-data-pink-hover);\n        --inverse-data-pink-active: var(--on-light-data-pink-active);\n        --inverse-data-gray-hover: var(--on-light-data-gray-hover);\n        --inverse-data-gray-active: var(--on-light-data-gray-active);\n        --inverse-data-gray-minor-hover: var(--on-light-data-gray-minor-hover);\n        --inverse-data-gray-minor-active: var(--on-light-data-gray-minor-active);\n        --inverse-data-orange-transparent-hover: var(--on-light-data-orange-transparent-hover);\n        --inverse-data-orange-transparent-active: var(--on-light-data-orange-transparent-active);\n        --inverse-data-green-transparent-hover: var(--on-light-data-green-transparent-hover);\n        --inverse-data-green-transparent-active: var(--on-light-data-green-transparent-active);\n        --inverse-data-blue-transparent-hover: var(--on-light-data-blue-transparent-hover);\n        --inverse-data-blue-transparent-active: var(--on-light-data-blue-transparent-active);\n        --inverse-data-red-transparent-hover: var(--on-light-data-red-transparent-hover);\n        --inverse-data-red-transparent-active: var(--on-light-data-red-transparent-active);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --data-positive-gradient: var(--on-dark-data-positive-gradient);\n        --data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover);\n        --data-positive-gradient-active: var(--on-dark-data-positive-gradient-active);\n        --data-warning-gradient: var(--on-dark-data-warning-gradient);\n        --data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover);\n        --data-warning-gradient-active: var(--on-dark-data-warning-gradient-active);\n        --data-negative-gradient: var(--on-dark-data-negative-gradient);\n        --data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover);\n        --data-negative-gradient-active: var(--on-dark-data-negative-gradient-active);\n        --data-info-gradient: var(--on-dark-data-info-gradient);\n        --data-info-gradient-hover: var(--on-dark-data-info-gradient-hover);\n        --data-info-gradient-active: var(--on-dark-data-info-gradient-active);\n        --inverse-data-positive-gradient: var(--on-light-data-positive-gradient);\n        --inverse-data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover);\n        --inverse-data-positive-gradient-active: var(--on-light-data-positive-gradient-active);\n        --inverse-data-warning-gradient: var(--on-light-data-warning-gradient);\n        --inverse-data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover);\n        --inverse-data-warning-gradient-active: var(--on-light-data-warning-gradient-active);\n        --inverse-data-negative-gradient: var(--on-light-data-negative-gradient);\n        --inverse-data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover);\n        --inverse-data-negative-gradient-active: var(--on-light-data-negative-gradient-active);\n        --inverse-data-info-gradient: var(--on-light-data-info-gradient);\n        --inverse-data-info-gradient-hover: var(--on-light-data-info-gradient-hover);\n        --inverse-data-info-gradient-active: var(--on-light-data-info-gradient-active);\n      ",
-    light: "\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --text-info-minor-active: var(--on-light-text-info-minor-active);\n        --text-primary: var(--on-light-text-primary);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-positive: var(--on-light-text-positive);\n        --text-info: var(--on-light-text-info);\n        --text-positive-minor: var(--on-light-text-positive-minor);\n        --text-warning-minor: var(--on-light-text-warning-minor);\n        --text-negative-minor: var(--on-light-text-negative-minor);\n        --text-info-minor: var(--on-light-text-info-minor);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-warning: var(--on-light-text-warning);\n        --text-negative: var(--on-light-text-negative);\n        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n        --inverse-text-info-minor: var(--on-dark-text-info-minor);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-info: var(--on-light-surface-info);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\n        --surface-warning-minor: var(--on-light-surface-warning-minor);\n        --surface-negative-minor: var(--on-light-surface-negative-minor);\n        --surface-info-minor: var(--on-light-surface-info-minor);\n        --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-transparent-info: var(--on-light-surface-transparent-info);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n        --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --background-primary: var(--light-background-primary);\n        --background-primary-brightness: var(--light-background-primary-brightness);\n        --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n        --inverse-background-primary: var(--dark-background-primary);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-blur: var(--on-light-overlay-blur);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-blur: var(--on-dark-overlay-blur);\n        --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-light-outline-solid-primary);\n        --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-info: var(--on-light-outline-info);\n        --outline-positive-minor: var(--on-light-outline-positive-minor);\n        --outline-warning-minor: var(--on-light-outline-warning-minor);\n        --outline-negative-minor: var(--on-light-outline-negative-minor);\n        --outline-info-minor: var(--on-light-outline-info-minor);\n        --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --outline-transparent-info: var(--on-light-outline-transparent-info);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-solid-default: var(--on-light-outline-solid-default);\n        --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n        --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --data-yellow-light: var(--on-light-data-yellow-light);\n        --data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n        --data-yellow-light-active: var(--on-light-data-yellow-light-active);\n        --data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n        --data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n        --data-orchid: var(--on-light-data-orchid);\n        --data-blue-minor: var(--on-light-data-blue-minor);\n        --data-orchid-minor: var(--on-light-data-orchid-minor);\n        --data-blue-light: var(--on-light-data-blue-light);\n        --data-arctic: var(--on-light-data-arctic);\n        --data-green: var(--on-light-data-green);\n        --data-green-minor: var(--on-light-data-green-minor);\n        --data-green-light: var(--on-light-data-green-light);\n        --data-spring: var(--on-light-data-spring);\n        --data-orange: var(--on-light-data-orange);\n        --data-orange-minor: var(--on-light-data-orange-minor);\n        --data-orange-light: var(--on-light-data-orange-light);\n        --data-red: var(--on-light-data-red);\n        --data-red-minor: var(--on-light-data-red-minor);\n        --data-red-light: var(--on-light-data-red-light);\n        --data-blue: var(--on-light-data-blue);\n        --data-blue-mild: var(--on-light-data-blue-mild);\n        --data-malachite: var(--on-light-data-malachite);\n        --data-malachite-minor: var(--on-light-data-malachite-minor);\n        --data-electric-blue: var(--on-light-data-electric-blue);\n        --data-fuchsia: var(--on-light-data-fuchsia);\n        --data-pink: var(--on-light-data-pink);\n        --data-gray: var(--on-light-data-gray);\n        --data-gray-minor: var(--on-light-data-gray-minor);\n        --data-red-transparent: var(--on-light-data-red-transparent);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --data-blue-transparent: var(--on-light-data-blue-transparent);\n        --data-green-transparent: var(--on-light-data-green-transparent);\n        --data-orange-transparent: var(--on-light-data-orange-transparent);\n        --data-orchid-hover: var(--on-light-data-orchid-hover);\n        --data-orchid-active: var(--on-light-data-orchid-active);\n        --data-blue-minor-hover: var(--on-light-data-blue-minor-hover);\n        --data-blue-minor-active: var(--on-light-data-blue-minor-active);\n        --data-orchid-minor-hover: var(--on-light-data-orchid-minor-hover);\n        --data-orchid-minor-active: var(--on-light-data-orchid-minor-active);\n        --data-blue-light-hover: var(--on-light-data-blue-light-hover);\n        --data-blue-light-active: var(--on-light-data-blue-light-active);\n        --data-arctic-hover: var(--on-light-data-arctic-hover);\n        --data-arctic-active: var(--on-light-data-arctic-active);\n        --data-green-hover: var(--on-light-data-green-hover);\n        --data-green-active: var(--on-light-data-green-active);\n        --data-green-minor-hover: var(--on-light-data-green-minor-hover);\n        --data-green-minor-active: var(--on-light-data-green-minor-active);\n        --data-green-light-hover: var(--on-light-data-green-light-hover);\n        --data-green-light-active: var(--on-light-data-green-light-active);\n        --data-spring-hover: var(--on-light-data-spring-hover);\n        --data-spring-active: var(--on-light-data-spring-active);\n        --data-orange-hover: var(--on-light-data-orange-hover);\n        --data-orange-active: var(--on-light-data-orange-active);\n        --data-orange-minor-hover: var(--on-light-data-orange-minor-hover);\n        --data-orange-minor-active: var(--on-light-data-orange-minor-active);\n        --data-orange-light-hover: var(--on-light-data-orange-light-hover);\n        --data-orange-light-active: var(--on-light-data-orange-light-active);\n        --data-red-hover: var(--on-light-data-red-hover);\n        --data-red-active: var(--on-light-data-red-active);\n        --data-red-minor-hover: var(--on-light-data-red-minor-hover);\n        --data-red-minor-active: var(--on-light-data-red-minor-active);\n        --data-red-light-hover: var(--on-light-data-red-light-hover);\n        --data-red-light-active: var(--on-light-data-red-light-active);\n        --data-blue-hover: var(--on-light-data-blue-hover);\n        --data-blue-active: var(--on-light-data-blue-active);\n        --data-blue-mild-hover: var(--on-light-data-blue-mild-hover);\n        --data-blue-mild-active: var(--on-light-data-blue-mild-active);\n        --data-malachite-hover: var(--on-light-data-malachite-hover);\n        --data-malachite-active: var(--on-light-data-malachite-active);\n        --data-malachite-minor-hover: var(--on-light-data-malachite-minor-hover);\n        --data-malachite-minor-active: var(--on-light-data-malachite-minor-active);\n        --data-electric-blue-hover: var(--on-light-data-electric-blue-hover);\n        --data-electric-blue-active: var(--on-light-data-electric-blue-active);\n        --data-fuchsia-hover: var(--on-light-data-fuchsia-hover);\n        --data-fuchsia-active: var(--on-light-data-fuchsia-active);\n        --data-pink-hover: var(--on-light-data-pink-hover);\n        --data-pink-active: var(--on-light-data-pink-active);\n        --data-gray-hover: var(--on-light-data-gray-hover);\n        --data-gray-active: var(--on-light-data-gray-active);\n        --data-gray-minor-hover: var(--on-light-data-gray-minor-hover);\n        --data-gray-minor-active: var(--on-light-data-gray-minor-active);\n        --data-red-transparent-hover: var(--on-light-data-red-transparent-hover);\n        --data-red-transparent-active: var(--on-light-data-red-transparent-active);\n        --data-blue-transparent-hover: var(--on-light-data-blue-transparent-hover);\n        --data-blue-transparent-active: var(--on-light-data-blue-transparent-active);\n        --data-green-transparent-hover: var(--on-light-data-green-transparent-hover);\n        --data-green-transparent-active: var(--on-light-data-green-transparent-active);\n        --data-orange-transparent-hover: var(--on-light-data-orange-transparent-hover);\n        --data-orange-transparent-active: var(--on-light-data-orange-transparent-active);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n        --inverse-data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n        --inverse-data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n        --inverse-data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n        --inverse-data-blue-minor: var(--on-dark-data-blue-minor);\n        --inverse-data-yellow-light: var(--on-dark-data-yellow-light);\n        --inverse-data-sky-blue-light: var(--on-dark-data-sky-blue-light);\n        --inverse-data-orchid: var(--on-dark-data-orchid);\n        --inverse-data-orchid-minor: var(--on-dark-data-orchid-minor);\n        --inverse-data-orange: var(--on-dark-data-orange);\n        --inverse-data-orange-minor: var(--on-dark-data-orange-minor);\n        --inverse-data-orange-light: var(--on-dark-data-orange-light);\n        --inverse-data-red: var(--on-dark-data-red);\n        --inverse-data-red-minor: var(--on-dark-data-red-minor);\n        --inverse-data-red-light: var(--on-dark-data-red-light);\n        --inverse-data-arctic: var(--on-dark-data-arctic);\n        --inverse-data-green: var(--on-dark-data-green);\n        --inverse-data-green-minor: var(--on-dark-data-green-minor);\n        --inverse-data-green-light: var(--on-dark-data-green-light);\n        --inverse-data-spring: var(--on-dark-data-spring);\n        --inverse-data-blue: var(--on-dark-data-blue);\n        --inverse-data-blue-mild: var(--on-dark-data-blue-mild);\n        --inverse-data-malachite: var(--on-dark-data-malachite);\n        --inverse-data-malachite-minor: var(--on-dark-data-malachite-minor);\n        --inverse-data-electric-blue: var(--on-dark-data-electric-blue);\n        --inverse-data-fuchsia: var(--on-dark-data-fuchsia);\n        --inverse-data-pink: var(--on-dark-data-pink);\n        --inverse-data-gray: var(--on-dark-data-gray);\n        --inverse-data-gray-minor: var(--on-dark-data-gray-minor);\n        --inverse-data-red-transparent: var(--on-dark-data-red-transparent);\n        --inverse-data-orange-transparent: var(--on-dark-data-orange-transparent);\n        --inverse-data-green-transparent: var(--on-dark-data-green-transparent);\n        --inverse-data-blue-transparent: var(--on-dark-data-blue-transparent);\n        --inverse-data-blue-minor-hover: var(--on-dark-data-blue-minor-hover);\n        --inverse-data-blue-minor-active: var(--on-dark-data-blue-minor-active);\n        --inverse-data-orchid-hover: var(--on-dark-data-orchid-hover);\n        --inverse-data-orchid-active: var(--on-dark-data-orchid-active);\n        --inverse-data-orchid-minor-hover: var(--on-dark-data-orchid-minor-hover);\n        --inverse-data-orchid-minor-active: var(--on-dark-data-orchid-minor-active);\n        --inverse-data-orange-hover: var(--on-dark-data-orange-hover);\n        --inverse-data-orange-active: var(--on-dark-data-orange-active);\n        --inverse-data-orange-minor-hover: var(--on-dark-data-orange-minor-hover);\n        --inverse-data-orange-minor-active: var(--on-dark-data-orange-minor-active);\n        --inverse-data-orange-light-hover: var(--on-dark-data-orange-light-hover);\n        --inverse-data-orange-light-active: var(--on-dark-data-orange-light-active);\n        --inverse-data-red-hover: var(--on-dark-data-red-hover);\n        --inverse-data-red-active: var(--on-dark-data-red-active);\n        --inverse-data-red-minor-hover: var(--on-dark-data-red-minor-hover);\n        --inverse-data-red-minor-active: var(--on-dark-data-red-minor-active);\n        --inverse-data-red-light-hover: var(--on-dark-data-red-light-hover);\n        --inverse-data-red-light-active: var(--on-dark-data-red-light-active);\n        --inverse-data-arctic-hover: var(--on-dark-data-arctic-hover);\n        --inverse-data-arctic-active: var(--on-dark-data-arctic-active);\n        --inverse-data-green-hover: var(--on-dark-data-green-hover);\n        --inverse-data-green-active: var(--on-dark-data-green-active);\n        --inverse-data-green-minor-hover: var(--on-dark-data-green-minor-hover);\n        --inverse-data-green-minor-active: var(--on-dark-data-green-minor-active);\n        --inverse-data-green-light-hover: var(--on-dark-data-green-light-hover);\n        --inverse-data-green-light-active: var(--on-dark-data-green-light-active);\n        --inverse-data-spring-hover: var(--on-dark-data-spring-hover);\n        --inverse-data-spring-active: var(--on-dark-data-spring-active);\n        --inverse-data-blue-hover: var(--on-dark-data-blue-hover);\n        --inverse-data-blue-active: var(--on-dark-data-blue-active);\n        --inverse-data-blue-mild-hover: var(--on-dark-data-blue-mild-hover);\n        --inverse-data-blue-mild-active: var(--on-dark-data-blue-mild-active);\n        --inverse-data-malachite-hover: var(--on-dark-data-malachite-hover);\n        --inverse-data-malachite-active: var(--on-dark-data-malachite-active);\n        --inverse-data-malachite-minor-hover: var(--on-dark-data-malachite-minor-hover);\n        --inverse-data-malachite-minor-active: var(--on-dark-data-malachite-minor-active);\n        --inverse-data-electric-blue-hover: var(--on-dark-data-electric-blue-hover);\n        --inverse-data-electric-blue-active: var(--on-dark-data-electric-blue-active);\n        --inverse-data-fuchsia-hover: var(--on-dark-data-fuchsia-hover);\n        --inverse-data-fuchsia-active: var(--on-dark-data-fuchsia-active);\n        --inverse-data-pink-hover: var(--on-dark-data-pink-hover);\n        --inverse-data-pink-active: var(--on-dark-data-pink-active);\n        --inverse-data-gray-hover: var(--on-dark-data-gray-hover);\n        --inverse-data-gray-active: var(--on-dark-data-gray-active);\n        --inverse-data-gray-minor-hover: var(--on-dark-data-gray-minor-hover);\n        --inverse-data-gray-minor-active: var(--on-dark-data-gray-minor-active);\n        --inverse-data-red-transparent-hover: var(--on-dark-data-red-transparent-hover);\n        --inverse-data-red-transparent-active: var(--on-dark-data-red-transparent-active);\n        --inverse-data-orange-transparent-hover: var(--on-dark-data-orange-transparent-hover);\n        --inverse-data-orange-transparent-active: var(--on-dark-data-orange-transparent-active);\n        --inverse-data-green-transparent-hover: var(--on-dark-data-green-transparent-hover);\n        --inverse-data-green-transparent-active: var(--on-dark-data-green-transparent-active);\n        --inverse-data-blue-transparent-hover: var(--on-dark-data-blue-transparent-hover);\n        --inverse-data-blue-transparent-active: var(--on-dark-data-blue-transparent-active);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --data-positive-gradient: var(--on-light-data-positive-gradient);\n        --data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover);\n        --data-positive-gradient-active: var(--on-light-data-positive-gradient-active);\n        --data-warning-gradient: var(--on-light-data-warning-gradient);\n        --data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover);\n        --data-warning-gradient-active: var(--on-light-data-warning-gradient-active);\n        --data-negative-gradient: var(--on-light-data-negative-gradient);\n        --data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover);\n        --data-negative-gradient-active: var(--on-light-data-negative-gradient-active);\n        --data-info-gradient: var(--on-light-data-info-gradient);\n        --data-info-gradient-hover: var(--on-light-data-info-gradient-hover);\n        --data-info-gradient-active: var(--on-light-data-info-gradient-active);\n        --inverse-data-positive-gradient: var(--on-dark-data-positive-gradient);\n        --inverse-data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover);\n        --inverse-data-positive-gradient-active: var(--on-dark-data-positive-gradient-active);\n        --inverse-data-warning-gradient: var(--on-dark-data-warning-gradient);\n        --inverse-data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover);\n        --inverse-data-warning-gradient-active: var(--on-dark-data-warning-gradient-active);\n        --inverse-data-negative-gradient: var(--on-dark-data-negative-gradient);\n        --inverse-data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover);\n        --inverse-data-negative-gradient-active: var(--on-dark-data-negative-gradient-active);\n        --inverse-data-info-gradient: var(--on-dark-data-info-gradient);\n        --inverse-data-info-gradient-hover: var(--on-dark-data-info-gradient-hover);\n        --inverse-data-info-gradient-active: var(--on-dark-data-info-gradient-active);\n      ",
+    dark: "\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --text-primary: var(--on-dark-text-primary);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-positive: var(--on-dark-text-positive);\n        --text-warning: var(--on-dark-text-warning);\n        --text-negative: var(--on-dark-text-negative);\n        --text-info: var(--on-dark-text-info);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\n        --text-warning-minor: var(--on-dark-text-warning-minor);\n        --text-negative-minor: var(--on-dark-text-negative-minor);\n        --text-info-minor: var(--on-dark-text-info-minor);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-accent: var(--on-dark-text-accent);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n        --inverse-text-info-minor: var(--on-light-text-info-minor);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --surface-info-minor: var(--on-dark-surface-info-minor);\n        --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-info: var(--on-dark-surface-info);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n        --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --background-primary: var(--dark-background-primary);\n        --background-primary-brightness: var(--dark-background-primary-brightness);\n        --inverse-background-primary: var(--light-background-primary);\n        --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-blur: var(--on-dark-overlay-blur);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-blur: var(--on-light-overlay-blur);\n        --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --outline-info-minor: var(--on-dark-outline-info-minor);\n        --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --outline-solid-default: var(--on-dark-outline-solid-default);\n        --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --inverse-outline-accent: var(--on-light-outline-accent);\n        --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n        --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n        --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n        --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n        --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n        --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n        --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n        --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n        --data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n        --data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n        --data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n        --data-green: var(--on-dark-data-green);\n        --data-yellow-light: var(--on-dark-data-yellow-light);\n        --data-blue-light: var(--on-dark-data-blue-light);\n        --data-orchid: var(--on-dark-data-orchid);\n        --data-orchid-minor: var(--on-dark-data-orchid-minor);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-orange: var(--on-dark-data-orange);\n        --data-orange-minor: var(--on-dark-data-orange-minor);\n        --data-orange-light: var(--on-dark-data-orange-light);\n        --data-red: var(--on-dark-data-red);\n        --data-red-minor: var(--on-dark-data-red-minor);\n        --data-red-light: var(--on-dark-data-red-light);\n        --data-arctic: var(--on-dark-data-arctic);\n        --data-green-minor: var(--on-dark-data-green-minor);\n        --data-green-light: var(--on-dark-data-green-light);\n        --data-spring: var(--on-dark-data-spring);\n        --data-blue: var(--on-dark-data-blue);\n        --data-blue-mild: var(--on-dark-data-blue-mild);\n        --data-blue-minor: var(--on-dark-data-blue-minor);\n        --data-malachite: var(--on-dark-data-malachite);\n        --data-malachite-minor: var(--on-dark-data-malachite-minor);\n        --data-electric-blue: var(--on-dark-data-electric-blue);\n        --data-fuchsia: var(--on-dark-data-fuchsia);\n        --data-pink: var(--on-dark-data-pink);\n        --data-gray: var(--on-dark-data-gray);\n        --data-gray-minor: var(--on-dark-data-gray-minor);\n        --data-red-transparent: var(--on-dark-data-red-transparent);\n        --data-orange-transparent: var(--on-dark-data-orange-transparent);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --data-green-transparent: var(--on-dark-data-green-transparent);\n        --data-blue-transparent: var(--on-dark-data-blue-transparent);\n        --data-green-hover: var(--on-dark-data-green-hover);\n        --data-green-active: var(--on-dark-data-green-active);\n        --data-blue-light-hover: var(--on-dark-data-blue-light-hover);\n        --data-blue-light-active: var(--on-dark-data-blue-light-active);\n        --data-orchid-hover: var(--on-dark-data-orchid-hover);\n        --data-orchid-active: var(--on-dark-data-orchid-active);\n        --data-orchid-minor-hover: var(--on-dark-data-orchid-minor-hover);\n        --data-orchid-minor-active: var(--on-dark-data-orchid-minor-active);\n        --data-orange-hover: var(--on-dark-data-orange-hover);\n        --data-orange-active: var(--on-dark-data-orange-active);\n        --data-orange-minor-hover: var(--on-dark-data-orange-minor-hover);\n        --data-orange-minor-active: var(--on-dark-data-orange-minor-active);\n        --data-orange-light-hover: var(--on-dark-data-orange-light-hover);\n        --data-orange-light-active: var(--on-dark-data-orange-light-active);\n        --data-red-hover: var(--on-dark-data-red-hover);\n        --data-red-active: var(--on-dark-data-red-active);\n        --data-red-minor-hover: var(--on-dark-data-red-minor-hover);\n        --data-red-minor-active: var(--on-dark-data-red-minor-active);\n        --data-red-light-hover: var(--on-dark-data-red-light-hover);\n        --data-red-light-active: var(--on-dark-data-red-light-active);\n        --data-arctic-hover: var(--on-dark-data-arctic-hover);\n        --data-arctic-active: var(--on-dark-data-arctic-active);\n        --data-green-minor-hover: var(--on-dark-data-green-minor-hover);\n        --data-green-minor-active: var(--on-dark-data-green-minor-active);\n        --data-green-light-hover: var(--on-dark-data-green-light-hover);\n        --data-green-light-active: var(--on-dark-data-green-light-active);\n        --data-spring-hover: var(--on-dark-data-spring-hover);\n        --data-spring-active: var(--on-dark-data-spring-active);\n        --data-blue-hover: var(--on-dark-data-blue-hover);\n        --data-blue-active: var(--on-dark-data-blue-active);\n        --data-blue-mild-hover: var(--on-dark-data-blue-mild-hover);\n        --data-blue-mild-active: var(--on-dark-data-blue-mild-active);\n        --data-blue-minor-hover: var(--on-dark-data-blue-minor-hover);\n        --data-blue-minor-active: var(--on-dark-data-blue-minor-active);\n        --data-malachite-hover: var(--on-dark-data-malachite-hover);\n        --data-malachite-active: var(--on-dark-data-malachite-active);\n        --data-malachite-minor-hover: var(--on-dark-data-malachite-minor-hover);\n        --data-malachite-minor-active: var(--on-dark-data-malachite-minor-active);\n        --data-electric-blue-hover: var(--on-dark-data-electric-blue-hover);\n        --data-electric-blue-active: var(--on-dark-data-electric-blue-active);\n        --data-fuchsia-hover: var(--on-dark-data-fuchsia-hover);\n        --data-fuchsia-active: var(--on-dark-data-fuchsia-active);\n        --data-pink-hover: var(--on-dark-data-pink-hover);\n        --data-pink-active: var(--on-dark-data-pink-active);\n        --data-gray-hover: var(--on-dark-data-gray-hover);\n        --data-gray-active: var(--on-dark-data-gray-active);\n        --data-gray-minor-hover: var(--on-dark-data-gray-minor-hover);\n        --data-gray-minor-active: var(--on-dark-data-gray-minor-active);\n        --data-red-transparent-hover: var(--on-dark-data-red-transparent-hover);\n        --data-red-transparent-active: var(--on-dark-data-red-transparent-active);\n        --data-orange-transparent-hover: var(--on-dark-data-orange-transparent-hover);\n        --data-orange-transparent-active: var(--on-dark-data-orange-transparent-active);\n        --data-green-transparent-hover: var(--on-dark-data-green-transparent-hover);\n        --data-green-transparent-active: var(--on-dark-data-green-transparent-active);\n        --data-blue-transparent-hover: var(--on-dark-data-blue-transparent-hover);\n        --data-blue-transparent-active: var(--on-dark-data-blue-transparent-active);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-data-yellow-light: var(--on-light-data-yellow-light);\n        --inverse-data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n        --inverse-data-yellow-light-active: var(--on-light-data-yellow-light-active);\n        --inverse-data-sky-blue-light: var(--on-light-data-sky-blue-light);\n        --inverse-data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n        --inverse-data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n        --inverse-data-blue-minor: var(--on-light-data-blue-minor);\n        --inverse-data-orchid: var(--on-light-data-orchid);\n        --inverse-data-orchid-minor: var(--on-light-data-orchid-minor);\n        --inverse-data-orange: var(--on-light-data-orange);\n        --inverse-data-orange-minor: var(--on-light-data-orange-minor);\n        --inverse-data-orange-light: var(--on-light-data-orange-light);\n        --inverse-data-red: var(--on-light-data-red);\n        --inverse-data-red-minor: var(--on-light-data-red-minor);\n        --inverse-data-red-light: var(--on-light-data-red-light);\n        --inverse-data-arctic: var(--on-light-data-arctic);\n        --inverse-data-green: var(--on-light-data-green);\n        --inverse-data-green-minor: var(--on-light-data-green-minor);\n        --inverse-data-green-light: var(--on-light-data-green-light);\n        --inverse-data-spring: var(--on-light-data-spring);\n        --inverse-data-blue: var(--on-light-data-blue);\n        --inverse-data-blue-mild: var(--on-light-data-blue-mild);\n        --inverse-data-malachite: var(--on-light-data-malachite);\n        --inverse-data-malachite-minor: var(--on-light-data-malachite-minor);\n        --inverse-data-electric-blue: var(--on-light-data-electric-blue);\n        --inverse-data-fuchsia: var(--on-light-data-fuchsia);\n        --inverse-data-pink: var(--on-light-data-pink);\n        --inverse-data-gray: var(--on-light-data-gray);\n        --inverse-data-gray-minor: var(--on-light-data-gray-minor);\n        --inverse-data-orange-transparent: var(--on-light-data-orange-transparent);\n        --inverse-data-green-transparent: var(--on-light-data-green-transparent);\n        --inverse-data-blue-transparent: var(--on-light-data-blue-transparent);\n        --inverse-data-red-transparent: var(--on-light-data-red-transparent);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-blue-minor-hover: var(--on-light-data-blue-minor-hover);\n        --inverse-data-blue-minor-active: var(--on-light-data-blue-minor-active);\n        --inverse-data-orchid-hover: var(--on-light-data-orchid-hover);\n        --inverse-data-orchid-active: var(--on-light-data-orchid-active);\n        --inverse-data-orchid-minor-hover: var(--on-light-data-orchid-minor-hover);\n        --inverse-data-orchid-minor-active: var(--on-light-data-orchid-minor-active);\n        --inverse-data-orange-hover: var(--on-light-data-orange-hover);\n        --inverse-data-orange-active: var(--on-light-data-orange-active);\n        --inverse-data-orange-minor-hover: var(--on-light-data-orange-minor-hover);\n        --inverse-data-orange-minor-active: var(--on-light-data-orange-minor-active);\n        --inverse-data-orange-light-hover: var(--on-light-data-orange-light-hover);\n        --inverse-data-orange-light-active: var(--on-light-data-orange-light-active);\n        --inverse-data-red-hover: var(--on-light-data-red-hover);\n        --inverse-data-red-active: var(--on-light-data-red-active);\n        --inverse-data-red-minor-hover: var(--on-light-data-red-minor-hover);\n        --inverse-data-red-minor-active: var(--on-light-data-red-minor-active);\n        --inverse-data-red-light-hover: var(--on-light-data-red-light-hover);\n        --inverse-data-red-light-active: var(--on-light-data-red-light-active);\n        --inverse-data-arctic-hover: var(--on-light-data-arctic-hover);\n        --inverse-data-arctic-active: var(--on-light-data-arctic-active);\n        --inverse-data-green-hover: var(--on-light-data-green-hover);\n        --inverse-data-green-active: var(--on-light-data-green-active);\n        --inverse-data-green-minor-hover: var(--on-light-data-green-minor-hover);\n        --inverse-data-green-minor-active: var(--on-light-data-green-minor-active);\n        --inverse-data-green-light-hover: var(--on-light-data-green-light-hover);\n        --inverse-data-green-light-active: var(--on-light-data-green-light-active);\n        --inverse-data-spring-hover: var(--on-light-data-spring-hover);\n        --inverse-data-spring-active: var(--on-light-data-spring-active);\n        --inverse-data-blue-hover: var(--on-light-data-blue-hover);\n        --inverse-data-blue-active: var(--on-light-data-blue-active);\n        --inverse-data-blue-mild-hover: var(--on-light-data-blue-mild-hover);\n        --inverse-data-blue-mild-active: var(--on-light-data-blue-mild-active);\n        --inverse-data-malachite-hover: var(--on-light-data-malachite-hover);\n        --inverse-data-malachite-active: var(--on-light-data-malachite-active);\n        --inverse-data-malachite-minor-hover: var(--on-light-data-malachite-minor-hover);\n        --inverse-data-malachite-minor-active: var(--on-light-data-malachite-minor-active);\n        --inverse-data-electric-blue-hover: var(--on-light-data-electric-blue-hover);\n        --inverse-data-electric-blue-active: var(--on-light-data-electric-blue-active);\n        --inverse-data-fuchsia-hover: var(--on-light-data-fuchsia-hover);\n        --inverse-data-fuchsia-active: var(--on-light-data-fuchsia-active);\n        --inverse-data-pink-hover: var(--on-light-data-pink-hover);\n        --inverse-data-pink-active: var(--on-light-data-pink-active);\n        --inverse-data-gray-hover: var(--on-light-data-gray-hover);\n        --inverse-data-gray-active: var(--on-light-data-gray-active);\n        --inverse-data-gray-minor-hover: var(--on-light-data-gray-minor-hover);\n        --inverse-data-gray-minor-active: var(--on-light-data-gray-minor-active);\n        --inverse-data-orange-transparent-hover: var(--on-light-data-orange-transparent-hover);\n        --inverse-data-orange-transparent-active: var(--on-light-data-orange-transparent-active);\n        --inverse-data-green-transparent-hover: var(--on-light-data-green-transparent-hover);\n        --inverse-data-green-transparent-active: var(--on-light-data-green-transparent-active);\n        --inverse-data-blue-transparent-hover: var(--on-light-data-blue-transparent-hover);\n        --inverse-data-blue-transparent-active: var(--on-light-data-blue-transparent-active);\n        --inverse-data-red-transparent-hover: var(--on-light-data-red-transparent-hover);\n        --inverse-data-red-transparent-active: var(--on-light-data-red-transparent-active);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --data-positive-gradient: var(--on-dark-data-positive-gradient);\n        --data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover);\n        --data-positive-gradient-active: var(--on-dark-data-positive-gradient-active);\n        --data-warning-gradient: var(--on-dark-data-warning-gradient);\n        --data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover);\n        --data-warning-gradient-active: var(--on-dark-data-warning-gradient-active);\n        --data-negative-gradient: var(--on-dark-data-negative-gradient);\n        --data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover);\n        --data-negative-gradient-active: var(--on-dark-data-negative-gradient-active);\n        --data-info-gradient: var(--on-dark-data-info-gradient);\n        --data-info-gradient-hover: var(--on-dark-data-info-gradient-hover);\n        --data-info-gradient-active: var(--on-dark-data-info-gradient-active);\n        --inverse-data-positive-gradient: var(--on-light-data-positive-gradient);\n        --inverse-data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover);\n        --inverse-data-positive-gradient-active: var(--on-light-data-positive-gradient-active);\n        --inverse-data-warning-gradient: var(--on-light-data-warning-gradient);\n        --inverse-data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover);\n        --inverse-data-warning-gradient-active: var(--on-light-data-warning-gradient-active);\n        --inverse-data-negative-gradient: var(--on-light-data-negative-gradient);\n        --inverse-data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover);\n        --inverse-data-negative-gradient-active: var(--on-light-data-negative-gradient-active);\n        --inverse-data-info-gradient: var(--on-light-data-info-gradient);\n        --inverse-data-info-gradient-hover: var(--on-light-data-info-gradient-hover);\n        --inverse-data-info-gradient-active: var(--on-light-data-info-gradient-active);\n      ",
+    light: "\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --text-info-minor-active: var(--on-light-text-info-minor-active);\n        --text-primary: var(--on-light-text-primary);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-positive: var(--on-light-text-positive);\n        --text-info: var(--on-light-text-info);\n        --text-positive-minor: var(--on-light-text-positive-minor);\n        --text-warning-minor: var(--on-light-text-warning-minor);\n        --text-negative-minor: var(--on-light-text-negative-minor);\n        --text-info-minor: var(--on-light-text-info-minor);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-warning: var(--on-light-text-warning);\n        --text-negative: var(--on-light-text-negative);\n        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n        --inverse-text-info-minor: var(--on-dark-text-info-minor);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\n        --surface-warning-minor: var(--on-light-surface-warning-minor);\n        --surface-negative-minor: var(--on-light-surface-negative-minor);\n        --surface-info-minor: var(--on-light-surface-info-minor);\n        --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-transparent-info: var(--on-light-surface-transparent-info);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-info: var(--on-light-surface-info);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n        --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --background-primary: var(--light-background-primary);\n        --background-primary-brightness: var(--light-background-primary-brightness);\n        --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n        --inverse-background-primary: var(--dark-background-primary);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-blur: var(--on-light-overlay-blur);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-blur: var(--on-dark-overlay-blur);\n        --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-light-outline-solid-primary);\n        --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-info: var(--on-light-outline-info);\n        --outline-positive-minor: var(--on-light-outline-positive-minor);\n        --outline-warning-minor: var(--on-light-outline-warning-minor);\n        --outline-negative-minor: var(--on-light-outline-negative-minor);\n        --outline-info-minor: var(--on-light-outline-info-minor);\n        --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --outline-transparent-info: var(--on-light-outline-transparent-info);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-solid-default: var(--on-light-outline-solid-default);\n        --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n        --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --data-yellow-light: var(--on-light-data-yellow-light);\n        --data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n        --data-yellow-light-active: var(--on-light-data-yellow-light-active);\n        --data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n        --data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n        --data-orchid: var(--on-light-data-orchid);\n        --data-blue-minor: var(--on-light-data-blue-minor);\n        --data-orchid-minor: var(--on-light-data-orchid-minor);\n        --data-blue-light: var(--on-light-data-blue-light);\n        --data-arctic: var(--on-light-data-arctic);\n        --data-green: var(--on-light-data-green);\n        --data-green-minor: var(--on-light-data-green-minor);\n        --data-green-light: var(--on-light-data-green-light);\n        --data-spring: var(--on-light-data-spring);\n        --data-orange: var(--on-light-data-orange);\n        --data-orange-minor: var(--on-light-data-orange-minor);\n        --data-orange-light: var(--on-light-data-orange-light);\n        --data-red: var(--on-light-data-red);\n        --data-red-minor: var(--on-light-data-red-minor);\n        --data-red-light: var(--on-light-data-red-light);\n        --data-blue: var(--on-light-data-blue);\n        --data-blue-mild: var(--on-light-data-blue-mild);\n        --data-malachite: var(--on-light-data-malachite);\n        --data-malachite-minor: var(--on-light-data-malachite-minor);\n        --data-electric-blue: var(--on-light-data-electric-blue);\n        --data-fuchsia: var(--on-light-data-fuchsia);\n        --data-pink: var(--on-light-data-pink);\n        --data-gray: var(--on-light-data-gray);\n        --data-gray-minor: var(--on-light-data-gray-minor);\n        --data-red-transparent: var(--on-light-data-red-transparent);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --data-blue-transparent: var(--on-light-data-blue-transparent);\n        --data-green-transparent: var(--on-light-data-green-transparent);\n        --data-orange-transparent: var(--on-light-data-orange-transparent);\n        --data-orchid-hover: var(--on-light-data-orchid-hover);\n        --data-orchid-active: var(--on-light-data-orchid-active);\n        --data-blue-minor-hover: var(--on-light-data-blue-minor-hover);\n        --data-blue-minor-active: var(--on-light-data-blue-minor-active);\n        --data-orchid-minor-hover: var(--on-light-data-orchid-minor-hover);\n        --data-orchid-minor-active: var(--on-light-data-orchid-minor-active);\n        --data-blue-light-hover: var(--on-light-data-blue-light-hover);\n        --data-blue-light-active: var(--on-light-data-blue-light-active);\n        --data-arctic-hover: var(--on-light-data-arctic-hover);\n        --data-arctic-active: var(--on-light-data-arctic-active);\n        --data-green-hover: var(--on-light-data-green-hover);\n        --data-green-active: var(--on-light-data-green-active);\n        --data-green-minor-hover: var(--on-light-data-green-minor-hover);\n        --data-green-minor-active: var(--on-light-data-green-minor-active);\n        --data-green-light-hover: var(--on-light-data-green-light-hover);\n        --data-green-light-active: var(--on-light-data-green-light-active);\n        --data-spring-hover: var(--on-light-data-spring-hover);\n        --data-spring-active: var(--on-light-data-spring-active);\n        --data-orange-hover: var(--on-light-data-orange-hover);\n        --data-orange-active: var(--on-light-data-orange-active);\n        --data-orange-minor-hover: var(--on-light-data-orange-minor-hover);\n        --data-orange-minor-active: var(--on-light-data-orange-minor-active);\n        --data-orange-light-hover: var(--on-light-data-orange-light-hover);\n        --data-orange-light-active: var(--on-light-data-orange-light-active);\n        --data-red-hover: var(--on-light-data-red-hover);\n        --data-red-active: var(--on-light-data-red-active);\n        --data-red-minor-hover: var(--on-light-data-red-minor-hover);\n        --data-red-minor-active: var(--on-light-data-red-minor-active);\n        --data-red-light-hover: var(--on-light-data-red-light-hover);\n        --data-red-light-active: var(--on-light-data-red-light-active);\n        --data-blue-hover: var(--on-light-data-blue-hover);\n        --data-blue-active: var(--on-light-data-blue-active);\n        --data-blue-mild-hover: var(--on-light-data-blue-mild-hover);\n        --data-blue-mild-active: var(--on-light-data-blue-mild-active);\n        --data-malachite-hover: var(--on-light-data-malachite-hover);\n        --data-malachite-active: var(--on-light-data-malachite-active);\n        --data-malachite-minor-hover: var(--on-light-data-malachite-minor-hover);\n        --data-malachite-minor-active: var(--on-light-data-malachite-minor-active);\n        --data-electric-blue-hover: var(--on-light-data-electric-blue-hover);\n        --data-electric-blue-active: var(--on-light-data-electric-blue-active);\n        --data-fuchsia-hover: var(--on-light-data-fuchsia-hover);\n        --data-fuchsia-active: var(--on-light-data-fuchsia-active);\n        --data-pink-hover: var(--on-light-data-pink-hover);\n        --data-pink-active: var(--on-light-data-pink-active);\n        --data-gray-hover: var(--on-light-data-gray-hover);\n        --data-gray-active: var(--on-light-data-gray-active);\n        --data-gray-minor-hover: var(--on-light-data-gray-minor-hover);\n        --data-gray-minor-active: var(--on-light-data-gray-minor-active);\n        --data-red-transparent-hover: var(--on-light-data-red-transparent-hover);\n        --data-red-transparent-active: var(--on-light-data-red-transparent-active);\n        --data-blue-transparent-hover: var(--on-light-data-blue-transparent-hover);\n        --data-blue-transparent-active: var(--on-light-data-blue-transparent-active);\n        --data-green-transparent-hover: var(--on-light-data-green-transparent-hover);\n        --data-green-transparent-active: var(--on-light-data-green-transparent-active);\n        --data-orange-transparent-hover: var(--on-light-data-orange-transparent-hover);\n        --data-orange-transparent-active: var(--on-light-data-orange-transparent-active);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n        --inverse-data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n        --inverse-data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n        --inverse-data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n        --inverse-data-blue-minor: var(--on-dark-data-blue-minor);\n        --inverse-data-yellow-light: var(--on-dark-data-yellow-light);\n        --inverse-data-sky-blue-light: var(--on-dark-data-sky-blue-light);\n        --inverse-data-orchid: var(--on-dark-data-orchid);\n        --inverse-data-orchid-minor: var(--on-dark-data-orchid-minor);\n        --inverse-data-orange: var(--on-dark-data-orange);\n        --inverse-data-orange-minor: var(--on-dark-data-orange-minor);\n        --inverse-data-orange-light: var(--on-dark-data-orange-light);\n        --inverse-data-red: var(--on-dark-data-red);\n        --inverse-data-red-minor: var(--on-dark-data-red-minor);\n        --inverse-data-red-light: var(--on-dark-data-red-light);\n        --inverse-data-arctic: var(--on-dark-data-arctic);\n        --inverse-data-green: var(--on-dark-data-green);\n        --inverse-data-green-minor: var(--on-dark-data-green-minor);\n        --inverse-data-green-light: var(--on-dark-data-green-light);\n        --inverse-data-spring: var(--on-dark-data-spring);\n        --inverse-data-blue: var(--on-dark-data-blue);\n        --inverse-data-blue-mild: var(--on-dark-data-blue-mild);\n        --inverse-data-malachite: var(--on-dark-data-malachite);\n        --inverse-data-malachite-minor: var(--on-dark-data-malachite-minor);\n        --inverse-data-electric-blue: var(--on-dark-data-electric-blue);\n        --inverse-data-fuchsia: var(--on-dark-data-fuchsia);\n        --inverse-data-pink: var(--on-dark-data-pink);\n        --inverse-data-gray: var(--on-dark-data-gray);\n        --inverse-data-gray-minor: var(--on-dark-data-gray-minor);\n        --inverse-data-red-transparent: var(--on-dark-data-red-transparent);\n        --inverse-data-orange-transparent: var(--on-dark-data-orange-transparent);\n        --inverse-data-green-transparent: var(--on-dark-data-green-transparent);\n        --inverse-data-blue-transparent: var(--on-dark-data-blue-transparent);\n        --inverse-data-blue-minor-hover: var(--on-dark-data-blue-minor-hover);\n        --inverse-data-blue-minor-active: var(--on-dark-data-blue-minor-active);\n        --inverse-data-orchid-hover: var(--on-dark-data-orchid-hover);\n        --inverse-data-orchid-active: var(--on-dark-data-orchid-active);\n        --inverse-data-orchid-minor-hover: var(--on-dark-data-orchid-minor-hover);\n        --inverse-data-orchid-minor-active: var(--on-dark-data-orchid-minor-active);\n        --inverse-data-orange-hover: var(--on-dark-data-orange-hover);\n        --inverse-data-orange-active: var(--on-dark-data-orange-active);\n        --inverse-data-orange-minor-hover: var(--on-dark-data-orange-minor-hover);\n        --inverse-data-orange-minor-active: var(--on-dark-data-orange-minor-active);\n        --inverse-data-orange-light-hover: var(--on-dark-data-orange-light-hover);\n        --inverse-data-orange-light-active: var(--on-dark-data-orange-light-active);\n        --inverse-data-red-hover: var(--on-dark-data-red-hover);\n        --inverse-data-red-active: var(--on-dark-data-red-active);\n        --inverse-data-red-minor-hover: var(--on-dark-data-red-minor-hover);\n        --inverse-data-red-minor-active: var(--on-dark-data-red-minor-active);\n        --inverse-data-red-light-hover: var(--on-dark-data-red-light-hover);\n        --inverse-data-red-light-active: var(--on-dark-data-red-light-active);\n        --inverse-data-arctic-hover: var(--on-dark-data-arctic-hover);\n        --inverse-data-arctic-active: var(--on-dark-data-arctic-active);\n        --inverse-data-green-hover: var(--on-dark-data-green-hover);\n        --inverse-data-green-active: var(--on-dark-data-green-active);\n        --inverse-data-green-minor-hover: var(--on-dark-data-green-minor-hover);\n        --inverse-data-green-minor-active: var(--on-dark-data-green-minor-active);\n        --inverse-data-green-light-hover: var(--on-dark-data-green-light-hover);\n        --inverse-data-green-light-active: var(--on-dark-data-green-light-active);\n        --inverse-data-spring-hover: var(--on-dark-data-spring-hover);\n        --inverse-data-spring-active: var(--on-dark-data-spring-active);\n        --inverse-data-blue-hover: var(--on-dark-data-blue-hover);\n        --inverse-data-blue-active: var(--on-dark-data-blue-active);\n        --inverse-data-blue-mild-hover: var(--on-dark-data-blue-mild-hover);\n        --inverse-data-blue-mild-active: var(--on-dark-data-blue-mild-active);\n        --inverse-data-malachite-hover: var(--on-dark-data-malachite-hover);\n        --inverse-data-malachite-active: var(--on-dark-data-malachite-active);\n        --inverse-data-malachite-minor-hover: var(--on-dark-data-malachite-minor-hover);\n        --inverse-data-malachite-minor-active: var(--on-dark-data-malachite-minor-active);\n        --inverse-data-electric-blue-hover: var(--on-dark-data-electric-blue-hover);\n        --inverse-data-electric-blue-active: var(--on-dark-data-electric-blue-active);\n        --inverse-data-fuchsia-hover: var(--on-dark-data-fuchsia-hover);\n        --inverse-data-fuchsia-active: var(--on-dark-data-fuchsia-active);\n        --inverse-data-pink-hover: var(--on-dark-data-pink-hover);\n        --inverse-data-pink-active: var(--on-dark-data-pink-active);\n        --inverse-data-gray-hover: var(--on-dark-data-gray-hover);\n        --inverse-data-gray-active: var(--on-dark-data-gray-active);\n        --inverse-data-gray-minor-hover: var(--on-dark-data-gray-minor-hover);\n        --inverse-data-gray-minor-active: var(--on-dark-data-gray-minor-active);\n        --inverse-data-red-transparent-hover: var(--on-dark-data-red-transparent-hover);\n        --inverse-data-red-transparent-active: var(--on-dark-data-red-transparent-active);\n        --inverse-data-orange-transparent-hover: var(--on-dark-data-orange-transparent-hover);\n        --inverse-data-orange-transparent-active: var(--on-dark-data-orange-transparent-active);\n        --inverse-data-green-transparent-hover: var(--on-dark-data-green-transparent-hover);\n        --inverse-data-green-transparent-active: var(--on-dark-data-green-transparent-active);\n        --inverse-data-blue-transparent-hover: var(--on-dark-data-blue-transparent-hover);\n        --inverse-data-blue-transparent-active: var(--on-dark-data-blue-transparent-active);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --data-positive-gradient: var(--on-light-data-positive-gradient);\n        --data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover);\n        --data-positive-gradient-active: var(--on-light-data-positive-gradient-active);\n        --data-warning-gradient: var(--on-light-data-warning-gradient);\n        --data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover);\n        --data-warning-gradient-active: var(--on-light-data-warning-gradient-active);\n        --data-negative-gradient: var(--on-light-data-negative-gradient);\n        --data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover);\n        --data-negative-gradient-active: var(--on-light-data-negative-gradient-active);\n        --data-info-gradient: var(--on-light-data-info-gradient);\n        --data-info-gradient-hover: var(--on-light-data-info-gradient-hover);\n        --data-info-gradient-active: var(--on-light-data-info-gradient-active);\n        --inverse-data-positive-gradient: var(--on-dark-data-positive-gradient);\n        --inverse-data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover);\n        --inverse-data-positive-gradient-active: var(--on-dark-data-positive-gradient-active);\n        --inverse-data-warning-gradient: var(--on-dark-data-warning-gradient);\n        --inverse-data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover);\n        --inverse-data-warning-gradient-active: var(--on-dark-data-warning-gradient-active);\n        --inverse-data-negative-gradient: var(--on-dark-data-negative-gradient);\n        --inverse-data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover);\n        --inverse-data-negative-gradient-active: var(--on-dark-data-negative-gradient-active);\n        --inverse-data-info-gradient: var(--on-dark-data-info-gradient);\n        --inverse-data-info-gradient-hover: var(--on-dark-data-info-gradient-hover);\n        --inverse-data-info-gradient-active: var(--on-dark-data-info-gradient-active);\n      ",
 };
 //# sourceMappingURL=index.js.map