@salutejs/sdds-themes 0.51.0-canary.2373.20371683169.0 → 0.51.0-canary.2374.20371740374.0

package/es/tokens/sdds_dfa/index.js

@@ -664,41 +664,41 @@ export var onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #
 /** Минорный цвет фона поверхности/контрола информация на темном фоне */
 export var onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #0C283B)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F2F2F2FF)';
+export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FAFAFAFF)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)';
 /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #D9D9D9FF)';
+export var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #E8E8E8FF)';
 /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #D4D4D4FF)';
+export var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #D9D9D9FF)';
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #C2C2C2FF)';
+export var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #D1D1D1FF)';
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #BDBDBDFF)';
+export var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #C2C2C2FF)';
 /** Основной фон для карточек на светлом фоне */
 export var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)';
 /** Основной фон для карточек на светлом фоне */
 export var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-export var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)';
+export var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0D0D0DFF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 export var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)';
 /** Основной прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #0808080A)';
+export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #08080812)';
 /** Основной прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #0808080D)';
+export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08080803)';
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #08080814)';
+export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #0808081F)';
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #0808081A)';
+export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #0808080A)';
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808082E)';
+export var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808083D)';
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #08080833)';
+export var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #0808080F)';
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808B3)';
+export var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808C2)';
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #080808B8)';
+export var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #08080894)';
 /** Прозрачный фон для карточек на светлом фоне */
 export var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)';
 /** Прозрачный фон для карточек на светлом фоне */
@@ -710,63 +710,59 @@ export var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FF
 /** Акцентный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #05AD7EFF)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #048661FF)';
-/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #84FBD9FF)';
-/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #7AFAD6FF)';
+export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #048F68FF)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #00AD7C2E)';
+export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #00AD7C3D)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #00AD7C33)';
+export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #00AD7C0F)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1EB83AFF)';
+export var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #178C2CFF)';
+export var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #18952FFF)';
 /** Цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB782DFF)';
+export var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB7223FF)';
 /** Цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #E65705FF)';
+export var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #F05B05FF)';
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
-export var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF5263FF)';
+export var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF475AFF)';
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
-export var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)';
+export var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF1F35FF)';
 /** Цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #209CEEFF)';
+export var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)';
 /** Цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #0F81CCFF)';
+export var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #1086D5FF)';
 /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #94F9A7FF)';
+export var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #B1FBBFFF)';
 /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #8BF99FFF)';
+export var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #94F9A7FF)';
 /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEDCC8FF)';
+export var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEE9DCFF)';
 /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FED9C3FF)';
+export var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FEDCC8FF)';
 /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
-export var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFD6DAFF)';
+export var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFEBEDFF)';
 /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
-export var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD1D6FF)';
+export var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD6DAFF)';
 /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)';
+export var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #DBF1FFFF)';
 /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C2E7FFFF)';
+export var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C7E9FFFF)';
 /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E322E)';
+export var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E323D)';
 /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E3233)';
+export var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E320F)';
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F052E)';
+export var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F053D)';
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F0533)';
+export var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F050F)';
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E2E)';
+export var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E3D)';
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E33)';
+export var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E0F)';
 /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF2E)';
+export var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF3D)';
 /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF33)';
+export var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF0F)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
@@ -826,41 +822,41 @@ export var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-i
 /** Основной прозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080808)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
-export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F2F2F2FF)';
+export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #FAFAFAFF)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #F0F0F0FF)';
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #D9D9D9FF)';
+export var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #E8E8E8FF)';
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #D4D4D4FF)';
+export var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #D9D9D9FF)';
 /** Инвертированный третичный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #C2C2C2FF)';
+export var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #D1D1D1FF)';
 /** Инвертированный третичный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #BDBDBDFF)';
+export var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #C2C2C2FF)';
 /** Инвертированный основной фон для карточек */
 export var inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)';
 /** Инвертированный основной фон для карточек */
 export var inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)';
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-export var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #262626FF)';
+export var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #0D0D0DFF)';
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
 export var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)';
 /** Инвертированный основной прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #0808080A)';
+export var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #08080812)';
 /** Инвертированный основной прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #0808080D)';
+export var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #08080803)';
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #08080814)';
+export var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #0808081F)';
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #0808081A)';
+export var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #0808080A)';
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808082E)';
+export var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808083D)';
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #08080833)';
+export var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #0808080F)';
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #080808B3)';
+export var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #080808C2)';
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #080808B8)';
+export var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #08080894)';
 /** Инвертированный прозрачный фон для карточек */
 export var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)';
 /** Инвертированный прозрачный фон для карточек */
@@ -872,59 +868,63 @@ export var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFF
 /** Инвертированный акцентный фон поверхности/контрола */
 export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #05AD7EFF)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #048661FF)';
+export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #048F68FF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #84FBD9FF)';
+export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #A1FCE2FF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #7AFAD6FF)';
+export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #84FBD9FF)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #00AD7C2E)';
+export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #00AD7C3D)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #00AD7C33)';
+export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #00AD7C0F)';
 /** Инвертированный цвет фона поверхности/контрола успех */
-export var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1EB83AFF)';
+export var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)';
 /** Инвертированный цвет фона поверхности/контрола успех */
-export var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #178C2CFF)';
+export var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #18952FFF)';
 /** Инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB782DFF)';
+export var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB7223FF)';
 /** Инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #E65705FF)';
+export var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #F05B05FF)';
 /** Инвертированный цвет фона поверхности/контрола ошибка */
-export var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF5263FF)';
+export var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF475AFF)';
 /** Инвертированный цвет фона поверхности/контрола ошибка */
-export var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF142CFF)';
+export var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF1F35FF)';
+/** Инвертированный цвет фона поверхности/контрола информация */
+export var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)';
+/** Инвертированный цвет фона поверхности/контрола информация */
+export var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #1086D5FF)';
 /** Инвертированный минорный цвет фона поверхности/контрола успех */
-export var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #94F9A7FF)';
+export var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #B1FBBFFF)';
 /** Инвертированный минорный цвет фона поверхности/контрола успех */
-export var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #8BF99FFF)';
+export var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #94F9A7FF)';
 /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEDCC8FF)';
+export var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEE9DCFF)';
 /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FED9C3FF)';
+export var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FEDCC8FF)';
 /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
-export var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFD6DAFF)';
+export var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFEBEDFF)';
 /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
-export var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD1D6FF)';
+export var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD6DAFF)';
 /** Инвертированный минорный цвет фона поверхности/контрола информация */
