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

package/es/tokens/sdds_insol/index.js

@@ -412,9 +412,9 @@ export var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-br
 /** Фон поверхности/контрола без заливки */
 export var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
 /** Фон поверхности/контрола без заливки */
-export var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)';
+export var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)';
 /** Фон поверхности/контрола без заливки */
-export var surfaceClearActive = 'var(--surface-clear-active, #FFFFFFFF)';
+export var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
 /** Акцентный фон поверхности/контрола */
 export var surfaceAccent = 'var(--surface-accent, #1A9E32)';
 /** Акцентный фон поверхности/контрола */
@@ -574,9 +574,9 @@ export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-trans
 /** Фон поверхности/контрола без заливки на темном фоне */
 export var onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)';
 /** Фон поверхности/контрола без заливки на темном фоне */
-export var onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFFFF)';
+export var onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF00)';
 /** Фон поверхности/контрола без заливки на темном фоне */
-export var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFFFF)';
+export var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)';
 /** Акцентный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #1A9E32)';
 /** Акцентный фон поверхности/контрола на темном фоне */
@@ -670,7 +670,7 @@ export var onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transpare
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F2F5F8)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F8FAFBFF)';
+export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #EEF2F6FF)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #EBF0F4FF)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
@@ -678,15 +678,15 @@ export var onLightSurfaceSolidPrimaryBrightness = 'var(--on-light-surface-solid-
 /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #E8EEF2)';
 /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #F5F8F9FF)';
+export var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #E2E9EEFF)';
 /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E2E9EEFF)';
+export var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #DEE7EDFF)';
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #D5DFE6)';
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #E2E9EEFF)';
+export var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #CFDAE2FF)';
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #CFDAE2FF)';
+export var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #C9D5DEFF)';
 /** Основной фон для карточек на светлом фоне */
 export var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFFFF)';
 /** Основной фон для карточек на светлом фоне */
@@ -698,133 +698,133 @@ export var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-car
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #060A0C)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-export var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0A1114FF)';
+export var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #111C22FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 export var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030607FF)';
 /** Основной прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #070B0E12)';
+export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #070B0E0A)';
 /** Основной прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #070B0E03)';
+export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #070B0E0D)';
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #070B0E1F)';
+export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #070B0E14)';
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #070B0E0A)';
+export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #070B0E1A)';
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #060A0C1F)';
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #070B0E3D)';
+export var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #070B0E2E)';
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #070B0E0F)';
+export var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #070B0E33)';
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #060A0CA3)';
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #070B0EC2)';
+export var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #070B0EB3)';
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #070B0E94)';
+export var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #070B0EB8)';
 /** Прозрачный фон для карточек на светлом фоне */
 export var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFF99)';
 /** Прозрачный фон для карточек на светлом фоне */
-export var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFF85)';
+export var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFA8)';
 /** Прозрачный фон для карточек на светлом фоне */
-export var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFA3)';
+export var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFAD)';
 /** Прозрачный фон для карточек на светлом фоне */
 export var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
 /** Фон поверхности/контрола без заливки на светлом фоне */
 export var onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)';
 /** Фон поверхности/контрола без заливки на светлом фоне */
-export var onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFFFF)';
+export var onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)';
 /** Фон поверхности/контрола без заливки на светлом фоне */
-export var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFFFF)';
+export var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #1A9E32)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #1DAF37FF)';
+export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #1EB83AFF)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #18952FFF)';
+export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #178C2CFF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #9EFAAF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #B1FBBFFF)';
+export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #94F9A7FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #94F9A7FF)';
+export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #8BF99FFF)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #1A9E321F)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #1A9E323D)';
+export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #1A9E322E)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #1A9E320F)';
+export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #1A9E3233)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
 export var onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)';
+export var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1EB83AFF)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #18952FFF)';
+export var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #178C2CFF)';
 /** Цвет фона поверхности/контрола предупреждение на светлом фоне */
 export var onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)';
 /** Цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB7223FF)';
+export var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB782DFF)';
 /** Цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #F05B05FF)';
+export var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #E65705FF)';
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
 export var onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)';
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
-export var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF475AFF)';
+export var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF5263FF)';
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
-export var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF1F35FF)';
+export var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)';
 /** Цвет фона поверхности/контрола информация на светлом фоне */
 export var onLightSurfaceInfo = 'var(--on-light-surface-info, #118CDF)';
 /** Цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)';
+export var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #209CEEFF)';
 /** Цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #1086D5FF)';
+export var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #0F81CCFF)';
 /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
 export var onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #9EFAAF)';
 /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #B1FBBFFF)';
+export var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #94F9A7FF)';
 /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #94F9A7FF)';
+export var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #8BF99FFF)';
 /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
 export var onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FEE2D2)';
 /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEE9DCFF)';
+export var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEDCC8FF)';
 /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FEDCC8FF)';
+export var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FED9C3FF)';
 /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
 export var onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FFE0E3)';
 /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
-export var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFEBEDFF)';
+export var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFD6DAFF)';
 /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
-export var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD6DAFF)';
+export var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD1D6FF)';
 /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
 export var onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #CFECFF)';
 /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #DBF1FFFF)';
+export var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)';
 /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C7E9FFFF)';
+export var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C2E7FFFF)';
 /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
 export var onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, #1A9E321F)';
 /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E323D)';
+export var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E322E)';
 /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
-export var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E320F)';
+export var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E3233)';
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
 export var onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, #FA5F051F)';
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F053D)';
+export var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F052E)';
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F050F)';
+export var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F0533)';
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
 export var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #FF293E1F)';
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E3D)';
+export var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E2E)';
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E0F)';
+export var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E33)';
 /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
 export var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #118CDF1F)';
 /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF3D)';
+export var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF2E)';
 /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
-export var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF0F)';
+export var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF33)';
 /** Основной прозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #060A0C08)';
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
@@ -832,7 +832,7 @@ export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transpar
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F2F5F8)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
-export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F8FAFBFF)';
+export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #EEF2F6FF)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #EBF0F4FF)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
@@ -840,15 +840,15 @@ export var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-p
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #E8EEF2)';
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #F5F8F9FF)';
+export var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #E2E9EEFF)';
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #E2E9EEFF)';
+export var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #DEE7EDFF)';
 /** Инвертированный третичный непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #D5DFE6)';
 /** Инвертированный третичный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #E2E9EEFF)';
+export var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #CFDAE2FF)';
 /** Инвертированный третичный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #CFDAE2FF)';
+export var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #C9D5DEFF)';
 /** Инвертированный основной фон для карточек */
 export var inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFFFF)';
 /** Инвертированный основной фон для карточек */
@@ -860,133 +860,133 @@ export var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
 export var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #060A0C)';
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-export var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #0A1114FF)';
+export var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #111C22FF)';
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
 export var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030607FF)';
 /** Инвертированный основной прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #070B0E12)';
+export var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #070B0E0A)';
 /** Инвертированный основной прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #070B0E03)';
+export var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #070B0E0D)';
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #070B0E1F)';
+export var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #070B0E14)';
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #070B0E0A)';
+export var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #070B0E1A)';
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
 export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #060A0C1F)';
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #070B0E3D)';
+export var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #070B0E2E)';
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #070B0E0F)';
+export var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #070B0E33)';
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
 export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #060A0CA3)';
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #070B0EC2)';
+export var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #070B0EB3)';
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #070B0E94)';
+export var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #070B0EB8)';
 /** Инвертированный прозрачный фон для карточек */
 export var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFF99)';
 /** Инвертированный прозрачный фон для карточек */
-export var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFF85)';
+export var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFA8)';
 /** Инвертированный прозрачный фон для карточек */
-export var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFA3)';
+export var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFAD)';
 /** Инвертированный прозрачный фон для карточек */
 export var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
 /** Инвертированный фон поверхности/контрола без заливки */
 export var inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)';
 /** Инвертированный фон поверхности/контрола без заливки */
-export var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFFFF)';
+export var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)';
 /** Инвертированный фон поверхности/контрола без заливки */
-export var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFFFF)';
+export var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)';
 /** Инвертированный акцентный фон поверхности/контрола */
 export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #1A9E32)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1DAF37FF)';
+export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1EB83AFF)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #18952FFF)';
+export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #178C2CFF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
 export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #9EFAAF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #B1FBBFFF)';
+export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #94F9A7FF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #94F9A7FF)';
+export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #8BF99FFF)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
 export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #1A9E321F)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #1A9E323D)';
+export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #1A9E322E)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #1A9E320F)';
+export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #1A9E3233)';
 /** Инвертированный цвет фона поверхности/контрола успех */
 export var inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)';
 /** Инвертированный цвет фона поверхности/контрола успех */
-export var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)';
+export var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1EB83AFF)';
 /** Инвертированный цвет фона поверхности/контрола успех */
-export var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #18952FFF)';
+export var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #178C2CFF)';
 /** Инвертированный цвет фона поверхности/контрола предупреждение */
 export var inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)';
 /** Инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB7223FF)';
+export var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB782DFF)';
 /** Инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #F05B05FF)';
+export var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #E65705FF)';
 /** Инвертированный цвет фона поверхности/контрола ошибка */
 export var inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)';
 /** Инвертированный цвет фона поверхности/контрола ошибка */
-export var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF475AFF)';
+export var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF5263FF)';
 /** Инвертированный цвет фона поверхности/контрола ошибка */
-export var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF1F35FF)';
+export var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF142CFF)';
 /** Инвертированный цвет фона поверхности/контрола информация */
 export var inverseSurfaceInfo = 'var(--inverse-surface-info, #118CDF)';
 /** Инвертированный цвет фона поверхности/контрола информация */
-export var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)';
+export var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #209CEEFF)';
 /** Инвертированный цвет фона поверхности/контрола информация */
-export var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #1086D5FF)';
+export var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #0F81CCFF)';
 /** Инвертированный минорный цвет фона поверхности/контрола успех */
 export var inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #9EFAAF)';
 /** Инвертированный минорный цвет фона поверхности/контрола успех */
-export var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #B1FBBFFF)';
+export var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #94F9A7FF)';
 /** Инвертированный минорный цвет фона поверхности/контрола успех */
-export var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #94F9A7FF)';
+export var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #8BF99FFF)';
 /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
 export var inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #FEE2D2)';
 /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEE9DCFF)';
+export var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEDCC8FF)';
 /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FEDCC8FF)';
+export var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FED9C3FF)';
 /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
 export var inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #FFE0E3)';
 /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
-export var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFEBEDFF)';
+export var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFD6DAFF)';
 /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
-export var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD6DAFF)';
+export var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD1D6FF)';
 /** Инвертированный минорный цвет фона поверхности/контрола информация */
 export var inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #CFECFF)';
 /** Инвертированный минорный цвет фона поверхности/контрола информация */
-export var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #DBF1FFFF)';
+export var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #C7E9FFFF)';
 /** Инвертированный минорный цвет фона поверхности/контрола информация */
-export var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C7E9FFFF)';
+export var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C2E7FFFF)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
 export var inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, #1A9E321F)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
-export var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E323D)';
+export var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E322E)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
-export var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E320F)';
+export var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E3233)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
 export var inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, #FA5F051F)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F053D)';
+export var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F052E)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F050F)';
+export var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F0533)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
 export var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #FF293E1F)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E3D)';
+export var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E2E)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-export var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E0F)';
+export var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E33)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
 export var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #118CDF1F)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
-export var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF3D)';
+export var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF2E)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
-export var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF0F)';
+export var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF33)';
 /** Инвертированный основной прозрачный фон поверхности/контрола */
 export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #060A0C08)';
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
@@ -1026,49 +1026,49 @@ export var inverseOverlayBlur = 'var(--inverse-overlay-blur, #F7F9FB47)';
 /** Основной непрозрачный цвет обводки */
 export var outlineSolidPrimary = 'var(--outline-solid-primary, #23292D)';
 /** Основной непрозрачный цвет обводки */
-export var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #FFFFFFFF)';
+export var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #4B5962FF)';
 /** Основной непрозрачный цвет обводки */
-export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #A0ADB6FF)';
+export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #161A1DFF)';
 /** Вторичный непрозрачный цвет обводки */
 export var outlineSolidSecondary = 'var(--outline-solid-secondary, #485056)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #FFFFFFFF)';
+export var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #A3ACB2FF)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #828E97FF)';
+export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #31363AFF)';
 /** Третичный непрозрачный цвет обводки */
 export var outlineSolidTertiary = 'var(--outline-solid-tertiary, #7B868E)';
 /** Третичный непрозрачный цвет обводки */
 export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #596269FF)';
+export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #4B5358FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию */
 export var outlineSolidDefault = 'var(--outline-solid-default, #F7F9FB)';
 /** Непрозрачный фон поверхности/контрола по умолчанию */
-export var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #D0DBE7FF)';
+export var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #C2D1E0FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию */
-export var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E4EBF1FF)';
+export var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #B4C7D9FF)';
 /** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #F2F5F8FF)';
+export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #F2F5F84D)';
 /** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #F2F5F825)';
+export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #F2F5F812)';
 /** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #F2F5F8FF)';
+export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #F2F5F8B3)';
 /** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #F2F5F856)';
+export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #F2F5F82B)';
 /** Третичный прозрачный цвет обводки */
 export var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #F2F5F8FF)';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #F2F5F8AB)';