-export var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #C7E9FFFF)';
+export var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #DBF1FFFF)';
 /** Инвертированный минорный цвет фона поверхности/контрола информация */
-export var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C2E7FFFF)';
+export var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C7E9FFFF)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
-export var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E322E)';
+export var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E323D)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
-export var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E3233)';
+export var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E320F)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F052E)';
+export var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F053D)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F0533)';
+export var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F050F)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E2E)';
+export var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E3D)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E33)';
+export var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E0F)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
-export var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF2E)';
+export var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF3D)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
-export var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF33)';
+export var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF0F)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F5F5F5)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
@@ -1018,55 +1018,67 @@ export var inverseOverlayHard = 'var(--inverse-overlay-hard, #F9F9F9F5)';
 /** Инвертированный цвет фона паранжи размытый */
 export var inverseOverlayBlur = 'var(--inverse-overlay-blur, #F9F9F933)';
 /** Основной непрозрачный цвет обводки */
-export var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #545454FF)';
+export var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #FFFFFFFF)';
 /** Основной непрозрачный цвет обводки */
-export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #171717FF)';
+export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #ADADADFF)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #ABABABFF)';
+export var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #595959FF)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #363636FF)';
+export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #4A4A4AFF)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
+export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #8F8F8FFF)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #525252FF)';
+export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #808080FF)';
+/** Прозрачный цвет обводки по умолчанию */
+export var outlineTransparentDefaultHover = 'var(--outline-transparent-default-hover, #FAFAFA93)';
+/** Прозрачный цвет обводки по умолчанию */
+export var outlineTransparentDefaultActive = 'var(--outline-transparent-default-active, #FAFAFAC4)';
 /** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFF4D)';
+export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFF3D)';
 /** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF12)';
+export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF0F)';
 /** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #FFFFFFB3)';
+export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #FFFFFF66)';
 /** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #FFFFFF2B)';
+export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #FFFFFF38)';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #FFFFFFFF)';
+export var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #FFFFFFAD)';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #FFFFFF47)';
+export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #FFFFFF80)';
 /** Бесцветная обводка */
 export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
 /** Бесцветная обводка */
 export var outlineClearActive = 'var(--outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки */
-export var outlineAccentHover = 'var(--outline-accent-hover, #58EEC4FF)';
+export var outlineAccentHover = 'var(--outline-accent-hover, #17E8ADFF)';
 /** Акцентный цвет обводки */
 export var outlineAccentActive = 'var(--outline-accent-active, #11B083FF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #199F79FF)';
+export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #168D6BFF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #0B4736FF)';
+export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #127357FF)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #14CC98B3)';
+export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #14CC98FF)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #14CC982B)';
+export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #14CC9856)';
+/** Промо цвет обводки */
+export var outlinePromoHover = 'var(--outline-promo-hover, #CCCCCCFF)';
+/** Промо цвет обводки */
+export var outlinePromoActive = 'var(--outline-promo-active, #E6E6E6FF)';
+/** Минорный промо цвет обводки */
+export var outlinePromoMinorHover = 'var(--outline-promo-minor-hover, #CCCCCCFF)';
+/** Минорный промо цвет обводки */
+export var outlinePromoMinorActive = 'var(--outline-promo-minor-active, #E6E6E6FF)';
 /** Цвет обводки успех */
-export var outlinePositiveHover = 'var(--outline-positive-hover, #5EDE76FF)';
+export var outlinePositiveHover = 'var(--outline-positive-hover, #2ACB47FF)';
 /** Цвет обводки успех */
 export var outlinePositiveActive = 'var(--outline-positive-active, #1F9835FF)';
 /** Цвет обводки предупреждение */
-export var outlineWarningHover = 'var(--outline-warning-hover, #FFA575FF)';
+export var outlineWarningHover = 'var(--outline-warning-hover, #FF8442FF)';
 /** Цвет обводки предупреждение */
 export var outlineWarningActive = 'var(--outline-warning-active, #FF5D05FF)';
 /** Цвет обводки ошибка */
-export var outlineNegativeHover = 'var(--outline-negative-hover, #FF8F9AFF)';
+export var outlineNegativeHover = 'var(--outline-negative-hover, #FF5C6CFF)';
 /** Цвет обводки ошибка */
 export var outlineNegativeActive = 'var(--outline-negative-active, #FF1F35FF)';
 /** Цвет обводки информация */
@@ -1076,43 +1088,43 @@ export var outlineInfoActive = 'var(--outline-info-active, #0E8ADDFF)';
 /** Минорный цвет обводки успех */
 export var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F9527FF)';
 /** Минорный цвет обводки успех */
-export var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #074A14FF)';
+export var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #0C7920FF)';
 /** Минорный цвет обводки предупреждение */
 export var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #BB4F11FF)';
 /** Минорный цвет обводки предупреждение */
-export var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #70300AFF)';
+export var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #9F440FFF)';
 /** Минорный цвет обводки ошибка */
-export var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #D41C2EFF)';
+export var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #B91828FF)';
 /** Минорный цвет обводки ошибка */
-export var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #8C121EFF)';
+export var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #83111CFF)';
 /** Минорный цвет обводки информация */
 export var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1277BAFF)';
 /** Минорный цвет обводки информация */
-export var outlineInfoMinorActive = 'var(--outline-info-minor-active, #0B476FFF)';
+export var outlineInfoMinorActive = 'var(--outline-info-minor-active, #10659EFF)';
 /** Прозрачный цвет обводки успех */
 export var outlineTransparentPositive = 'var(--outline-transparent-positive, #1A9E3247)';
 /** Прозрачный цвет обводки успех */
-export var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #1A9E32B3)';
+export var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #1A9E32FF)';
 /** Прозрачный цвет обводки успех */
-export var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #1A9E322B)';
+export var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #1A9E3256)';
 /** Прозрачный цвет обводки предупреждение */
 export var outlineTransparentWarning = 'var(--outline-transparent-warning, #FA5F0547)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FA5F05B3)';
+export var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FA5F05FF)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FA5F052B)';
+export var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FA5F0556)';
 /** Прозрачный цвет обводки предупреждение */
 export var outlineTransparentNegative = 'var(--outline-transparent-negative, #FF293E47)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF293EB3)';
+export var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF293EFF)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF293E2B)';
+export var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF293E56)';
 /** Прозрачный цвет обводки информация */
 export var outlineTransparentInfo = 'var(--outline-transparent-info, #118CDF47)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #118CDFB3)';