+export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #F2F5F847)';
 /** Бесцветная обводка */
 export var outlineClear = 'var(--outline-clear, #FFFFFF00)';
 /** Бесцветная обводка */
-export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFFFF)';
+export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
 /** Бесцветная обводка */
-export var outlineClearActive = 'var(--outline-clear-active, #FFFFFFFF)';
+export var outlineClearActive = 'var(--outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки */
 export var outlineAccent = 'var(--outline-accent, #24B23E)';
 /** Акцентный цвет обводки */
-export var outlineAccentHover = 'var(--outline-accent-hover, #2ACB47FF)';
+export var outlineAccentHover = 'var(--outline-accent-hover, #5EDE76FF)';
 /** Акцентный цвет обводки */
 export var outlineAccentActive = 'var(--outline-accent-active, #1F9835FF)';
 /** Акцентный минорный непрозрачный цвет обводки */
@@ -1076,29 +1076,29 @@ export var outlineAccentMinor = 'var(--outline-accent-minor, #095C18)';
 /** Акцентный минорный непрозрачный цвет обводки */
 export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #0F9527FF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #0C7920FF)';
+export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #074A14FF)';
 /** Прозрачный акцентный цвет обводки */
 export var outlineTransparentAccent = 'var(--outline-transparent-accent, #24B23E47)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #24B23EFF)';
+export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #24B23EB3)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #24B23E56)';
+export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #24B23E2B)';
 /** Цвет обводки успех */
 export var outlinePositive = 'var(--outline-positive, #24B23E)';
 /** Цвет обводки успех */
-export var outlinePositiveHover = 'var(--outline-positive-hover, #2ACB47FF)';
+export var outlinePositiveHover = 'var(--outline-positive-hover, #5EDE76FF)';
 /** Цвет обводки успех */
 export var outlinePositiveActive = 'var(--outline-positive-active, #1F9835FF)';
 /** Цвет обводки предупреждение */
 export var outlineWarning = 'var(--outline-warning, #FF7024)';
 /** Цвет обводки предупреждение */
-export var outlineWarningHover = 'var(--outline-warning-hover, #FF8442FF)';
+export var outlineWarningHover = 'var(--outline-warning-hover, #FFA575FF)';
 /** Цвет обводки предупреждение */
 export var outlineWarningActive = 'var(--outline-warning-active, #FF5D05FF)';
 /** Цвет обводки ошибка */
 export var outlineNegative = 'var(--outline-negative, #FF3D51)';
 /** Цвет обводки ошибка */
-export var outlineNegativeHover = 'var(--outline-negative-hover, #FF5C6CFF)';
+export var outlineNegativeHover = 'var(--outline-negative-hover, #FF8F9AFF)';
 /** Цвет обводки ошибка */
 export var outlineNegativeActive = 'var(--outline-negative-active, #FF1F35FF)';
 /** Цвет обводки информация */
@@ -1112,49 +1112,49 @@ export var outlinePositiveMinor = 'var(--outline-positive-minor, #095C18)';
 /** Минорный цвет обводки успех */
 export var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F9527FF)';
 /** Минорный цвет обводки успех */
-export var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #0C7920FF)';
+export var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #074A14FF)';
 /** Минорный цвет обводки предупреждение */
 export var outlineWarningMinor = 'var(--outline-warning-minor, #85380C)';
 /** Минорный цвет обводки предупреждение */
 export var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #BB4F11FF)';
 /** Минорный цвет обводки предупреждение */
-export var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #9F440FFF)';
+export var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #70300AFF)';
 /** Минорный цвет обводки ошибка */
 export var outlineNegativeMinor = 'var(--outline-negative-minor, #9C1422)';
 /** Минорный цвет обводки ошибка */
-export var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #B91828FF)';
+export var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #D41C2EFF)';
 /** Минорный цвет обводки ошибка */
-export var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #83111CFF)';
+export var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #8C121EFF)';
 /** Минорный цвет обводки информация */
 export var outlineInfoMinor = 'var(--outline-info-minor, #0D5382)';
 /** Минорный цвет обводки информация */
 export var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1277BAFF)';
 /** Минорный цвет обводки информация */
-export var outlineInfoMinorActive = 'var(--outline-info-minor-active, #10659EFF)';
+export var outlineInfoMinorActive = 'var(--outline-info-minor-active, #0B476FFF)';
 /** Прозрачный цвет обводки успех */
 export var outlineTransparentPositive = 'var(--outline-transparent-positive, #24B23E47)';
 /** Прозрачный цвет обводки успех */
-export var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #24B23EFF)';
+export var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #24B23EB3)';
 /** Прозрачный цвет обводки успех */
-export var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #24B23E56)';
+export var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #24B23E2B)';
 /** Прозрачный цвет обводки предупреждение */
 export var outlineTransparentWarning = 'var(--outline-transparent-warning, #FF702447)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FF7024FF)';
+export var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FF7024B3)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FF702456)';
+export var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FF70242B)';
 /** Прозрачный цвет обводки предупреждение */
 export var outlineTransparentNegative = 'var(--outline-transparent-negative, #FF3D5147)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF3D51FF)';
+export var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF3D51B3)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF3D5156)';
+export var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF3D512B)';
 /** Прозрачный цвет обводки информация */
 export var outlineTransparentInfo = 'var(--outline-transparent-info, #199AF047)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #199AF0FF)';
+export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #199AF0B3)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #199AF056)';
+export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #199AF02B)';
 /** Основной прозрачный цвет обводки */
 export var outlineTransparentPrimary = 'var(--outline-transparent-primary, #F2F5F81F)';
 /** Вторичный прозрачный цвет обводки */
@@ -1164,49 +1164,49 @@ export var outlineTransparentTertiary = 'var(--outline-transparent-tertiary, #F2
 /** Основной непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #23292D)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
+export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #4B5962FF)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #A0ADB6FF)';
+export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #161A1DFF)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #485056)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #FFFFFFFF)';
+export var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #A3ACB2FF)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #828E97FF)';
+export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #31363AFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #7B868E)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #596269FF)';
+export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #4B5358FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
 export var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F7F9FB)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
-export var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #D0DBE7FF)';
+export var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #C2D1E0FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
-export var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E4EBF1FF)';
+export var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #B4C7D9FF)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #F2F5F8FF)';
+export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #F2F5F84D)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #F2F5F825)';
+export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #F2F5F812)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #F2F5F8FF)';
+export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #F2F5F8B3)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #F2F5F856)';
+export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #F2F5F82B)';
 /** Третичный прозрачный цвет обводки на темном фоне */
 export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #F2F5F8FF)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #F2F5F8AB)';
+export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #F2F5F847)';
 /** Бесцветная обводка на темном фоне */
 export var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
 /** Бесцветная обводка на темном фоне */
-export var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFFFF)';
+export var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF00)';
 /** Бесцветная обводка на темном фоне */
-export var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFFFF)';
+export var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки на темном фоне */
 export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #24B23E)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #2ACB47FF)';
+export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #5EDE76FF)';
 /** Акцентный цвет обводки на темном фоне */
 export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #1F9835FF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
@@ -1214,29 +1214,29 @@ export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #095C
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #0F9527FF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #0C7920FF)';
+export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #074A14FF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
 export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #24B23E47)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #24B23EFF)';
+export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #24B23EB3)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #24B23E56)';
+export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #24B23E2B)';
 /** Цвет обводки успех на темном фоне */
 export var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
 /** Цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #2ACB47FF)';
+export var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #5EDE76FF)';
 /** Цвет обводки успех на темном фоне */
 export var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #1F9835FF)';
 /** Цвет обводки предупреждение на темном фоне */
 export var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #FF7024)';
 /** Цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FF8442FF)';
+export var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FFA575FF)';
 /** Цвет обводки предупреждение на темном фоне */
 export var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #FF5D05FF)';
 /** Цвет обводки ошибка на темном фоне */
 export var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #FF3D51)';
 /** Цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF5C6CFF)';
+export var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF8F9AFF)';
 /** Цвет обводки ошибка на темном фоне */
 export var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #FF1F35FF)';
 /** Цвет обводки информация на темном фоне */
@@ -1250,49 +1250,49 @@ export var onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor, #
 /** Минорный цвет обводки успех на темном фоне */
 export var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0F9527FF)';
 /** Минорный цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #0C7920FF)';
+export var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #074A14FF)';
 /** Минорный цвет обводки предупреждение на темном фоне */
 export var onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor, #85380C)';
 /** Минорный цвет обводки предупреждение на темном фоне */
 export var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #BB4F11FF)';
 /** Минорный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #9F440FFF)';
+export var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #70300AFF)';
 /** Минорный цвет обводки ошибка на темном фоне */
 export var onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor, #9C1422)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #B91828FF)';
+export var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #D41C2EFF)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #83111CFF)';
+export var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #8C121EFF)';
 /** Минорный цвет обводки информация на темном фоне */
 export var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #0D5382)';
 /** Минорный цвет обводки информация на темном фоне */
 export var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
 /** Минорный цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #10659EFF)';
+export var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #0B476FFF)';
 /** Прозрачный цвет обводки успех на темном фоне */
 export var onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, #24B23E47)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #24B23EFF)';
+export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #24B23EB3)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #24B23E56)';
+export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #24B23E2B)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
 export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, #FF702447)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FF7024FF)';
+export var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FF7024B3)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FF702456)';
+export var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FF70242B)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
 export var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, #FF3D5147)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF3D51FF)';
+export var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF3D51B3)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF3D5156)';
+export var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF3D512B)';
 /** Прозрачный цвет обводки информация на темном фоне */
 export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, #199AF047)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #199AF0FF)';
+export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #199AF0B3)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #199AF056)';
+export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #199AF02B)';
 /** Основной прозрачный цвет обводки на темном фоне */
 export var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #F2F5F81F)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
@@ -1302,279 +1302,279 @@ export var onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent
 /** Основной непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #D5DFE6)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #AFC2CFFF)';
+export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #96AEC0FF)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C2D1DBFF)';
+export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #B6C7D3FF)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #ADB9C2)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #FFFFFFFF)';
+export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #DCE1E5FF)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #303941FF)';
+export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #8496A4FF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #657179)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #9BA5ABFF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #68757DFF)';
+export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #545D64FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 export var onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default, #060A0C)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-export var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #1B2D36FF)';
+export var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #304F5FFF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-export var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #111C22FF)';
+export var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #1B2D36FF)';
 /** Основной прозрачный цвет обводки на светлом фоне */
 export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #060A0C1F)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #070B0EFF)';
+export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #070B0E52)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #070B0E25)';
+export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #070B0E38)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
 export var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, #060A0C47)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #070B0EFF)';
+export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #070B0E2B)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #070B0E56)';
+export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #070B0E72)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
 export var onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, #060A0C8F)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #070B0EFF)';
+export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #070B0E47)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #070B0EAB)';
+export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #070B0EFF)';
 /** Бесцветная обводка на светлом фоне */
 export var onLightOutlineClear = 'var(--on-light-outline-clear, #FFFFFF00)';
 /** Бесцветная обводка на светлом фоне */
-export var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFFFF)';
+export var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFF00)';
 /** Бесцветная обводка на светлом фоне */
-export var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFFFF)';
+export var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки на светлом фоне */
 export var onLightOutlineAccent = 'var(--on-light-outline-accent, #108E26)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #13AA2CFF)';
+export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #15BC31FF)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #0D731EFF)';
+export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #0C6A1BFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #28D247)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #3EDA5BFF)';
+export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #7AE68EFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #23B83EFF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
 export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #108E2633)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #108E25FF)';
+export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #108E251F)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #108E253D)';
+export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #108E2552)';
 /** Цвет обводки успех на светлом фоне */
 export var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #13AA2CFF)';
+export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #15BC31FF)';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #0D731EFF)';
+export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #0C6A1BFF)';
 /** Цвет обводки предупреждение на светлом фоне */
 export var onLightOutlineWarning = 'var(--on-light-outline-warning, #E85702)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD650DFF)';
+export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD9253FF)';
 /** Цвет обводки предупреждение на светлом фоне */
 export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #CA4B02FF)';
 /** Цвет обводки ошибка на светлом фоне */
 export var onLightOutlineNegative = 'var(--on-light-outline-negative, #F31B31)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F5384BFF)';
+export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F87C89FF)';
 /** Цвет обводки ошибка на светлом фоне */
 export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #E40C22FF)';
 /** Цвет обводки информация на светлом фоне */
 export var onLightOutlineInfo = 'var(--on-light-outline-info, #0B7ECB)';
 /** Цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #34A7F4FF)';
+export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #47B0F5FF)';
 /** Цвет обводки информация на светлом фоне */
 export var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #096CAEFF)';
 /** Минорный цвет обводки успех на светлом фоне */
 export var onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor, #28D247)';
 /** Минорный цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #3EDA5BFF)';
+export var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #7AE68EFF)';
 /** Минорный цвет обводки успех на светлом фоне */
 export var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #23B83EFF)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
 export var onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor, #FD9C68)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB086FF)';