+export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #118CDFFF)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #118CDF2B)';
+export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #118CDF56)';
 /** Основной непрозрачный цвет обводки */
 export var outlineSolidPrimary = 'var(--outline-solid-primary, #262626)';
 /** Бесцветная обводка */
@@ -1150,55 +1162,67 @@ export var outlineSolidSecondary = 'var(--outline-solid-secondary, #4E4E4E)';
 /** Третичный непрозрачный цвет обводки */
 export var outlineSolidTertiary = 'var(--outline-solid-tertiary, #858585)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #545454FF)';
+export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #171717FF)';
+export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #ADADADFF)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #ABABABFF)';
+export var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #595959FF)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #363636FF)';
+export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #4A4A4AFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #8F8F8FFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #525252FF)';
+export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #808080FF)';
+/** Прозрачный цвет обводки по умолчанию на темном фоне */
+export var onDarkOutlineTransparentDefaultHover = 'var(--on-dark-outline-transparent-default-hover, #FAFAFA93)';
+/** Прозрачный цвет обводки по умолчанию на темном фоне */
+export var onDarkOutlineTransparentDefaultActive = 'var(--on-dark-outline-transparent-default-active, #FAFAFAC4)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFF4D)';
+export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFF3D)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
+export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF0F)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #FFFFFFB3)';
+export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #FFFFFF66)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #FFFFFF2B)';
+export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #FFFFFF38)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #FFFFFFFF)';
+export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #FFFFFFAD)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FFFFFF47)';
+export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FFFFFF80)';
 /** Бесцветная обводка на темном фоне */
 export var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF00)';
 /** Бесцветная обводка на темном фоне */
 export var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #58EEC4FF)';
+export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #17E8ADFF)';
 /** Акцентный цвет обводки на темном фоне */
 export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #11B083FF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #199F79FF)';
+export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #168D6BFF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #0B4736FF)';
+export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #127357FF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #14CC98B3)';
+export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #14CC98FF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #14CC982B)';
+export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #14CC9856)';
+/** Промо цвет обводки на темном фоне */
+export var onDarkOutlinePromoHover = 'var(--on-dark-outline-promo-hover, #CCCCCCFF)';
+/** Промо цвет обводки на темном фоне */
+export var onDarkOutlinePromoActive = 'var(--on-dark-outline-promo-active, #E6E6E6FF)';
+/** Минорный промо цвет обводки на темном фоне */
+export var onDarkOutlinePromoMinorHover = 'var(--on-dark-outline-promo-minor-hover, #CCCCCCFF)';
+/** Минорный промо цвет обводки на темном фоне */
+export var onDarkOutlinePromoMinorActive = 'var(--on-dark-outline-promo-minor-active, #E6E6E6FF)';
 /** Цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #5EDE76FF)';
+export var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #2ACB47FF)';
 /** Цвет обводки успех на темном фоне */
 export var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #1F9835FF)';
 /** Цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FFA575FF)';
+export var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FF8442FF)';
 /** Цвет обводки предупреждение на темном фоне */
 export var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #FF5D05FF)';
 /** Цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF8F9AFF)';
+export var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF5C6CFF)';
 /** Цвет обводки ошибка на темном фоне */
 export var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #FF1F35FF)';
 /** Цвет обводки информация на темном фоне */
@@ -1208,43 +1232,43 @@ export var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #0E8ADD
 /** Минорный цвет обводки успех на темном фоне */
 export var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0F9527FF)';
 /** Минорный цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #074A14FF)';
+export var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #0C7920FF)';
 /** Минорный цвет обводки предупреждение на темном фоне */
 export var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #BB4F11FF)';
 /** Минорный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #70300AFF)';
+export var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #9F440FFF)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #D41C2EFF)';
+export var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #B91828FF)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #8C121EFF)';
+export var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #83111CFF)';
 /** Минорный цвет обводки информация на темном фоне */
 export var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
 /** Минорный цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #0B476FFF)';
+export var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #10659EFF)';
 /** Прозрачный цвет обводки успех на темном фоне */
 export var onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, #1A9E3247)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #1A9E32B3)';
+export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #1A9E32FF)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #1A9E322B)';
+export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #1A9E3256)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
 export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, #FA5F0547)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FA5F05B3)';
+export var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FA5F05FF)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FA5F052B)';
+export var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FA5F0556)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
 export var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, #FF293E47)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF293EB3)';
+export var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF293EFF)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF293E2B)';
+export var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF293E56)';
 /** Прозрачный цвет обводки информация на темном фоне */
 export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, #118CDF47)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #118CDFB3)';
+export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #118CDFFF)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #118CDF2B)';
+export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #118CDF56)';
 /** Основной непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)';
 /** Бесцветная обводка на темном фоне */
@@ -1286,89 +1310,101 @@ export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-prima
 /** Основной непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C4C4C4FF)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #DBDBDBFF)';
+export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #BDBDBDFF)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #8F8F8FFF)';
+export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #ADADADFF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #A3A3A3FF)';
+export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #5C5C5CFF)';
+export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #737373FF)';
+/** Прозрачный цвет обводки по умолчанию на светлом фоне */
+export var onLightOutlineTransparentDefaultHover = 'var(--on-light-outline-transparent-default-hover, #08080893)';
+/** Прозрачный цвет обводки по умолчанию на светлом фоне */
+export var onLightOutlineTransparentDefaultActive = 'var(--on-light-outline-transparent-default-active, #080808C4)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #08080852)';
+export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #0808083D)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #08080838)';
+export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #0808080F)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #0808082B)';
+export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #08080866)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #08080872)';
+export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #08080838)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #08080847)';
+export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #080808AD)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #080808FF)';
+export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #08080880)';
 /** Бесцветная обводка на светлом фоне */
 export var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFF00)';
 /** Бесцветная обводка на светлом фоне */
 export var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #06CB93FF)';
+export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #06B785FF)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #047253FF)';
+export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #047C5AFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #58EEC4FF)';
+export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #17E8ADFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #11B083FF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #05996F1F)';
+export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #05996FFF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #05996F52)';
+export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #05996F3D)';
+/** Промо цвет обводки на светлом фоне */
+export var onLightOutlinePromoHover = 'var(--on-light-outline-promo-hover, #CCCCCCFF)';
+/** Промо цвет обводки на светлом фоне */
+export var onLightOutlinePromoActive = 'var(--on-light-outline-promo-active, #E6E6E6FF)';
+/** Минорный промо цвет обводки на светлом фоне */
+export var onLightOutlinePromoMinorHover = 'var(--on-light-outline-promo-minor-hover, #CCCCCCFF)';
+/** Минорный промо цвет обводки на светлом фоне */
+export var onLightOutlinePromoMinorActive = 'var(--on-light-outline-promo-minor-active, #E6E6E6FF)';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #24DB45FF)';
+export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #1EB83AFF)';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #178C2CFF)';
+export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #15842AFF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FC9F69FF)';
+export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FB7223FF)';
 /** Цвет обводки предупреждение на светлом фоне */
 export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #DC5304FF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #FF7A88FF)';