+export var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB790FF)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC884AFF)';
+export var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC8240FF)';
 /** Минорный цвет обводки ошибка на светлом фоне */
 export var onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor, #FF8F9A)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFADB6FF)';
+export var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFB8BFFF)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF707EFF)';
+export var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF6675FF)';
 /** Минорный цвет обводки информация на светлом фоне */
 export var onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #52BAFF)';
 /** Минорный цвет обводки информация на светлом фоне */
 export var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A3DAFFFF)';
 /** Минорный цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #33ADFFFF)';
+export var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #29A9FFFF)';
 /** Прозрачный цвет обводки успех на светлом фоне */
 export var onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive, #108E2633)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #108E25FF)';
+export var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #108E251F)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #108E253D)';
+export var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #108E2552)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
 export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, #E8570233)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #E85702FF)';
+export var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #E857021F)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #E857023D)';
+export var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #E8570252)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
 export var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, #F31B3133)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #F31B31FF)';
+export var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #F31B311F)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #F31B313D)';
+export var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #F31B3152)';
 /** Прозрачный цвет обводки информация на светлом фоне */
 export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, #0B7ECB33)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #0B7ECBFF)';
+export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #0B7ECB1F)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #0B7ECB3D)';
+export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #0B7ECB52)';
 /** Инвертированный основной непрозрачный цвет обводки */
 export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #D5DFE6)';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #AFC2CFFF)';
+export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #96AEC0FF)';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C2D1DBFF)';
+export var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #B6C7D3FF)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
 export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #ADB9C2)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #FFFFFFFF)';
+export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #DCE1E5FF)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #303941FF)';
+export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #8496A4FF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
 export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #657179)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #9BA5ABFF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #68757DFF)';
+export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #545D64FF)';
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
 export var inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default, #060A0C)';
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-export var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #1B2D36FF)';
+export var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #304F5FFF)';
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-export var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #111C22FF)';
+export var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #1B2D36FF)';
 /** Инвертированный основной прозрачный цвет обводки */
 export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #060A0C1F)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #070B0EFF)';
+export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #070B0E52)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #070B0E25)';
+export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #070B0E38)';
 /** Инвертированный вторичный прозрачный цвет обводки */
 export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, #060A0C47)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #070B0EFF)';
+export var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #070B0E2B)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #070B0E56)';
+export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #070B0E72)';
 /** Инвертированный третичный прозрачный цвет обводки */
 export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, #060A0C8F)';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #070B0EFF)';
+export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #070B0E47)';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #070B0EAB)';
+export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #070B0EFF)';
 /** Инвертированная бесцветная обводка */
 export var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
 /** Инвертированная бесцветная обводка */
-export var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFFFF)';
+export var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
 /** Инвертированная бесцветная обводка */
-export var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFFFF)';
+export var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
 /** Инвертированный акцентный цвет обводки */
 export var inverseOutlineAccent = 'var(--inverse-outline-accent, #108E26)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #13AA2CFF)';
+export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #15BC31FF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #0D731EFF)';
+export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #0C6A1BFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
 export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #28D247)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #3EDA5BFF)';
+export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #7AE68EFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
 export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #23B83EFF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
 export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #108E2633)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #108E25FF)';
+export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #108E251F)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #108E253D)';
+export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #108E2552)';
 /** Инвертированный цвет обводки успех */
 export var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
 /** Инвертированный цвет обводки успех */
-export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #13AA2CFF)';
+export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #15BC31FF)';
 /** Инвертированный цвет обводки успех */
-export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #0D731EFF)';
+export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #0C6A1BFF)';
 /** Инвертированный цвет обводки предупреждение */
 export var inverseOutlineWarning = 'var(--inverse-outline-warning, #E85702)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FD650DFF)';
+export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FD9253FF)';
 /** Инвертированный цвет обводки предупреждение */
 export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #CA4B02FF)';
 /** Инвертированный цвет обводки ошибка */
 export var inverseOutlineNegative = 'var(--inverse-outline-negative, #F31B31)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F5384BFF)';
+export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F87C89FF)';
 /** Инвертированный цвет обводки ошибка */
 export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #E40C22FF)';
 /** Инвертированный цвет обводки информация */
 export var inverseOutlineInfo = 'var(--inverse-outline-info, #0B7ECB)';
 /** Инвертированный цвет обводки информация */
-export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #34A7F4FF)';
+export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #47B0F5FF)';
 /** Инвертированный цвет обводки информация */
 export var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #096CAEFF)';
 /** Инвертированный минорный цвет обводки успех */
 export var inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor, #28D247)';
 /** Инвертированный минорный цвет обводки успех */
-export var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #3EDA5BFF)';
+export var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #7AE68EFF)';
 /** Инвертированный минорный цвет обводки успех */
 export var inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #23B83EFF)';
 /** Инвертированный минорный цвет обводки предупреждение */
 export var inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor, #FD9C68)';
 /** Инвертированный минорный цвет обводки предупреждение */
-export var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB086FF)';
+export var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB790FF)';
 /** Инвертированный минорный цвет обводки предупреждение */
-export var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC884AFF)';
+export var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC8240FF)';
 /** Инвертированный минорный цвет обводки ошибка */
 export var inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor, #FF8F9A)';
 /** Инвертированный минорный цвет обводки ошибка */
-export var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFADB6FF)';
+export var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFB8BFFF)';
 /** Инвертированный минорный цвет обводки ошибка */
-export var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF707EFF)';
+export var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF6675FF)';
 /** Инвертированный минорный цвет обводки информация */
 export var inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor, #52BAFF)';
 /** Инвертированный минорный цвет обводки информация */
 export var inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #A3DAFFFF)';
 /** Инвертированный минорный цвет обводки информация */
-export var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #33ADFFFF)';
+export var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #29A9FFFF)';
 /** Прозрачный инвертированный цвет обводки успех */
 export var inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, #108E2633)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #108E25FF)';
+export var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #108E251F)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #108E253D)';
+export var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #108E2552)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
 export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, #E8570233)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #E85702FF)';
+export var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #E857021F)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #E857023D)';
+export var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #E8570252)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
 export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, #F31B3133)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #F31B31FF)';
+export var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #F31B311F)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #F31B313D)';
+export var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #F31B3152)';
 /** Прозрачный инвертированный цвет обводки информация */
 export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, #0B7ECB33)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #0B7ECBFF)';
+export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #0B7ECB1F)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #0B7ECB3D)';
+export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #0B7ECB52)';
 /** Желтый цвет для данных */
 export var dataYellow = 'var(--data-yellow, #F3A912)';
 /** Желтый цвет для данных */
@@ -1614,39 +1614,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, #F4B22FFF)';
+export var onLightDataYellowHover = 'var(--on-light-data-yellow-hover, #F5B638FF)';
 /** Желтый цвет для данных на светлом фоне */
-export var onLightDataYellowActive = 'var(--on-light-data-yellow-active, #EDA20CFF)';
+export var onLightDataYellowActive = 'var(--on-light-data-yellow-active, #E49C0CFF)';
 /** Минорный желтый цвет для данных на светлом фоне */
 export var onLightDataYellowMinor = 'var(--on-light-data-yellow-minor, #FFD37A)';
 /** Минорный желтый цвет для данных на светлом фоне */
-export var onLightDataYellowMinorHover = 'var(--on-light-data-yellow-minor-hover, #FFDA8FFF)';
+export var onLightDataYellowMinorHover = 'var(--on-light-data-yellow-minor-hover, #FFCF70FF)';
 /** Минорный желтый цвет для данных на светлом фоне */
-export var onLightDataYellowMinorActive = 'var(--on-light-data-yellow-minor-active, #FFCF70FF)';
+export var onLightDataYellowMinorActive = 'var(--on-light-data-yellow-minor-active, #FFCC66FF)';
 /** Прозрачный желтый цвет для данных на светлом фоне */
 export var onLightDataYellowTransparent = 'var(--on-light-data-yellow-transparent, #F3A9128F)';
 /** Прозрачный желтый цвет для данных на светлом фоне */
-export var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F3A812AD)';
+export var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F3A8129E)';
 /** Прозрачный желтый цвет для данных на светлом фоне */
-export var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #F3A81280)';
+export var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #F3A812A3)';
 /** Инвертированный желтый цвет для данных */
 export var inverseDataYellow = 'var(--inverse-data-yellow, #F3A912)';
 /** Инвертированный желтый цвет для данных */
-export var inverseDataYellowHover = 'var(--inverse-data-yellow-hover, #F4B22FFF)';
+export var inverseDataYellowHover = 'var(--inverse-data-yellow-hover, #F5B638FF)';
 /** Инвертированный желтый цвет для данных */
-export var inverseDataYellowActive = 'var(--inverse-data-yellow-active, #EDA20CFF)';
+export var inverseDataYellowActive = 'var(--inverse-data-yellow-active, #E49C0CFF)';
 /** Инвертированный минорный желтый цвет для данных */
 export var inverseDataYellowMinor = 'var(--inverse-data-yellow-minor, #FFD37A)';
 /** Инвертированный минорный желтый цвет для данных */
-export var inverseDataYellowMinorHover = 'var(--inverse-data-yellow-minor-hover, #FFDA8FFF)';
+export var inverseDataYellowMinorHover = 'var(--inverse-data-yellow-minor-hover, #FFCF70FF)';
 /** Инвертированный минорный желтый цвет для данных */
-export var inverseDataYellowMinorActive = 'var(--inverse-data-yellow-minor-active, #FFCF70FF)';
+export var inverseDataYellowMinorActive = 'var(--inverse-data-yellow-minor-active, #FFCC66FF)';
 /** Инвертированный прозрачный желтый цвет для данных */
 export var inverseDataYellowTransparent = 'var(--inverse-data-yellow-transparent, #F3A9128F)';
 /** Инвертированный прозрачный желтый цвет для данных */
-export var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F3A812AD)';
+export var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F3A8129E)';
 /** Инвертированный прозрачный желтый цвет для данных */
-export var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #F3A81280)';
+export var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #F3A812A3)';
 /** Акцентный цвет с градиентом */
 export var textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)';
 /** Акцентный цвет с градиентом */
@@ -1672,9 +1672,9 @@ export var inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient
 /** Инвертированный акцентный цвет с градиентом */
 export var inverseTextAccentGradient = 'var(--inverse-text-accent-gradient, linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%))';
 /** Акцентный фон поверхности/контрола с градиентом */