+export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #FF475AFF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #FF001AFF)';
+export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #FF0A23FF)';
 /** Цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #62B9F3FF)';
+export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #50B1F2FF)';
 /** Цвет обводки информация на светлом фоне */
 export var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #0F7BC2FF)';
 /** Минорный цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #7AE68EFF)';
+export var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #3EDA5BFF)';
 /** Минорный цвет обводки успех на светлом фоне */
 export var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #23B83EFF)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB790FF)';
+export var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB086FF)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC8240FF)';
+export var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC884AFF)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFB8BFFF)';
+export var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFADB6FF)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF6675FF)';
+export var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF707EFF)';
 /** Минорный цвет обводки информация на светлом фоне */
 export var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A3DAFFFF)';
 /** Минорный цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #29A9FFFF)';
+export var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #33ADFFFF)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #1A9E321F)';
+export var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #1A9E32FF)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #1A9E3252)';
+export var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #1A9E323D)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #FA5F051F)';
+export var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #FA5F05FF)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #FA5F0552)';
+export var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #FA5F053D)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #FF293E1F)';
+export var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #FF293EFF)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #FF293E52)';
+export var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #FF293E3D)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #118CDF1F)';
+export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #118CDFFF)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #118CDF52)';
+export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #118CDF3D)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #DDDDDD)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
@@ -1418,95 +1454,107 @@ export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primar
 /** Инвертированный основной непрозрачный цвет обводки */
 export var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C4C4C4FF)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #DBDBDBFF)';
+export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #BDBDBDFF)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #8F8F8FFF)';
+export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #ADADADFF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #A3A3A3FF)';
+export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #5C5C5CFF)';
+export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #737373FF)';
+/** Инвертированный прозрачный цвет обводки по умолчанию */
+export var inverseOutlineTransparentDefaultHover = 'var(--inverse-outline-transparent-default-hover, #08080893)';
+/** Инвертированный прозрачный цвет обводки по умолчанию */
+export var inverseOutlineTransparentDefaultActive = 'var(--inverse-outline-transparent-default-active, #080808C4)';
 /** Инвертированный основной прозрачный цвет обводки */
 export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #0808081F)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #08080852)';
+export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #080808FF)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #08080838)';
+export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #08080825)';
 /** Инвертированный вторичный прозрачный цвет обводки */
 export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, #08080847)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #0808082B)';
+export var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #080808FF)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #08080872)';
+export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #08080856)';
 /** Инвертированный третичный прозрачный цвет обводки */
 export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, #0808088F)';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #08080847)';
+export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #080808FF)';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808FF)';
+export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808AB)';
 /** Инвертированная бесцветная обводка */
 export var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
 /** Инвертированная бесцветная обводка */
 export var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #06CB93FF)';
+export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #06B785FF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #047253FF)';
+export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #047C5AFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #58EEC4FF)';
+export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #17E8ADFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
 export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #11B083FF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #05996F1F)';
+export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #05996FFF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #05996F52)';
+export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #05996F3D)';
+/** Инвертированный промо цвет обводки */
+export var inverseOutlinePromoHover = 'var(--inverse-outline-promo-hover, #CCCCCCFF)';
+/** Инвертированный промо цвет обводки */
+export var inverseOutlinePromoActive = 'var(--inverse-outline-promo-active, #E6E6E6FF)';
+/** Инвертированный минорный промо цвет обводки */
+export var inverseOutlinePromoMinorHover = 'var(--inverse-outline-promo-minor-hover, #CCCCCCFF)';
+/** Инвертированный минорный промо цвет обводки */
+export var inverseOutlinePromoMinorActive = 'var(--inverse-outline-promo-minor-active, #E6E6E6FF)';
 /** Инвертированный цвет обводки успех */
-export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #24DB45FF)';
+export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #1EB83AFF)';
 /** Инвертированный цвет обводки успех */
-export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #178C2CFF)';
+export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #15842AFF)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FC9F69FF)';
+export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FB7223FF)';
 /** Инвертированный цвет обводки предупреждение */
 export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #DC5304FF)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #FF7A88FF)';
+export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #FF475AFF)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #FF001AFF)';
+export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #FF0A23FF)';
 /** Инвертированный цвет обводки информация */
-export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #62B9F3FF)';
+export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #50B1F2FF)';
 /** Инвертированный цвет обводки информация */
 export var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #0F7BC2FF)';
 /** Инвертированный минорный цвет обводки успех */
-export var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #7AE68EFF)';
+export var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #3EDA5BFF)';
 /** Инвертированный минорный цвет обводки успех */
 export var inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #23B83EFF)';
 /** Инвертированный минорный цвет обводки предупреждение */
-export var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB790FF)';
+export var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB086FF)';
 /** Инвертированный минорный цвет обводки предупреждение */
-export var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC8240FF)';
+export var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC884AFF)';
 /** Инвертированный минорный цвет обводки ошибка */
-export var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFB8BFFF)';
+export var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFADB6FF)';
 /** Инвертированный минорный цвет обводки ошибка */
-export var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF6675FF)';
+export var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF707EFF)';
 /** Инвертированный минорный цвет обводки информация */
 export var inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #A3DAFFFF)';
 /** Инвертированный минорный цвет обводки информация */
-export var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #29A9FFFF)';
+export var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #33ADFFFF)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #1A9E321F)';
+export var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #1A9E32FF)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #1A9E3252)';
+export var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #1A9E323D)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #FA5F051F)';
+export var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #FA5F05FF)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #FA5F0552)';
+export var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #FA5F053D)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #FF293E1F)';
+export var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #FF293EFF)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #FF293E52)';
+export var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #FF293E3D)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #118CDF1F)';
+export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #118CDFFF)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #118CDF52)';
+export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #118CDF3D)';
 /** Прозрачный инвертированный цвет обводки успех */
 export var inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, #1A9E3233)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