-export var surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, linear-gradient(45deg, #17C417FF 0%, #04D9DCFF 100%))';
+export var surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом */
-export var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, linear-gradient(45deg, #14A914FF 0%, #04BBBEFF 100%))';
+export var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом */
 export var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(45deg, #15B015FF 0%, #04C6C9FF 100%))';
 /** Фон для скелетона */
@@ -1690,9 +1690,9 @@ export var surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradi
 /** Яркий фон для скелетона */
 export var surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом на темном фоне */
-export var onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, linear-gradient(45deg, #17C417FF 0%, #04D9DCFF 100%))';
+export var onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом на темном фоне */
-export var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, linear-gradient(45deg, #14A914FF 0%, #04BBBEFF 100%))';
+export var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом на темном фоне */
 export var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(45deg, #15B015FF 0%, #04C6C9FF 100%))';
 /** Фон для скелетона */
@@ -1708,9 +1708,9 @@ export var onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skele
 /** Яркий фон для скелетона */
 export var onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
-export var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, linear-gradient(45deg, #18CD18FF 0%, #04D9DCFF 100%))';
+export var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
-export var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, linear-gradient(45deg, #139F13FF 0%, #04B1B4FF 100%))';
+export var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
 export var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(45deg, #15B015FF 0%, #04C6C9FF 100%))';
 /** Фон для скелетона */
@@ -1726,9 +1726,9 @@ export var onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-ske
 /** Яркий фон для скелетона */
 export var onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
 /** Инвертированный акцентный фон поверхности/контрола с градиентом */
-export var inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, linear-gradient(45deg, #18CD18FF 0%, #04D9DCFF 100%))';
+export var inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)';
 /** Инвертированный акцентный фон поверхности/контрола с градиентом */
-export var inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, linear-gradient(45deg, #139F13FF 0%, #04B1B4FF 100%))';
+export var inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)';
 /** Инвертированный акцентный фон поверхности/контрола с градиентом */
 export var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(45deg, #15B015FF 0%, #04C6C9FF 100%))';
 /** Фон для скелетона */
@@ -2299,6 +2299,6 @@ export var textSlimMedium = {
 };
 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-primary-brightness: var(--on-dark-text-primary-brightness);\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: var(--on-dark-text-accent);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\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: var(--on-dark-text-positive);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info: var(--on-dark-text-info);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\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: var(--on-dark-text-warning-minor);\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: var(--on-dark-text-negative-minor);\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: var(--on-dark-text-info-minor);\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-secondary: var(--on-dark-text-secondary);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-primary: var(--on-light-text-primary);\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-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-secondary: var(--on-light-text-secondary);\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: var(--on-light-text-tertiary);\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: var(--on-light-text-paragraph);\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: var(--on-light-text-accent);\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: var(--on-light-text-accent-minor);\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: var(--on-light-text-positive);\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: var(--on-light-text-warning);\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: var(--on-light-text-negative);\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: var(--on-light-text-info);\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: var(--on-light-text-positive-minor);\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: var(--on-light-text-warning-minor);\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: var(--on-light-text-negative-minor);\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: var(--on-light-text-info-minor);\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        --surface-solid-primary: var(--on-dark-surface-solid-primary);\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-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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: var(--on-dark-surface-solid-tertiary);\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: var(--on-dark-surface-solid-card);\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-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\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: var(--on-dark-surface-transparent-primary);\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: var(--on-dark-surface-transparent-secondary);\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: var(--on-dark-surface-transparent-tertiary);\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: var(--on-dark-surface-transparent-deep);\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: var(--on-dark-surface-transparent-card);\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-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\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: var(--on-dark-surface-transparent-accent);\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: var(--on-dark-surface-positive);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\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: var(--on-dark-surface-warning-minor);\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: var(--on-dark-surface-negative-minor);\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: var(--on-dark-surface-info-minor);\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: var(--on-dark-surface-transparent-positive);\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: var(--on-dark-surface-transparent-warning);\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: var(--on-dark-surface-transparent-negative);\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: var(--on-dark-surface-transparent-info);\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        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\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-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\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: var(--on-light-surface-solid-tertiary);\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: var(--on-light-surface-solid-card);\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-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\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: var(--on-light-surface-transparent-tertiary);\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: var(--on-light-surface-transparent-deep);\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: var(--on-light-surface-transparent-card);\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-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-accent: var(--on-light-surface-accent);\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: var(--on-light-surface-accent-minor);\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: var(--on-light-surface-transparent-accent);\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: var(--on-light-surface-positive);\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: var(--on-light-surface-warning);\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: var(--on-light-surface-negative);\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: var(--on-light-surface-info);\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: var(--on-light-surface-positive-minor);\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: var(--on-light-surface-warning-minor);\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: var(--on-light-surface-negative-minor);\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: var(--on-light-surface-info-minor);\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: var(--on-light-surface-transparent-positive);\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: var(--on-light-surface-transparent-warning);\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: var(--on-light-surface-transparent-negative);\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: var(--on-light-surface-transparent-info);\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-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --background-primary: var(--dark-background-primary);\n        --inverse-background-primary: var(--light-background-primary);\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: var(--on-dark-outline-solid-primary);\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: var(--on-dark-outline-solid-secondary);\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: var(--on-dark-outline-solid-tertiary);\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-solid-default: var(--on-dark-outline-solid-default);\n        --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --outline-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: var(--on-dark-outline-clear);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-accent-minor: var(--on-dark-outline-accent-minor);\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: var(--on-dark-outline-transparent-accent);\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: var(--on-dark-outline-positive);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-positive-minor: var(--on-dark-outline-positive-minor);\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: var(--on-dark-outline-warning-minor);\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: var(--on-dark-outline-negative-minor);\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: var(--on-dark-outline-info-minor);\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-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        --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\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: var(--on-light-outline-solid-secondary);\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: var(--on-light-outline-solid-tertiary);\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-solid-default: var(--on-light-outline-solid-default);\n        --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --inverse-outline-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: var(--on-light-outline-clear);\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: var(--on-light-outline-accent);\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: var(--on-light-outline-accent-minor);\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: var(--on-light-outline-transparent-accent);\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: var(--on-light-outline-positive);\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: var(--on-light-outline-warning);\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: var(--on-light-outline-negative);\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: var(--on-light-outline-info);\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: var(--on-light-outline-positive-minor);\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: var(--on-light-outline-warning-minor);\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: var(--on-light-outline-negative-minor);\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: var(--on-light-outline-info-minor);\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: var(--on-light-outline-transparent-positive);\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: var(--on-light-outline-transparent-warning);\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: var(--on-light-outline-transparent-negative);\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: var(--on-light-outline-transparent-info);\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        --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      ",
-    light: "\n        --text-primary: var(--on-light-text-primary);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor: var(--on-light-text-accent-minor);\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: var(--on-light-text-positive);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info: var(--on-light-text-info);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor: var(--on-light-text-positive-minor);\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: var(--on-light-text-warning-minor);\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: var(--on-light-text-negative-minor);\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: var(--on-light-text-info-minor);\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        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\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: var(--on-dark-text-accent);\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: var(--on-dark-text-accent-minor);\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: var(--on-dark-text-positive);\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: var(--on-dark-text-warning);\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: var(--on-dark-text-negative);\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: var(--on-dark-text-info);\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: var(--on-dark-text-positive-minor);\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: var(--on-dark-text-warning-minor);\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: var(--on-dark-text-negative-minor);\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: var(--on-dark-text-info-minor);\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-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        --surface-solid-primary: var(--on-light-surface-solid-primary);\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-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\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: var(--on-light-surface-solid-tertiary);\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: var(--on-light-surface-solid-card);\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-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-light-surface-solid-default);\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: var(--on-light-surface-transparent-tertiary);\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: var(--on-light-surface-transparent-deep);\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: var(--on-light-surface-transparent-card);\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-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\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: var(--on-light-surface-transparent-accent);\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: var(--on-light-surface-positive);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info: var(--on-light-surface-info);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\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: var(--on-light-surface-warning-minor);\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: var(--on-light-surface-negative-minor);\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: var(--on-light-surface-info-minor);\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: var(--on-light-surface-transparent-positive);\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: var(--on-light-surface-transparent-warning);\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: var(--on-light-surface-transparent-negative);\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: var(--on-light-surface-transparent-info);\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-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-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-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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: var(--on-dark-surface-solid-tertiary);\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: var(--on-dark-surface-solid-card);\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-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\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: var(--on-dark-surface-transparent-primary);\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: var(--on-dark-surface-transparent-secondary);\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: var(--on-dark-surface-transparent-tertiary);\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: var(--on-dark-surface-transparent-deep);\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: var(--on-dark-surface-transparent-card);\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-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\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: var(--on-dark-surface-accent-minor);\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: var(--on-dark-surface-transparent-accent);\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: var(--on-dark-surface-positive);\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: var(--on-dark-surface-warning);\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: var(--on-dark-surface-negative);\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: var(--on-dark-surface-info);\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: var(--on-dark-surface-positive-minor);\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: var(--on-dark-surface-warning-minor);\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: var(--on-dark-surface-negative-minor);\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: var(--on-dark-surface-info-minor);\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: var(--on-dark-surface-transparent-positive);\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: var(--on-dark-surface-transparent-warning);\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: var(--on-dark-surface-transparent-negative);\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: var(--on-dark-surface-transparent-info);\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        --background-primary: var(--light-background-primary);\n        --inverse-background-primary: var(--dark-background-primary);\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: var(--on-light-outline-solid-primary);\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: var(--on-light-outline-solid-secondary);\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: var(--on-light-outline-solid-tertiary);\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-solid-default: var(--on-light-outline-solid-default);\n        --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --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: var(--on-light-outline-clear);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\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: var(--on-light-outline-transparent-accent);\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: var(--on-light-outline-positive);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-positive-minor: var(--on-light-outline-positive-minor);\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: var(--on-light-outline-warning-minor);\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: var(--on-light-outline-negative-minor);\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: var(--on-light-outline-info-minor);\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: var(--on-light-outline-transparent-positive);\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: var(--on-light-outline-transparent-warning);\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: var(--on-light-outline-transparent-negative);\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: var(--on-light-outline-transparent-info);\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        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\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: var(--on-dark-outline-solid-secondary);\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: var(--on-dark-outline-solid-tertiary);\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-solid-default: var(--on-dark-outline-solid-default);\n        --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --inverse-outline-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: var(--on-dark-outline-clear);\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: var(--on-dark-outline-accent);\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: var(--on-dark-outline-accent-minor);\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: var(--on-dark-outline-transparent-accent);\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: var(--on-dark-outline-positive);\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: var(--on-dark-outline-warning);\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: var(--on-dark-outline-negative);\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: var(--on-dark-outline-info);\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: var(--on-dark-outline-positive-minor);\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: var(--on-dark-outline-warning-minor);\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: var(--on-dark-outline-negative-minor);\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: var(--on-dark-outline-info-minor);\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: var(--on-dark-outline-transparent-positive);\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: var(--on-dark-outline-transparent-warning);\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: var(--on-dark-outline-transparent-negative);\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: var(--on-dark-outline-transparent-info);\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-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        --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: 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: 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      ",
+    light: "\n        --text-primary: var(--on-light-text-primary);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor: var(--on-light-text-accent-minor);\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: var(--on-light-text-positive);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info: var(--on-light-text-info);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor: var(--on-light-text-positive-minor);\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: var(--on-light-text-warning-minor);\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: var(--on-light-text-negative-minor);\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: var(--on-light-text-info-minor);\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        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\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: var(--on-dark-text-accent);\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: var(--on-dark-text-accent-minor);\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: var(--on-dark-text-positive);\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: var(--on-dark-text-warning);\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: var(--on-dark-text-negative);\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: var(--on-dark-text-info);\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: var(--on-dark-text-positive-minor);\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: var(--on-dark-text-warning-minor);\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: var(--on-dark-text-negative-minor);\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: var(--on-dark-text-info-minor);\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-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        --surface-solid-primary: var(--on-light-surface-solid-primary);\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-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\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: var(--on-light-surface-solid-tertiary);\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: var(--on-light-surface-solid-card);\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-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-light-surface-solid-default);\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: var(--on-light-surface-transparent-tertiary);\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: var(--on-light-surface-transparent-deep);\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: var(--on-light-surface-transparent-card);\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-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\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: var(--on-light-surface-transparent-accent);\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: var(--on-light-surface-positive);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info: var(--on-light-surface-info);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\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: var(--on-light-surface-warning-minor);\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: var(--on-light-surface-negative-minor);\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: var(--on-light-surface-info-minor);\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: var(--on-light-surface-transparent-positive);\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: var(--on-light-surface-transparent-warning);\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: var(--on-light-surface-transparent-negative);\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: var(--on-light-surface-transparent-info);\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-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-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-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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: var(--on-dark-surface-solid-tertiary);\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: var(--on-dark-surface-solid-card);\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-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\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: var(--on-dark-surface-transparent-primary);\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: var(--on-dark-surface-transparent-secondary);\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: var(--on-dark-surface-transparent-tertiary);\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: var(--on-dark-surface-transparent-deep);\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: var(--on-dark-surface-transparent-card);\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-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\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: var(--on-dark-surface-accent-minor);\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: var(--on-dark-surface-transparent-accent);\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: var(--on-dark-surface-positive);\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: var(--on-dark-surface-warning);\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: var(--on-dark-surface-negative);\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: var(--on-dark-surface-info);\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: var(--on-dark-surface-positive-minor);\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: var(--on-dark-surface-warning-minor);\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: var(--on-dark-surface-negative-minor);\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: var(--on-dark-surface-info-minor);\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: var(--on-dark-surface-transparent-positive);\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: var(--on-dark-surface-transparent-warning);\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: var(--on-dark-surface-transparent-negative);\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: var(--on-dark-surface-transparent-info);\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        --background-primary: var(--light-background-primary);\n        --inverse-background-primary: var(--dark-background-primary);\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: var(--on-light-outline-solid-primary);\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: var(--on-light-outline-solid-secondary);\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: var(--on-light-outline-solid-tertiary);\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-solid-default: var(--on-light-outline-solid-default);\n        --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n        --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: var(--on-light-outline-clear);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\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: var(--on-light-outline-transparent-accent);\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: var(--on-light-outline-positive);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-positive-minor: var(--on-light-outline-positive-minor);\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: var(--on-light-outline-warning-minor);\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: var(--on-light-outline-negative-minor);\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: var(--on-light-outline-info-minor);\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: var(--on-light-outline-transparent-positive);\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: var(--on-light-outline-transparent-warning);\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: var(--on-light-outline-transparent-negative);\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: var(--on-light-outline-transparent-info);\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        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\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: var(--on-dark-outline-solid-secondary);\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: var(--on-dark-outline-solid-tertiary);\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-solid-default: var(--on-dark-outline-solid-default);\n        --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n        --inverse-outline-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: var(--on-dark-outline-clear);\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: var(--on-dark-outline-accent);\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: var(--on-dark-outline-accent-minor);\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: var(--on-dark-outline-transparent-accent);\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: var(--on-dark-outline-positive);\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: var(--on-dark-outline-warning);\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: var(--on-dark-outline-negative);\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: var(--on-dark-outline-info);\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: var(--on-dark-outline-positive-minor);\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: var(--on-dark-outline-warning-minor);\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: var(--on-dark-outline-negative-minor);\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: var(--on-dark-outline-info-minor);\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: var(--on-dark-outline-transparent-positive);\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: var(--on-dark-outline-transparent-warning);\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: var(--on-dark-outline-transparent-negative);\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: var(--on-dark-outline-transparent-info);\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-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        --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: 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      ",
 };
 //# sourceMappingURL=index.js.map