@@ -1584,39 +1632,39 @@ export var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transp
 /** Желтый цвет для данных на светлом фоне */
 export var onLightDataYellow = 'var(--on-light-data-yellow, #F3A912)';
 /** Желтый цвет для данных на светлом фоне */
-export var onLightDataYellowHover = 'var(--on-light-data-yellow-hover, #F5B638FF)';
+export var onLightDataYellowHover = 'var(--on-light-data-yellow-hover, #F4B22FFF)';
 /** Желтый цвет для данных на светлом фоне */
-export var onLightDataYellowActive = 'var(--on-light-data-yellow-active, #E49C0CFF)';
+export var onLightDataYellowActive = 'var(--on-light-data-yellow-active, #EDA20CFF)';
 /** Минорный желтый цвет для данных на светлом фоне */
 export var onLightDataYellowMinor = 'var(--on-light-data-yellow-minor, #FFD37A)';
 /** Минорный желтый цвет для данных на светлом фоне */
-export var onLightDataYellowMinorHover = 'var(--on-light-data-yellow-minor-hover, #FFCF70FF)';
+export var onLightDataYellowMinorHover = 'var(--on-light-data-yellow-minor-hover, #FFDA8FFF)';
 /** Минорный желтый цвет для данных на светлом фоне */
-export var onLightDataYellowMinorActive = 'var(--on-light-data-yellow-minor-active, #FFCC66FF)';
+export var onLightDataYellowMinorActive = 'var(--on-light-data-yellow-minor-active, #FFCF70FF)';
 /** Прозрачный желтый цвет для данных на светлом фоне */
 export var onLightDataYellowTransparent = 'var(--on-light-data-yellow-transparent, #F3A9128F)';
 /** Прозрачный желтый цвет для данных на светлом фоне */
-export var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F3A8129E)';
+export var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F3A812AD)';
 /** Прозрачный желтый цвет для данных на светлом фоне */
-export var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #F3A812A3)';
+export var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #F3A81280)';
 /** Инвертированный желтый цвет для данных */
 export var inverseDataYellow = 'var(--inverse-data-yellow, #F3A912)';
 /** Инвертированный желтый цвет для данных */
-export var inverseDataYellowHover = 'var(--inverse-data-yellow-hover, #F5B638FF)';
+export var inverseDataYellowHover = 'var(--inverse-data-yellow-hover, #F4B22FFF)';
 /** Инвертированный желтый цвет для данных */
-export var inverseDataYellowActive = 'var(--inverse-data-yellow-active, #E49C0CFF)';
+export var inverseDataYellowActive = 'var(--inverse-data-yellow-active, #EDA20CFF)';
 /** Инвертированный минорный желтый цвет для данных */
 export var inverseDataYellowMinor = 'var(--inverse-data-yellow-minor, #FFD37A)';
 /** Инвертированный минорный желтый цвет для данных */
-export var inverseDataYellowMinorHover = 'var(--inverse-data-yellow-minor-hover, #FFCF70FF)';
+export var inverseDataYellowMinorHover = 'var(--inverse-data-yellow-minor-hover, #FFDA8FFF)';
 /** Инвертированный минорный желтый цвет для данных */
-export var inverseDataYellowMinorActive = 'var(--inverse-data-yellow-minor-active, #FFCC66FF)';
+export var inverseDataYellowMinorActive = 'var(--inverse-data-yellow-minor-active, #FFCF70FF)';
 /** Инвертированный прозрачный желтый цвет для данных */
 export var inverseDataYellowTransparent = 'var(--inverse-data-yellow-transparent, #F3A9128F)';
 /** Инвертированный прозрачный желтый цвет для данных */
-export var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F3A8129E)';
+export var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F3A812AD)';
 /** Инвертированный прозрачный желтый цвет для данных */
-export var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #F3A812A3)';
+export var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #F3A81280)';
 /** Акцентный цвет с градиентом */
 export var textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)';
 /** Акцентный цвет с градиентом */
@@ -1714,27 +1762,91 @@ export var inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skel
 /** Яркий фон для скелетона */
 export var inverseSurfaceSkeletonDeepGradientActive = 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
 /** Акцентный цвет обводки с градиентом */
-export var outlineAccentGradientHover = 'var(--outline-accent-gradient-hover, #858585FF)';
+export var outlineAccentGradientHover = 'var(--outline-accent-gradient-hover, #CCCCCCFF)';
 /** Акцентный цвет обводки с градиентом */
-export var outlineAccentGradientActive = 'var(--outline-accent-gradient-active, #666666FF)';
+export var outlineAccentGradientActive = 'var(--outline-accent-gradient-active, #E6E6E6FF)';
+/** Акцентный минорный цвет обводки с градиентом */
+export var outlineAccentMinorGradientHover = 'var(--outline-accent-minor-gradient-hover, #CCCCCCFF)';
+/** Акцентный минорный цвет обводки с градиентом */
+export var outlineAccentMinorGradientActive = 'var(--outline-accent-minor-gradient-active, #E6E6E6FF)';
+/** Прозрачный акцентный цвет обводки с градиентом */
+export var outlineTransparentAccentGradientHover = 'var(--outline-transparent-accent-gradient-hover, #CCCCCCFF)';
+/** Прозрачный акцентный цвет обводки с градиентом */
+export var outlineTransparentAccentGradientActive = 'var(--outline-transparent-accent-gradient-active, #E6E6E6FF)';
+/** Промо цвет обводки с градиентом */
+export var outlinePromoGradientHover = 'var(--outline-promo-gradient-hover, #CCCCCCFF)';
+/** Промо цвет обводки с градиентом */
+export var outlinePromoGradientActive = 'var(--outline-promo-gradient-active, #E6E6E6FF)';
+/** Минорный промо цвет обводки с градиентом */
+export var outlinePromoMinorGradientHover = 'var(--outline-promo-minor-gradient-hover, #CCCCCCFF)';
+/** Минорный промо цвет обводки с градиентом */
+export var outlinePromoMinorGradientActive = 'var(--outline-promo-minor-gradient-active, #E6E6E6FF)';
 /** Акцентный цвет обводки с градиентом */
 export var outlineAccentGradient = 'var(--outline-accent-gradient, linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%))';
 /** Акцентный цвет обводки с градиентом на темном фоне */
-export var onDarkOutlineAccentGradientHover = 'var(--on-dark-outline-accent-gradient-hover, #858585FF)';
+export var onDarkOutlineAccentGradientHover = 'var(--on-dark-outline-accent-gradient-hover, #CCCCCCFF)';
 /** Акцентный цвет обводки с градиентом на темном фоне */
-export var onDarkOutlineAccentGradientActive = 'var(--on-dark-outline-accent-gradient-active, #666666FF)';
+export var onDarkOutlineAccentGradientActive = 'var(--on-dark-outline-accent-gradient-active, #E6E6E6FF)';
+/** Акцентный минорный цвет обводки с градиентом на темном фоне */
+export var onDarkOutlineAccentMinorGradientHover = 'var(--on-dark-outline-accent-minor-gradient-hover, #CCCCCCFF)';
+/** Акцентный минорный цвет обводки с градиентом на темном фоне */
+export var onDarkOutlineAccentMinorGradientActive = 'var(--on-dark-outline-accent-minor-gradient-active, #E6E6E6FF)';
+/** Прозрачный акцентный цвет обводки с градиентом на темном фоне */
+export var onDarkOutlineTransparentAccentGradientHover = 'var(--on-dark-outline-transparent-accent-gradient-hover, #CCCCCCFF)';
+/** Прозрачный акцентный цвет обводки с градиентом на темном фоне */
+export var onDarkOutlineTransparentAccentGradientActive = 'var(--on-dark-outline-transparent-accent-gradient-active, #E6E6E6FF)';
+/** Промо цвет обводки с градиентом на темном фоне */
+export var onDarkOutlinePromoGradientHover = 'var(--on-dark-outline-promo-gradient-hover, #CCCCCCFF)';
+/** Промо цвет обводки с градиентом на темном фоне */
+export var onDarkOutlinePromoGradientActive = 'var(--on-dark-outline-promo-gradient-active, #E6E6E6FF)';
+/** Минорный промо цвет обводки с градиентом на темном фоне */
+export var onDarkOutlinePromoMinorGradientHover = 'var(--on-dark-outline-promo-minor-gradient-hover, #CCCCCCFF)';
+/** Минорный промо цвет обводки с градиентом на темном фоне */
+export var onDarkOutlinePromoMinorGradientActive = 'var(--on-dark-outline-promo-minor-gradient-active, #E6E6E6FF)';
 /** Акцентный цвет обводки с градиентом на темном фоне */
 export var onDarkOutlineAccentGradient = 'var(--on-dark-outline-accent-gradient, linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%))';
 /** Акцентный цвет обводки с градиентом на светлом фоне */
 export var onLightOutlineAccentGradientHover = 'var(--on-light-outline-accent-gradient-hover, #CCCCCCFF)';
 /** Акцентный цвет обводки с градиентом на светлом фоне */
 export var onLightOutlineAccentGradientActive = 'var(--on-light-outline-accent-gradient-active, #E6E6E6FF)';
+/** Акцентный минорный цвет обводки с градиентом на светлом фоне */
+export var onLightOutlineAccentMinorGradientHover = 'var(--on-light-outline-accent-minor-gradient-hover, #CCCCCCFF)';
+/** Акцентный минорный цвет обводки с градиентом на светлом фоне */
+export var onLightOutlineAccentMinorGradientActive = 'var(--on-light-outline-accent-minor-gradient-active, #E6E6E6FF)';
+/** Прозрачный акцентный цвет обводки с градиентом на светлом фоне */
+export var onLightOutlineTransparentAccentGradientHover = 'var(--on-light-outline-transparent-accent-gradient-hover, #CCCCCCFF)';
+/** Прозрачный акцентный цвет обводки с градиентом на светлом фоне */
+export var onLightOutlineTransparentAccentGradientActive = 'var(--on-light-outline-transparent-accent-gradient-active, #E6E6E6FF)';
+/** Промо цвет обводки с градиентом на светлом фоне */
+export var onLightOutlinePromoGradientHover = 'var(--on-light-outline-promo-gradient-hover, #CCCCCCFF)';
+/** Промо цвет обводки с градиентом на светлом фоне */
+export var onLightOutlinePromoGradientActive = 'var(--on-light-outline-promo-gradient-active, #E6E6E6FF)';
+/** Минорный промо цвет обводки с градиентом на светлом фоне */
+export var onLightOutlinePromoMinorGradientHover = 'var(--on-light-outline-promo-minor-gradient-hover, #CCCCCCFF)';
+/** Минорный промо цвет обводки с градиентом на светлом фоне */
+export var onLightOutlinePromoMinorGradientActive = 'var(--on-light-outline-promo-minor-gradient-active, #E6E6E6FF)';
 /** Акцентный цвет обводки с градиентом на светлом фоне */
 export var onLightOutlineAccentGradient = 'var(--on-light-outline-accent-gradient, linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%))';
 /** Инвертированный акцентный цвет обводки с градиентом */
 export var inverseOutlineAccentGradientHover = 'var(--inverse-outline-accent-gradient-hover, #CCCCCCFF)';
 /** Инвертированный акцентный цвет обводки с градиентом */
 export var inverseOutlineAccentGradientActive = 'var(--inverse-outline-accent-gradient-active, #E6E6E6FF)';
+/** Инвертированный акцентный минорный цвет обводки с градиентом */
+export var inverseOutlineAccentMinorGradientHover = 'var(--inverse-outline-accent-minor-gradient-hover, #CCCCCCFF)';
+/** Инвертированный акцентный минорный цвет обводки с градиентом */
+export var inverseOutlineAccentMinorGradientActive = 'var(--inverse-outline-accent-minor-gradient-active, #E6E6E6FF)';
+/** Прозрачный инвертированный акцентный цвет обводки с градиентом */
+export var inverseOutlineTransparentAccentGradientHover = 'var(--inverse-outline-transparent-accent-gradient-hover, #CCCCCCFF)';
+/** Прозрачный инвертированный акцентный цвет обводки с градиентом */
+export var inverseOutlineTransparentAccentGradientActive = 'var(--inverse-outline-transparent-accent-gradient-active, #E6E6E6FF)';
+/** Инвертированный промо цвет обводки с градиентом */
+export var inverseOutlinePromoGradientHover = 'var(--inverse-outline-promo-gradient-hover, #CCCCCCFF)';
+/** Инвертированный промо цвет обводки с градиентом */
+export var inverseOutlinePromoGradientActive = 'var(--inverse-outline-promo-gradient-active, #E6E6E6FF)';
+/** Инвертированный минорный промо цвет обводки с градиентом */
+export var inverseOutlinePromoMinorGradientHover = 'var(--inverse-outline-promo-minor-gradient-hover, #CCCCCCFF)';
+/** Инвертированный минорный промо цвет обводки с градиентом */
+export var inverseOutlinePromoMinorGradientActive = 'var(--inverse-outline-promo-minor-gradient-active, #E6E6E6FF)';
 /** Инвертированный акцентный цвет обводки с градиентом */
 export var inverseOutlineAccentGradient = 'var(--inverse-outline-accent-gradient, linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%))';
 /** shadow down soft s */
@@ -2265,7 +2377,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-secondary: var(--on-dark-text-secondary);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-accent: var(--on-dark-text-accent);\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-accent-minor: var(--on-dark-text-accent-minor);\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        --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-secondary: var(--on-light-text-secondary);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\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        --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-clear: var(--on-dark-surface-clear);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\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-accent: var(--on-dark-surface-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-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-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-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-accent: var(--on-dark-surface-transparent-accent);\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-info: var(--on-dark-surface-transparent-info);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\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-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-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-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-accent: var(--on-light-surface-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-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-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-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-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\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-info: var(--on-light-surface-transparent-info);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\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-soft: var(--on-dark-overlay-soft);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-blur: var(--on-dark-overlay-blur);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\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-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-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: var(--on-dark-outline-transparent-positive);\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: var(--on-dark-outline-transparent-warning);\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: var(--on-dark-outline-transparent-negative);\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: var(--on-dark-outline-transparent-info);\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-clear: var(--on-dark-outline-clear);\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-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\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-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --inverse-outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-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-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-primary: var(--on-light-outline-solid-primary);\n        --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --inverse-outline-clear: var(--on-light-outline-clear);\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-warning: var(--on-light-outline-warning);\n        --inverse-outline-negative: var(--on-light-outline-negative);\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-solid-secondary: var(--on-light-outline-solid-secondary);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\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: var(--on-dark-data-yellow-transparent);\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        --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: var(--on-light-data-yellow-transparent);\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        --text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n        --text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n        --text-accent-gradient: var(--on-dark-text-accent-gradient);\n        --inverse-text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n        --inverse-text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n        --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n        --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\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-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\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        --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n        --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\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-secondary: var(--on-light-text-secondary);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-accent: var(--on-light-text-accent);\n        --text-positive: var(--on-light-text-positive);\n        --text-warning: var(--on-light-text-warning);\n        --text-negative: var(--on-light-text-negative);\n        --text-accent-minor: var(--on-light-text-accent-minor);\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        --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-secondary: var(--on-dark-text-secondary);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-accent: var(--on-dark-text-accent);\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-accent-minor: var(--on-dark-text-accent-minor);\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        --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-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-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-light-surface-solid-default);\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-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-negative: var(--on-light-surface-negative);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-positive: var(--on-light-surface-positive);\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-accent-minor: var(--on-light-surface-accent-minor);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\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-info: var(--on-light-surface-transparent-info);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\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-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-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-clear: var(--on-dark-surface-clear);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\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-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\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: var(--on-dark-surface-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-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-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\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-info: var(--on-dark-surface-transparent-info);\n        --background-primary: var(--light-background-primary);\n        --background-primary-brightness: var(--light-background-primary-brightness);\n        --inverse-background-primary: var(--dark-background-primary);\n        --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-blur: var(--on-light-overlay-blur);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\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-transparent-primary: var(--on-light-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-clear-active: var(--on-light-outline-clear-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-tertiary: var(--on-light-outline-solid-tertiary);\n        --outline-clear: var(--on-light-outline-clear);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\n        --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-negative: var(--on-light-outline-negative);\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-solid-secondary: var(--on-light-outline-solid-secondary);\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-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-dark-outline-clear-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-transparent-accent: var(--on-dark-outline-transparent-accent);\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-primary: var(--on-dark-outline-solid-primary);\n        --inverse-outline-clear: var(--on-dark-outline-clear);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\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-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\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: var(--on-light-data-yellow-transparent);\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        --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        --text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n        --text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n        --text-accent-gradient: var(--on-light-text-accent-gradient);\n        --inverse-text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n        --inverse-text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n        --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n        --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\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-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\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        --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n        --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\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-secondary: var(--on-dark-text-secondary);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-accent: var(--on-dark-text-accent);\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-accent-minor: var(--on-dark-text-accent-minor);\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        --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-secondary: var(--on-light-text-secondary);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\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        --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-clear: var(--on-dark-surface-clear);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\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-accent: var(--on-dark-surface-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-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-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-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-accent: var(--on-dark-surface-transparent-accent);\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-info: var(--on-dark-surface-transparent-info);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\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-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-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-accent: var(--on-light-surface-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-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-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-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-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\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-info: var(--on-light-surface-transparent-info);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\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-soft: var(--on-dark-overlay-soft);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-blur: var(--on-dark-overlay-blur);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\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-transparent-default-hover: var(--on-dark-outline-transparent-default-hover);\n        --outline-transparent-default-active: var(--on-dark-outline-transparent-default-active);\n        --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-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-promo-hover: var(--on-dark-outline-promo-hover);\n        --outline-promo-active: var(--on-dark-outline-promo-active);\n        --outline-promo-minor-hover: var(--on-dark-outline-promo-minor-hover);\n        --outline-promo-minor-active: var(--on-dark-outline-promo-minor-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: var(--on-dark-outline-transparent-positive);\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: var(--on-dark-outline-transparent-warning);\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: var(--on-dark-outline-transparent-negative);\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: var(--on-dark-outline-transparent-info);\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-clear: var(--on-dark-outline-clear);\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-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\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-transparent-default-hover: var(--on-light-outline-transparent-default-hover);\n        --inverse-outline-transparent-default-active: var(--on-light-outline-transparent-default-active);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --inverse-outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-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-promo-hover: var(--on-light-outline-promo-hover);\n        --inverse-outline-promo-active: var(--on-light-outline-promo-active);\n        --inverse-outline-promo-minor-hover: var(--on-light-outline-promo-minor-hover);\n        --inverse-outline-promo-minor-active: var(--on-light-outline-promo-minor-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-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-primary: var(--on-light-outline-solid-primary);\n        --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --inverse-outline-clear: var(--on-light-outline-clear);\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-warning: var(--on-light-outline-warning);\n        --inverse-outline-negative: var(--on-light-outline-negative);\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-solid-secondary: var(--on-light-outline-solid-secondary);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\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: var(--on-dark-data-yellow-transparent);\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        --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: var(--on-light-data-yellow-transparent);\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        --text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n        --text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n        --text-accent-gradient: var(--on-dark-text-accent-gradient);\n        --inverse-text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n        --inverse-text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n        --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n        --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\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-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\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        --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --outline-accent-minor-gradient-hover: var(--on-dark-outline-accent-minor-gradient-hover);\n        --outline-accent-minor-gradient-active: var(--on-dark-outline-accent-minor-gradient-active);\n        --outline-transparent-accent-gradient-hover: var(--on-dark-outline-transparent-accent-gradient-hover);\n        --outline-transparent-accent-gradient-active: var(--on-dark-outline-transparent-accent-gradient-active);\n        --outline-promo-gradient-hover: var(--on-dark-outline-promo-gradient-hover);\n        --outline-promo-gradient-active: var(--on-dark-outline-promo-gradient-active);\n        --outline-promo-minor-gradient-hover: var(--on-dark-outline-promo-minor-gradient-hover);\n        --outline-promo-minor-gradient-active: var(--on-dark-outline-promo-minor-gradient-active);\n        --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n        --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --inverse-outline-accent-minor-gradient-hover: var(--on-light-outline-accent-minor-gradient-hover);\n        --inverse-outline-accent-minor-gradient-active: var(--on-light-outline-accent-minor-gradient-active);\n        --inverse-outline-transparent-accent-gradient-hover: var(--on-light-outline-transparent-accent-gradient-hover);\n        --inverse-outline-transparent-accent-gradient-active: var(--on-light-outline-transparent-accent-gradient-active);\n        --inverse-outline-promo-gradient-hover: var(--on-light-outline-promo-gradient-hover);\n        --inverse-outline-promo-gradient-active: var(--on-light-outline-promo-gradient-active);\n        --inverse-outline-promo-minor-gradient-hover: var(--on-light-outline-promo-minor-gradient-hover);\n        --inverse-outline-promo-minor-gradient-active: var(--on-light-outline-promo-minor-gradient-active);\n        --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\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-secondary: var(--on-light-text-secondary);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-accent: var(--on-light-text-accent);\n        --text-positive: var(--on-light-text-positive);\n        --text-warning: var(--on-light-text-warning);\n        --text-negative: var(--on-light-text-negative);\n        --text-accent-minor: var(--on-light-text-accent-minor);\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        --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-secondary: var(--on-dark-text-secondary);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-accent: var(--on-dark-text-accent);\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-accent-minor: var(--on-dark-text-accent-minor);\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        --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-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-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-light-surface-solid-default);\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-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-negative: var(--on-light-surface-negative);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-positive: var(--on-light-surface-positive);\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-accent-minor: var(--on-light-surface-accent-minor);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\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-info: var(--on-light-surface-transparent-info);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\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-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-clear: var(--on-dark-surface-clear);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\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-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\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: var(--on-dark-surface-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-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-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\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-info: var(--on-dark-surface-transparent-info);\n        --background-primary: var(--light-background-primary);\n        --background-primary-brightness: var(--light-background-primary-brightness);\n        --inverse-background-primary: var(--dark-background-primary);\n        --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-blur: var(--on-light-overlay-blur);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\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-transparent-default-hover: var(--on-light-outline-transparent-default-hover);\n        --outline-transparent-default-active: var(--on-light-outline-transparent-default-active);\n        --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-clear-active: var(--on-light-outline-clear-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-promo-hover: var(--on-light-outline-promo-hover);\n        --outline-promo-active: var(--on-light-outline-promo-active);\n        --outline-promo-minor-hover: var(--on-light-outline-promo-minor-hover);\n        --outline-promo-minor-active: var(--on-light-outline-promo-minor-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-tertiary: var(--on-light-outline-solid-tertiary);\n        --outline-clear: var(--on-light-outline-clear);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\n        --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-negative: var(--on-light-outline-negative);\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-solid-secondary: var(--on-light-outline-solid-secondary);\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-transparent-default-hover: var(--on-dark-outline-transparent-default-hover);\n        --inverse-outline-transparent-default-active: var(--on-dark-outline-transparent-default-active);\n        --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-dark-outline-clear-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-promo-hover: var(--on-dark-outline-promo-hover);\n        --inverse-outline-promo-active: var(--on-dark-outline-promo-active);\n        --inverse-outline-promo-minor-hover: var(--on-dark-outline-promo-minor-hover);\n        --inverse-outline-promo-minor-active: var(--on-dark-outline-promo-minor-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-transparent-accent: var(--on-dark-outline-transparent-accent);\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-primary: var(--on-dark-outline-solid-primary);\n        --inverse-outline-clear: var(--on-dark-outline-clear);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\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-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\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: var(--on-light-data-yellow-transparent);\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        --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        --text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n        --text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n        --text-accent-gradient: var(--on-light-text-accent-gradient);\n        --inverse-text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n        --inverse-text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n        --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n        --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\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-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\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        --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --outline-accent-minor-gradient-hover: var(--on-light-outline-accent-minor-gradient-hover);\n        --outline-accent-minor-gradient-active: var(--on-light-outline-accent-minor-gradient-active);\n        --outline-transparent-accent-gradient-hover: var(--on-light-outline-transparent-accent-gradient-hover);\n        --outline-transparent-accent-gradient-active: var(--on-light-outline-transparent-accent-gradient-active);\n        --outline-promo-gradient-hover: var(--on-light-outline-promo-gradient-hover);\n        --outline-promo-gradient-active: var(--on-light-outline-promo-gradient-active);\n        --outline-promo-minor-gradient-hover: var(--on-light-outline-promo-minor-gradient-hover);\n        --outline-promo-minor-gradient-active: var(--on-light-outline-promo-minor-gradient-active);\n        --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n        --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --inverse-outline-accent-minor-gradient-hover: var(--on-dark-outline-accent-minor-gradient-hover);\n        --inverse-outline-accent-minor-gradient-active: var(--on-dark-outline-accent-minor-gradient-active);\n        --inverse-outline-transparent-accent-gradient-hover: var(--on-dark-outline-transparent-accent-gradient-hover);\n        --inverse-outline-transparent-accent-gradient-active: var(--on-dark-outline-transparent-accent-gradient-active);\n        --inverse-outline-promo-gradient-hover: var(--on-dark-outline-promo-gradient-hover);\n        --inverse-outline-promo-gradient-active: var(--on-dark-outline-promo-gradient-active);\n        --inverse-outline-promo-minor-gradient-hover: var(--on-dark-outline-promo-minor-gradient-hover);\n        --inverse-outline-promo-minor-gradient-active: var(--on-dark-outline-promo-minor-gradient-active);\n        --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n      ",
 };
 //# sourceMappingURL=index.js.map