@salutejs-ds/sdds_sbcom 0.1.8 → 0.1.9

package/theme/tokens/index.js

@@ -4,27 +4,285 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 // Generated by robots, do not change this manually!
 
+/** null */
+var onDarkPersonasGreenTextAccent = 'var(--on-dark-personas-green-text-accent, #6CD5BB)';
+
+/** null */
+var onDarkPersonasGreenTextAccentHover = 'var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)';
+
+/** null */
+var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
+
+/** null */
+var onDarkPersonasOchreTextAccentHover = 'var(--on-dark-personas-ochre-text-accent-hover, #F7C8B6FF)';
+
+/** null */
+var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
+
+/** null */
+var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #0BA88866)';
+
+/** null */
+var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
+
+/** null */
+var onLightOutlinePrimaryHover = 'var(--on-light-outline-primary-hover, #ADA39FFF)';
+
+/** null */
+var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
+
+/** null */
+var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
+
+/** null */
+var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #E6E6E6FF)';
+
+/** null */
+var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
+
+/** null */
+var inversePersonasSeaBlueTextAccentActive = 'var(--inverse-personas-sea-blue-text-accent-active, #4BB4B4FF)';
+
+/** null */
+var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
+
+/** null */
+var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
+
+/** null */
+var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
+
+/** null */
+var inversePersonasVioletTextAccentActive = 'var(--inverse-personas-violet-text-accent-active, #81288FFF)';
+
+/** null */
+var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)';
+
+/** null */
+var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
+
+/** null */
+var onLightPersonasBlueTextAccentHover = 'var(--on-light-personas-blue-text-accent-hover, #1477E1FF)';
+
+/** null */
+var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
+
+/** null */
+var onDarkSurfaceTransparentNaviHover = 'var(--on-dark-surface-transparent-navi-hover, #242424B8)';
+
+/** null */
+var onDarkSurfaceTransparentNaviActive = 'var(--on-dark-surface-transparent-navi-active, #2424248A)';
+
+/** null */
+var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
+
+/** null */
+var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
+
+/** null */
+var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
+
+/** null */
+var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
+
+/** null */
+var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #666666FF)';
+
+/** null */
+var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
+
+/** null */
+var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
+
+/** null */
+var personasGreenTextAccentActive = 'var(--personas-green-text-accent-active, #03A57FFF)';
+
+/** null */
+var personasSeaBlueTextAccentHover = 'var(--personas-sea-blue-text-accent-hover, #00C5CCFF)';
+
+/** null */
+var personasSeaBlueTextAccentActive = 'var(--personas-sea-blue-text-accent-active, #00A8ADFF)';
+
+/** null */
+var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #50C3A8FF)';
+
+/** null */
+var inverseSurfaceAccentSecondaryActive = 'var(--inverse-surface-accent-secondary-active, #3CAF94FF)';
+
+/** null */
+var onLightSurfaceAccentSecondaryHover = 'var(--on-light-surface-accent-secondary-hover, #50C3A8FF)';
+
+/** null */
+var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-secondary-active, #3CAF94FF)';
+
+/** null */
+var surfaceTransparentNaviHover = 'var(--surface-transparent-navi-hover, #FFFFFFB8)';
+
+/** null */
+var surfaceTransparentNaviActive = 'var(--surface-transparent-navi-active, #FFFFFF8A)';
+
+/** null */
+var onLightSurfaceTransparentAccentMinorHover = 'var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)';
+
+/** null */
+var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #0BA88852)';
+
+/** null */
+var onLightPersonasGreenTextAccentHover = 'var(--on-light-personas-green-text-accent-hover, #04D7A6FF)';
+
+/** null */
+var onLightPersonasGreenTextAccentActive = 'var(--on-light-personas-green-text-accent-active, #04AF87FF)';
+
+/** null */
+var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
+
+/** null */
+var outlineDefaultActive = 'var(--outline-default-active, #666666FF)';
+
+/** null */
+var onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #6B6461FF)';
+
 /** Минорный цвет обводки успех на темном фоне */
 var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #074A14FF)';
 
+/** null */
+var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827FF)';
+
+/** null */
+var onDarkPersonasPinkTextAccentHover = 'var(--on-dark-personas-pink-text-accent-hover, #F26E6EFF)';
+
+/** null */
+var onDarkPersonasPinkTextAccentActive = 'var(--on-dark-personas-pink-text-accent-active, #F58A8AFF)';
+
+/** null */
+var outlinePrimaryHover = 'var(--outline-primary-hover, #91847EFF)';
+
+/** null */
+var outlinePrimaryActive = 'var(--outline-primary-active, #665C57FF)';
+
+/** null */
+var inversePersonasIndigoTextAccentHover = 'var(--inverse-personas-indigo-text-accent-hover, #D2B4F8FF)';
+
+/** null */
+var inversePersonasIndigoTextAccentActive = 'var(--inverse-personas-indigo-text-accent-active, #A46AF1FF)';
+
+/** null */
+var inversePersonasPinkTextAccentHover = 'var(--inverse-personas-pink-text-accent-hover, #FBCBCBFF)';
+
+/** null */
+var inversePersonasPinkTextAccentActive = 'var(--inverse-personas-pink-text-accent-active, #F48080FF)';
+
+/** null */
+var personasOliveTextAccentHover = 'var(--personas-olive-text-accent-hover, #A6D4A5FF)';
+
+/** null */
+var personasOliveTextAccentActive = 'var(--personas-olive-text-accent-active, #7DC07CFF)';
+
+/** null */
+var inversePersonasOchreTextAccentHover = 'var(--inverse-personas-ochre-text-accent-hover, #ED6C1DFF)';
+
+/** null */
+var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
+
+/** null */
+var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
+
+/** null */
+var onDarkPersonasOliveTextAccentActive = 'var(--on-dark-personas-olive-text-accent-active, #7DC07CFF)';
+
+/** null */
+var inverseSurfaceTransparentNaviHover = 'var(--inverse-surface-transparent-navi-hover, #FFFFFFFF)';
+
+/** null */
+var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFFF)';
+
+/** null */
+var onLightPersonasOliveTextAccentHover = 'var(--on-light-personas-olive-text-accent-hover, #1DB71AFF)';
+
+/** null */
+var onLightPersonasOliveTextAccentActive = 'var(--on-light-personas-olive-text-accent-active, #179315FF)';
+
+/** null */
+var onLightPersonasVioletTextAccentHover = 'var(--on-light-personas-violet-text-accent-hover, #B740C9FF)';
+
+/** null */
+var onLightPersonasVioletTextAccentActive = 'var(--on-light-personas-violet-text-accent-active, #81288FFF)';
+
+/** null */
+var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
+
 /** Цвет для readOnly */
-var onLightOutlineReadOnlyHover = 'var(--on-light-outline-read-only-hover, #FAFAFA36)';
+var onLightOutlineReadOnlyHover = 'var(--on-light-outline-read-only-hover, #C7C7C7FF)';
+
+/** null */
+var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
+
+/** null */
+var onDarkPersonasIndigoTextAccentHover = 'var(--on-dark-personas-indigo-text-accent-hover, #E8DAFCFF)';
+
+/** null */
+var onDarkPersonasIndigoTextAccentActive = 'var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)';
+
+/** null */
+var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)';
+
+/** null */
+var onDarkSurfaceAccentSecondaryActive = 'var(--on-dark-surface-accent-secondary-active, #59C5ACFF)';
+
+/** null */
+var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-accent-hover, #8CDECAFF)';
+
+/** null */
+var inversePersonasGreenTextAccentActive = 'var(--inverse-personas-green-text-accent-active, #4CCDACFF)';
+
+/** null */
+var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-accent-hover, #E47777FF)';
+
+/** null */
+var onLightPersonasPinkTextAccentActive = 'var(--on-light-personas-pink-text-accent-active, #D73333FF)';
 
 /** null */
 var onDarkPersonasOchreTextAccent = 'var(--on-dark-personas-ochre-text-accent, #F4B49B)';
 
+/** null */
+var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #70CDB7FF)';
+
+/** null */
+var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
+
+/** null */
+var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
+
 /** null */
 var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0BA68647)';
 
 /** null */
-var onDarkPersonasGreenTextAccent = 'var(--on-dark-personas-green-text-accent, #6CD5BB)';
+var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
+
+/** null */
+var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
+
+/** null */
+var personasIndigoTextAccentActive = 'var(--personas-indigo-text-accent-active, #AA73F2FF)';
+
+/** null */
+var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
+
+/** null */
+var onDarkPersonasVioletTextAccentActive = 'var(--on-dark-personas-violet-text-accent-active, #D982E8FF)';
 
 /** null */
 var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
 
+/** null */
+var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFFF)';
+
 /** null */
 var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
 
+/** null */
+var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFFF)';
+
 /** null */
 var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
 
@@ -34,143 +292,275 @@ var backgroundHardline = 'var(--background-hardline, #000000)';
 /** null */
 var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1063BA)';
 
+/** null */
+var onDarkPersonasBlueTextAccentHover = 'var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)';
+
 /** null */
 var inversePersonasVioletTextAccent = 'var(--inverse-personas-violet-text-accent, #9E32AF)';
 
+/** null */
+var onDarkPersonasBlueTextAccentActive = 'var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)';
+
 /** null */
 var inverseSurfaceTransparentAccentMinor = 'var(--inverse-surface-transparent-accent-minor, #0BA68647)';
 
+/** null */
+var onLightPersonasIndigoTextAccentHover = 'var(--on-light-personas-indigo-text-accent-hover, #000000FF)';
+
 /** null */
 var onLightPersonasBlueTextAccent = 'var(--on-light-personas-blue-text-accent, #1063BA)';
 
+/** null */
+var onLightPersonasIndigoTextAccentActive = 'var(--on-light-personas-indigo-text-accent-active, #5B2999FF)';
+
 /** null */
 var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #23232399)';
 
+/** null */
+var onLightPersonasSeaBlueTextAccentHover = 'var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)';
+
 /** null */
 var inverseOutlinePrimary = 'var(--inverse-outline-primary, #DDD9D7)';
 
+/** null */
+var onLightPersonasSeaBlueTextAccentActive = 'var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)';
+
 /** null */
 var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
 
+/** null */
+var inversePersonasOliveTextAccentHover = 'var(--inverse-personas-olive-text-accent-hover, #1DB71AFF)';
+
+/** null */
+var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
+
+/** null */
+var personasOchreTextAccentHover = 'var(--personas-ochre-text-accent-hover, #F7C8B6FF)';
+
 /** null */
 var onDarkOutlineDefault = 'var(--on-dark-outline-default, #383838)';
 
+/** null */
+var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
+
 /** null */
 var personasGreenTextAccent = 'var(--personas-green-text-accent, #038768)';
 
 /** null */
 var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
 
+/** null */
+var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
+
 /** null */
 var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
 
 /** null */
 var inverseSurfaceAccentSecondary = 'var(--inverse-surface-accent-secondary, #41BDA1)';
 
+/** null */
+var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)';
+
 /** null */
 var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
 
+/** null */
+var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
+
 /** null */
 var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
 
 /** null */
 var surfaceTransparentNavi = 'var(--surface-transparent-navi, #FFFFFF99)';
 
+/** null */
+var onDarkPersonasSeaBlueTextAccentActive = 'var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)';
+
+/** null */
+var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
+
 /** null */
 var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #0BA6863D)';
 
+/** null */
+var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
+
 /** null */
 var onLightPersonasGreenTextAccent = 'var(--on-light-personas-green-text-accent, #038768)';
 
+/** null */
+var personasBlueTextAccentHover = 'var(--personas-blue-text-accent-hover, #C3DDF9FF)';
+
 /** null */
 var outlineDefault = 'var(--outline-default, #FFFFFF)';
 
+/** null */
+var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
+
+/** Основной цвет текста */
+var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93)';
+
 /** null */
 var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
 
+/** Основной цвет текста */
+var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
+
 /** null */
 var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
 
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryBrightnessHover = 'var(--on-dark-text-primary-brightness-hover, #FAFAFA93)';
+
 /** null */
 var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
 
-/** Акцентный минорный цвет на темном фоне */
-var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #0F9527FF)';
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryBrightnessActive = 'var(--on-dark-text-primary-brightness-active, #FAFAFAC4)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #08210CFF)';
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryBrightnessHover = 'var(--on-light-text-primary-brightness-hover, #17171793)';
 
-/** Третичный непрозрачный фон поверхности/контрола */
-var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #303030FF)';
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryBrightnessActive = 'var(--on-light-text-primary-brightness-active, #171717C4)';
 
-/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FED9C3FF)';
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryBrightnessHover = 'var(--inverse-text-primary-brightness-hover, #17171793)';
 
-/** Инвертированный минорный цвет фона поверхности/контрола успех */
-var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #8BF99FFF)';
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryBrightnessActive = 'var(--inverse-text-primary-brightness-active, #171717C4)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightnessActive = 'var(--surface-solid-primary-brightness-active, #212121FF)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
+
+/** Основной фон для карточек */
+var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
+
+/** Основной фон для карточек */
+var surfaceSolidCardBrightnessActive = 'var(--surface-solid-card-brightness-active, #212121FF)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness-hover, #303030FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryBrightnessHover = 'var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryBrightnessActive = 'var(--on-dark-surface-solid-primary-brightness-active, #212121FF)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardBrightnessHover = 'var(--on-dark-surface-transparent-card-brightness-hover, #FAFAFA1F)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardBrightnessActive = 'var(--on-dark-surface-transparent-card-brightness-active, #FAFAFA0A)';
+
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardBrightnessHover = 'var(--on-dark-surface-solid-card-brightness-hover, #303030FF)';
+
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardBrightnessActive = 'var(--on-dark-surface-solid-card-brightness-active, #212121FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryBrightnessHover = 'var(--on-light-surface-solid-primary-brightness-hover, #FFFFFFFF)';
+
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryBrightnessActive = 'var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)';
+
+/** Прозрачный цвет обводки предупреждение */
+var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #F36876FF)';
+
+/** Прозрачный цвет обводки предупреждение на темном фоне */
+var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #B34100FF)';
 
 /** null */
-var inversePersonasOchreTextAccent = 'var(--inverse-personas-ochre-text-accent, #D15A11)';
+var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
 
-/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #D4D4D4FF)';
+/** null */
+var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent, #BD91F5)';
 
 /** null */
-var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
+var inversePersonasPinkTextAccent = 'var(--inverse-personas-pink-text-accent, #F7A4A4)';
+
+/** Минорный цвет предупреждения на темном фоне */
+var onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #BB4F11FF)';
 
 /** Цвет обводки успех на светлом фоне */
-var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #074A14FF)';
+var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
 
 /** null */
-var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
+var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
 
 /** null */
-var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
+var inversePersonasOchreTextAccent = 'var(--inverse-personas-ochre-text-accent, #D15A11)';
 
-/** null */
-var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent, #BD91F5)';
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #424242FF)';
 
-/** Прозрачный цвет обводки предупреждение */
-var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #F76977FF)';
+/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #FFFFFFFF)';
 
-/** Прозрачный цвет обводки предупреждение на темном фоне */
-var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #CA4B02FF)';
+/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FED9C3FF)';
 
 /** Прозрачный желтый цвет для данных на светлом фоне */
-var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F3A8129E)';
+var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F5B638FF)';
 
 /** null */
-var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
+var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
+
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardBrightnessHover = 'var(--on-light-surface-transparent-card-brightness-hover, #FFFFFFFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #043F34FF)';
+
+/** Основной цвет текста */
+var textPrimary = 'var(--text-primary, #FFFFFFFC)';
+
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #60C7AFFF)';
 
 /** null */
-var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
+var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
 
 /** null */
-var inversePersonasPinkTextAccent = 'var(--inverse-personas-pink-text-accent, #F7A4A4)';
+var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
 
-/** Основной цвет текста */
-var textPrimary = 'var(--text-primary, #F6F2F0FC)';
+/** Инвертированный минорный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #8BF99FFF)';
 
-/** Минорный цвет предупреждения на темном фоне */
-var onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #BB4F11FF)';
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardBrightnessActive = 'var(--on-light-surface-transparent-card-brightness-active, #FFFFFFFF)';
 
-/** Инвертированный третичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #FFFFFF)';
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardBrightnessHover = 'var(--on-light-surface-solid-card-brightness-hover, #FFFFFFFF)';
 
-/** Вторичный фон на светлом фоне */
-var lightBackgroundSecondary = 'var(--light-background-secondary, #F6F2F0)';
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardBrightnessActive = 'var(--on-light-surface-solid-card-brightness-active, #FFFFFFFF)';
 
-/** Третичный прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FAFAFA47)';
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryBrightnessHover = 'var(--inverse-surface-solid-primary-brightness-hover, #FFFFFFFF)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryBrightnessActive = 'var(--inverse-surface-solid-primary-brightness-active, #FFFFFFFF)';
+
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardBrightnessHover = 'var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)';
 
 /** Третичный непрозрачный цвет обводки на светлом фоне */
 var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #A3A3A3FF)';
 
 /** Цвет обводки предупреждение на светлом фоне */
-var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #5D2809FF)';
+var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #A3420AFF)';
 
 /** Инвертированный вторичный прозрачный цвет обводки */
-var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #08080872)';
+var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #080808FF)';
 
 /** Прозрачный инвертированный цвет обводки предупреждение */
 var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #5D2809FF)';
@@ -202,32 +592,47 @@ var surfaceAccentSecondary = 'var(--surface-accent-secondary, #61C8B0)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
 var surfaceAccentMinor = 'var(--surface-accent-minor, #04473B)';
 
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #424242FF)';
+
+/** Вторичный фон на светлом фоне */
+var lightBackgroundSecondary = 'var(--light-background-secondary, #F6F2F0)';
+
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #FFFFFF)';
+
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #D0F2E9)';
 
-/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #303030FF)';
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardBrightnessActive = 'var(--inverse-surface-transparent-card-brightness-active, #FFFFFFFF)';
 
-/** Третичный непрозрачный цвет обводки */
-var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
+/** Третичный прозрачный цвет обводки на темном фоне */
+var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #616161FF)';
 
-/** Прозрачный цвет обводки успех */
-var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #16C533FF)';
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #0E3A16FF)';
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #C74900FF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
 
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
 var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D0F2E9)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #94F9A7FF)';
+/** Прозрачный цвет обводки успех */
+var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #13BE32FF)';
 
-/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #D14D0024)';
+/** Третичный непрозрачный цвет обводки */
+var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
 
-/** null */
-var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardBrightnessActive = 'var(--inverse-surface-solid-card-brightness-active, #FFFFFFFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #055C4CFF)';
 
 /** null */
 var personasPinkTextAccent = 'var(--personas-pink-text-accent, #DE5555)';
@@ -244,8 +649,8 @@ var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #F
 /** null */
 var onDarkPersonasBlueTextAccent = 'var(--on-dark-personas-blue-text-accent, #79B3F2)';
 
-/** Прозрачный инвертированный акцентный цвет обводки */
-var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #095D191F)';
+/** null */
+var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
 
 /** null */
 var onLightPersonasSeaBlueTextAccent = 'var(--on-light-personas-sea-blue-text-accent, #00898D)';
@@ -254,7 +659,7 @@ var onLightPersonasSeaBlueTextAccent = 'var(--on-light-personas-sea-blue-text-ac
 var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
 
 /** null */
-var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
+var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
 
 /** null */
 var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-accent-minor, #0BA68647)';
@@ -263,7 +668,7 @@ var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-acc
 var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC8240FF)';
 
 /** Цвет предупреждения на светлом фоне */
-var onLightTextWarningActive = 'var(--on-light-text-warning-active, #A84710FF)';
+var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
 
 /** null */
 var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
@@ -283,74 +688,71 @@ var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
 /** null */
 var personasBlueTextAccent = 'var(--personas-blue-text-accent, #79B3F2)';
 
-/** Третичный цвет текста */
-var textTertiaryHover = 'var(--text-tertiary-hover, #FAFAFAFF)';
-
-/** Третичный цвет текста */
-var textTertiaryActive = 'var(--text-tertiary-active, #FAFAFA56)';
+/** Вторичный цвет текста */
+var textSecondary = 'var(--text-secondary, #F6F2F0A3)';
 
 /** Сплошной наборный текст */
 var textParagraph = 'var(--text-paragraph, #F6F2F07A)';
 
 /** Сплошной наборный текст */
-var textParagraphHover = 'var(--text-paragraph-hover, #FAFAFA7A)';
+var textParagraphHover = 'var(--text-paragraph-hover, #F5F1EFFF)';
 
 /** Сплошной наборный текст */
-var textParagraphActive = 'var(--text-paragraph-active, #FAFAFAA3)';
+var textParagraphActive = 'var(--text-paragraph-active, #F5F1EF93)';
 
 /** Акцентный цвет */
 var textAccent = 'var(--text-accent, #61C8B0)';
 
 /** Акцентный цвет */
-var textAccentHover = 'var(--text-accent-hover, #13AA2CFF)';
+var textAccentHover = 'var(--text-accent-hover, #77CFBBFF)';
 
 /** Акцентный цвет */
-var textAccentActive = 'var(--text-accent-active, #0D731EFF)';
+var textAccentActive = 'var(--text-accent-active, #4ABFA4FF)';
 
 /** Акцентный минорный цвет */
 var textAccentMinor = 'var(--text-accent-minor, #61C8B07A)';
 
 /** Акцентный минорный цвет */
-var textAccentMinorHover = 'var(--text-accent-minor-hover, #0F9527FF)';
+var textAccentMinorHover = 'var(--text-accent-minor-hover, #60C7AFFF)';
 
 /** Акцентный минорный цвет */
-var textAccentMinorActive = 'var(--text-accent-minor-active, #0C7920FF)';
+var textAccentMinorActive = 'var(--text-accent-minor-active, #60C7AF93)';
 
 /** Цвет успеха */
 var textPositive = 'var(--text-positive, #50A84C)';
 
 /** Цвет успеха */
-var textPositiveHover = 'var(--text-positive-hover, #13AA2CFF)';
+var textPositiveHover = 'var(--text-positive-hover, #62B65DFF)';
 
 /** Цвет успеха */
-var textPositiveActive = 'var(--text-positive-active, #0D731EFF)';
+var textPositiveActive = 'var(--text-positive-active, #469442FF)';
 
 /** Цвет предупреждения */
 var textWarning = 'var(--text-warning, #DA6828)';
 
 /** Цвет предупреждения */
-var textWarningHover = 'var(--text-warning-hover, #FD650DFF)';
+var textWarningHover = 'var(--text-warning-hover, #DF7D43FF)';
 
 /** Цвет предупреждения */
-var textWarningActive = 'var(--text-warning-active, #CA4B02FF)';
+var textWarningActive = 'var(--text-warning-active, #C45D21FF)';
 
 /** Цвет ошибки */
 var textNegative = 'var(--text-negative, #F57E83)';
 
 /** Цвет ошибки */
-var textNegativeHover = 'var(--text-negative-hover, #F5384BFF)';
+var textNegativeHover = 'var(--text-negative-hover, #F89BA0FF)';
 
 /** Цвет ошибки */
-var textNegativeActive = 'var(--text-negative-active, #E40C22FF)';
+var textNegativeActive = 'var(--text-negative-active, #F3626AFF)';
 
 /** Цвет информации */
 var textInfo = 'var(--text-info, #70B2F5)';
 
 /** Цвет информации */
-var textInfoHover = 'var(--text-info-hover, #34A7F4FF)';
+var textInfoHover = 'var(--text-info-hover, #BCDBFAFF)';
 
 /** Цвет информации */
-var textInfoActive = 'var(--text-info-active, #096CAEFF)';
+var textInfoActive = 'var(--text-info-active, #53A3F3FF)';
 
 /** Минорный цвет успеха */
 var textPositiveMinorHover = 'var(--text-positive-minor-hover, #0F9527FF)';
@@ -373,95 +775,89 @@ var textNegativeMinorActive = 'var(--text-negative-minor-active, #83111CFF)';
 /** Минорный цвет информации */
 var textInfoMinorHover = 'var(--text-info-minor-hover, #1277BAFF)';
 
-/** Основной цвет текста */
-var textPrimaryHover = 'var(--text-primary-hover, #F5F1EF97)';
-
-/** Основной цвет текста */
-var textPrimaryBrightness = 'var(--text-primary-brightness, #FAFAFAF5)';
+/** Вторичный цвет текста */
+var textSecondaryHover = 'var(--text-secondary-hover, #F5F1EFFF)';
 
 /** Основной цвет текста */
-var textPrimaryActive = 'var(--text-primary-active, #F5F1EFCA)';
+var textPrimaryActive = 'var(--text-primary-active, #FFFFFFCA)';
 
 /** Вторичный цвет текста */
-var textSecondaryActive = 'var(--text-secondary-active, #FAFAFAAB)';
+var textSecondaryActive = 'var(--text-secondary-active, #F5F1EFC4)';
 
 /** Третичный цвет текста */
 var textTertiary = 'var(--text-tertiary, #F6F2F03D)';
 
-/** Вторичный цвет текста */
-var textSecondary = 'var(--text-secondary, #F6F2F0A3)';
-
-/** Вторичный цвет текста */
-var textSecondaryHover = 'var(--text-secondary-hover, #FAFAFAFF)';
+/** Третичный цвет текста */
+var textTertiaryHover = 'var(--text-tertiary-hover, #F5F1EFFF)';
 
-/** Третичный цвет текста на темном фоне */
-var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F6F2F03D)';
+/** Третичный цвет текста */
+var textTertiaryActive = 'var(--text-tertiary-active, #F5F1EF49)';
 
-/** Третичный цвет текста на темном фоне */
-var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FAFAFAFF)';
+/** Основной цвет текста */
+var textPrimaryBrightness = 'var(--text-primary-brightness, #FAFAFAF5)';
 
 /** Третичный цвет текста на темном фоне */
-var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #FAFAFA56)';
+var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F5F1EF49)';
 
 /** Сплошной наборный текст на темном фоне */
 var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F6F2F07A)';
 
 /** Сплошной наборный текст на темном фоне */
-var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FAFAFA7A)';
+var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F1EFFF)';
 
 /** Сплошной наборный текст на темном фоне */
-var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FAFAFAA3)';
+var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F1EF93)';
 
 /** Акцентный цвет на темном фоне */
 var onDarkTextAccent = 'var(--on-dark-text-accent, #61C8B0ED)';
 
 /** Акцентный цвет на темном фоне */
-var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #13AA2CFF)';
+var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #60C7AF8E)';
 
 /** Акцентный цвет на темном фоне */
-var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #0D731EFF)';
+var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #60C7AFBE)';
 
 /** Акцентный минорный цвет на темном фоне */
 var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #61C8B07A)';
 
 /** Акцентный минорный цвет на темном фоне */
-var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #0C7920FF)';
+var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #60C7AF93)';
 
 /** Цвет успеха на темном фоне */
 var onDarkTextPositive = 'var(--on-dark-text-positive, #50A84C)';
 
 /** Цвет успеха на темном фоне */
-var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #13AA2CFF)';
+var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #62B65DFF)';
 
 /** Цвет успеха на темном фоне */
-var onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #0D731EFF)';
+var onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #469442FF)';
 
 /** Цвет предупреждения на темном фоне */
 var onDarkTextWarning = 'var(--on-dark-text-warning, #DA6828)';
 
 /** Цвет предупреждения на темном фоне */
-var onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FD650DFF)';
+var onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #DF7D43FF)';
 
 /** Цвет предупреждения на темном фоне */
-var onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #CA4B02FF)';
+var onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #C45D21FF)';
 
 /** Цвет ошибки на темном фоне */
 var onDarkTextNegative = 'var(--on-dark-text-negative, #F57E83)';
 
 /** Цвет ошибки на темном фоне */
-var onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #F5384BFF)';
+var onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #F89BA0FF)';
 
 /** Цвет ошибки на темном фоне */
-var onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #E40C22FF)';
+var onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #F3626AFF)';
 
 /** Цвет информации на темном фоне */
 var onDarkTextInfo = 'var(--on-dark-text-info, #70B2F5)';
 
 /** Цвет информации на темном фоне */
-var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #34A7F4FF)';
+var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #BCDBFAFF)';
 
 /** Цвет информации на темном фоне */
-var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #096CAEFF)';
+var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #53A3F3FF)';
 
 /** Минорный цвет успеха на темном фоне */
 var onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #0F9527FF)';
@@ -470,31 +866,34 @@ var onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #0F
 var onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #0C7920FF)';
 
 /** Основной цвет текста на темном фоне */
-var onDarkTextPrimary = 'var(--on-dark-text-primary, #F6F2F0FC)';
+var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFCA)';
 
 /** Основной цвет текста на темном фоне */
-var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #F5F1EFCA)';
+var onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFFFC)';
 
 /** Основной цвет текста на темном фоне */
-var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F5F1EF97)';
+var onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #FAFAFAF5)';
 
 /** Вторичный цвет текста на темном фоне */
-var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FAFAFAFF)';
+var onDarkTextSecondary = 'var(--on-dark-text-secondary, #F6F2F0A3)';
 
 /** Вторичный цвет текста на темном фоне */
-var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #FAFAFAAB)';
+var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F5F1EFFF)';
 
-/** Основной цвет текста на темном фоне */
-var onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #FAFAFAF5)';
+/** Третичный цвет текста на темном фоне */
+var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F6F2F03D)';
+
+/** Третичный цвет текста на темном фоне */
+var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #F5F1EFFF)';
 
 /** Вторичный цвет текста на темном фоне */
-var onDarkTextSecondary = 'var(--on-dark-text-secondary, #F6F2F0A3)';
+var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F5F1EFC4)';
 
-/** Минорный цвет информации на темном фоне */
-var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #10659EFF)';
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF97)';
 
-/** Основной цвет текста на светлом фоне */
-var onLightTextPrimary = 'var(--on-light-text-primary, #15110FFC)';
+/** Минорный цвет ошибки на темном фоне */
+var onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #83111CFF)';
 
 /** Основной цвет текста на светлом фоне */
 var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #15110F97)';
@@ -509,79 +908,73 @@ var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #171
 var onLightTextSecondary = 'var(--on-light-text-secondary, #15110FA3)';
 
 /** Вторичный цвет текста на светлом фоне */
-var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #171717FF)';
+var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #15110FFF)';
 
 /** Вторичный цвет текста на светлом фоне */
-var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #171717AB)';
+var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #15110FC4)';
 
 /** Третичный цвет текста на светлом фоне */
 var onLightTextTertiary = 'var(--on-light-text-tertiary, #15110F3D)';
 
 /** Третичный цвет текста на светлом фоне */
-var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #171717FF)';
+var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #15110FFF)';
 
 /** Третичный цвет текста на светлом фоне */
-var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #17171756)';
+var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #15110F49)';
 
 /** Сплошной наборный текст на светлом фоне */
 var onLightTextParagraph = 'var(--on-light-text-paragraph, #15110F66)';
 
 /** Сплошной наборный текст на светлом фоне */
-var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #1717177A)';
+var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #15110FFF)';
 
 /** Сплошной наборный текст на светлом фоне */
-var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #171717A3)';
+var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #15110F7A)';
 
 /** Акцентный цвет на светлом фоне */
 var onLightTextAccent = 'var(--on-light-text-accent, #0A8E73)';
 
 /** Акцентный цвет на светлом фоне */
-var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #11A72CFF)';
+var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #0DB593FF)';
 
 /** Акцентный цвет на светлом фоне */
-var onLightTextAccentActive = 'var(--on-light-text-accent-active, #0D8222FF)';
+var onLightTextAccentActive = 'var(--on-light-text-accent-active, #076955FF)';
 
 /** Акцентный минорный цвет на светлом фоне */
 var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #0A8E7366)';
 
 /** Акцентный минорный цвет на светлом фоне */
-var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #47DC62FF)';
+var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #0A8F74FF)';
 
 /** Акцентный минорный цвет на светлом фоне */
-var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #21B03CFF)';
+var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #0A8F747A)';
 
 /** Цвет успеха на светлом фоне */
 var onLightTextPositive = 'var(--on-light-text-positive, #207F1F)';
 
 /** Цвет успеха на светлом фоне */
-var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #11A72CFF)';
+var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #29A027FF)';
 
 /** Цвет успеха на светлом фоне */
-var onLightTextPositiveActive = 'var(--on-light-text-positive-active, #0D8222FF)';
+var onLightTextPositiveActive = 'var(--on-light-text-positive-active, #185E17FF)';
 
 /** Цвет предупреждения на светлом фоне */
 var onLightTextWarning = 'var(--on-light-text-warning, #973C09)';
 
 /** Цвет предупреждения на светлом фоне */
-var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #CD5713FF)';
-
-/** Минорный цвет предупреждения на темном фоне */
-var onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #9F440FFF)';
+var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #BC4C0BFF)';
 
 /** Минорный цвет информации на темном фоне */
 var onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #1277BAFF)';
 
-/** Минорный цвет ошибки на темном фоне */
-var onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #B91828FF)';
-
-/** Минорный цвет ошибки на темном фоне */
-var onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #83111CFF)';
+/** Минорный цвет информации на темном фоне */
+var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #10659EFF)';
 
-/** Минорный цвет успеха на светлом фоне */
-var onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #47DC62FF)';
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimary = 'var(--on-light-text-primary, #15110FFC)';
 
-/** Минорный цвет успеха на светлом фоне */
-var onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #21B03CFF)';
+/** Минорный цвет ошибки на темном фоне */
+var onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #B91828FF)';
 
 /** Минорный цвет предупреждения на светлом фоне */
 var onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #FDB790FF)';
@@ -617,91 +1010,91 @@ var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #1717
 var inverseTextSecondary = 'var(--inverse-text-secondary, #15110FA3)';
 
 /** Инвертированный вторичный цвет текста */
-var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #171717FF)';
+var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #15110FFF)';
 
 /** Инвертированный вторичный цвет текста */
-var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #171717AB)';
+var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #15110FC4)';
 
 /** Инвертированный третичный цвет текста */
 var inverseTextTertiary = 'var(--inverse-text-tertiary, #15110F3D)';
 
 /** Инвертированный третичный цвет текста */
-var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #171717FF)';
+var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #15110FFF)';
 
 /** Инвертированный третичный цвет текста */
-var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #17171756)';
+var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #15110F49)';
 
 /** Инвертированный сплошной наборный текст */
 var inverseTextParagraph = 'var(--inverse-text-paragraph, #15110F66)';
 
 /** Инвертированный сплошной наборный текст */
-var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #1717177A)';
+var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #15110FFF)';
 
 /** Инвертированный сплошной наборный текст */
-var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #171717A3)';
+var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #15110F7A)';
 
 /** Инвертированный акцентный цвет */
 var inverseTextAccent = 'var(--inverse-text-accent, #0A8E73)';
 
 /** Инвертированный акцентный цвет */
-var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #11A72CFF)';
+var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #0DB593FF)';
 
 /** Инвертированный акцентный цвет */
-var inverseTextAccentActive = 'var(--inverse-text-accent-active, #0D8222FF)';
+var inverseTextAccentActive = 'var(--inverse-text-accent-active, #076955FF)';
 
 /** Инвертированный минорный акцентный цвет */
 var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #0A8E7366)';
 
 /** Инвертированный минорный акцентный цвет */
-var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #47DC62FF)';
+var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #0A8F74FF)';
 
 /** Инвертированный минорный акцентный цвет */
-var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #21B03CFF)';
-
-/** Цвет ошибки на светлом фоне */
-var onLightTextNegative = 'var(--on-light-text-negative, #D11D23)';
+var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #0A8F747A)';
 
 /** Цвет ошибки на светлом фоне */
-var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #7A101AFF)';
+var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #AF181DFF)';
 
 /** Цвет ошибки на светлом фоне */
-var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #C2192AFF)';
+var onLightTextNegative = 'var(--on-light-text-negative, #D11D23)';
 
 /** Цвет информации на светлом фоне */
-var onLightTextInfoActive = 'var(--on-light-text-info-active, #116BA7FF)';
+var onLightTextInfo = 'var(--on-light-text-info, #205EA5)';
 
 /** Цвет информации на светлом фоне */
-var onLightTextInfo = 'var(--on-light-text-info, #205EA5)';
+var onLightTextInfoHover = 'var(--on-light-text-info-hover, #000000FF)';
 
 /** Цвет информации на светлом фоне */
-var onLightTextInfoHover = 'var(--on-light-text-info-hover, #1483CCFF)';
+var onLightTextInfoActive = 'var(--on-light-text-info-active, #194B85FF)';
 
-/** Инвертированный цвет предупреждения */
-var inverseTextWarning = 'var(--inverse-text-warning, #973C09)';
+/** Минорный цвет успеха на светлом фоне */
+var onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #47DC62FF)';
 
-/** Инвертированный цвет предупреждения */
-var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #CD5713FF)';
+/** Минорный цвет успеха на светлом фоне */
+var onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #21B03CFF)';
+
+/** Цвет ошибки на светлом фоне */
+var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #E3353BFF)';
 
 /** Инвертированный цвет предупреждения */
-var inverseTextWarningActive = 'var(--inverse-text-warning-active, #A84710FF)';
+var inverseTextWarningActive = 'var(--inverse-text-warning-active, #6F2D06FF)';
 
 /** Инвертированный цвет ошибки */
 var inverseTextNegative = 'var(--inverse-text-negative, #D11D23)';
 
 /** Инвертированный цвет ошибки */
-var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #C2192AFF)';
+var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #E3353BFF)';
 
 /** Инвертированный цвет ошибки */
-var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #7A101AFF)';
+var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #AF181DFF)';
 
 /** Инвертированный цвет информации */
 var inverseTextInfo = 'var(--inverse-text-info, #205EA5)';
 
 /** Инвертированный цвет информации */
-var inverseTextInfoHover = 'var(--inverse-text-info-hover, #1483CCFF)';
+var inverseTextInfoHover = 'var(--inverse-text-info-hover, #000000FF)';
 
 /** Инвертированный цвет информации */
-var inverseTextInfoActive = 'var(--inverse-text-info-active, #116BA7FF)';
+var inverseTextInfoActive = 'var(--inverse-text-info-active, #194B85FF)';
 
 /** Инвертированный минорный цвет успеха */
 var inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #47DC62FF)';
@@ -728,10 +1121,10 @@ var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #29A9FFF
 var surfaceSolidPrimary = 'var(--surface-solid-primary, #232323)';
 
 /** Основной непрозрачный фон поверхности/контрола */
-var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)';
+var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #2E2E2EFF)';
 
 /** Основной непрозрачный фон поверхности/контрола */
-var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #121212FF)';
+var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #1F1F1FFF)';
 
 /** Основной непрозрачный фон поверхности/контрола */
 var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #262626FF)';
@@ -740,70 +1133,70 @@ var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #26
 var surfaceSolidSecondary = 'var(--surface-solid-secondary, #292929)';
 
 /** Вторичный непрозрачный фон поверхности/контрола */
-var surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #303030FF)';
+var surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #333333FF)';
 
 /** Вторичный непрозрачный фон поверхности/контрола */
-var surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #212121FF)';
+var surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #242424FF)';
 
 /** Третичный непрозрачный фон поверхности/контрола */
 var surfaceSolidTertiary = 'var(--surface-solid-tertiary, #474747)';
 
 /** Третичный непрозрачный фон поверхности/контрола */
-var surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #404040FF)';
+var surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #525252FF)';
 
 /** Инвертированный цвет успеха */
-var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #11A72CFF)';
+var inverseTextPositive = 'var(--inverse-text-positive, #207F1F)';
 
 /** Инвертированный цвет успеха */
-var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #0D8222FF)';
+var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #29A027FF)';
 
-/** Инвертированный цвет успеха */
-var inverseTextPositive = 'var(--inverse-text-positive, #207F1F)';
+/** Инвертированный цвет предупреждения */
+var inverseTextWarning = 'var(--inverse-text-warning, #973C09)';
 
-/** Основной прозрачный фон поверхности/контрола */
-var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
+/** Инвертированный цвет предупреждения */
+var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #BC4C0BFF)';
 
-/** Основной прозрачный фон поверхности/контрола */
-var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FAFAFA1F)';
+/** Инвертированный цвет успеха */
+var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #185E17FF)';
 
 /** Основной прозрачный фон поверхности/контрола */
-var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FAFAFA0A)';
+var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFFFF)';
 
 /** Вторичный прозрачный фон поверхности/контрола */
 var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
 
 /** Вторичный прозрачный фон поверхности/контрола */
-var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FAFAFA3D)';
+var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFFFF)';
 
 /** Вторичный прозрачный фон поверхности/контрола */
-var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FAFAFA0F)';
+var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFFFF)';
 
 /** Третичный прозрачный фон поверхности/контрола */
 var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF3D)';
 
 /** Третичный прозрачный фон поверхности/контрола */
-var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FAFAFA52)';
+var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFFFF)';
 
 /** Третичный прозрачный фон поверхности/контрола */
-var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FAFAFA24)';
+var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFFFF)';
 
 /** Глубокий прозрачный фон поверхности/контрола */
 var surfaceTransparentDeep = 'var(--surface-transparent-deep, #373737B8)';
 
 /** Глубокий прозрачный фон поверхности/контрола */
-var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FAFAFAC2)';
+var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #383838D6)';
 
 /** Глубокий прозрачный фон поверхности/контрола */
-var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FAFAFA94)';
+var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #383838A8)';
 
 /** Прозрачный фон для карточек */
 var surfaceTransparentCard = 'var(--surface-transparent-card, #23232380)';
 
 /** Прозрачный фон для карточек */
-var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FAFAFA1F)';
+var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #2424249E)';
 
 /** Прозрачный фон для карточек */
-var surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FAFAFA0A)';
+var surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #24242470)';
 
 /** Прозрачный фон для карточек */
 var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #FAFAFA0F)';
@@ -812,91 +1205,91 @@ var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightnes
 var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
 
 /** Фон поверхности/контрола без заливки */
-var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)';
+var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)';
 
 /** Фон поверхности/контрола без заливки */
-var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
+var surfaceClearActive = 'var(--surface-clear-active, #FFFFFFFF)';
 
 /** Акцентный фон поверхности/контрола */
 var surfaceAccent = 'var(--surface-accent, #0BA686)';
 
 /** Акцентный фон поверхности/контрола */
-var surfaceAccentHover = 'var(--surface-accent-hover, #0F9928FF)';
+var surfaceAccentHover = 'var(--surface-accent-hover, #0CBB98FF)';
 
 /** Акцентный фон поверхности/контрола */
-var surfaceAccentActive = 'var(--surface-accent-active, #0C7D21FF)';
+var surfaceAccentActive = 'var(--surface-accent-active, #0A9E81FF)';
 
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
-var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #0E3A16FF)';
+var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #055C4CFF)';
 
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
-var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #08210CFF)';
+var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #043F34FF)';
 
 /** Прозрачный акцентный фон поверхности/контрола */
 var surfaceTransparentAccent = 'var(--surface-transparent-accent, #0BA68633)';
 
 /** Прозрачный акцентный фон поверхности/контрола */
-var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #0D872452)';
+var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #0BA88852)';
 
 /** Прозрачный акцентный фон поверхности/контрола */
-var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #0D872424)';
+var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #0BA88824)';
 
 /** Основной фон для карточек */
-var surfaceSolidCard = 'var(--surface-solid-card, #232323)';
+var surfaceSolidCardActive = 'var(--surface-solid-card-active, #1F1F1FFF)';
 
 /** Основной фон для карточек */
-var surfaceSolidCardActive = 'var(--surface-solid-card-active, #121212FF)';
+var surfaceSolidCard = 'var(--surface-solid-card, #232323)';
 
 /** Основной фон для карточек */
-var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #1C1C1CFF)';
+var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #262626FF)';
 
 /** Непрозрачный фон поверхности/контрола по умолчанию */
-var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
+var surfaceSolidDefault = 'var(--surface-solid-default, #F6F2F0)';
 
 /** Непрозрачный фон поверхности/контрола по умолчанию */
-var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F5F5F5FF)';
+var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #F9F7F5FF)';
 
-/** Основной фон для карточек */
-var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #262626FF)';
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
 
-/** Непрозрачный фон поверхности/контрола по умолчанию */
-var surfaceSolidDefault = 'var(--surface-solid-default, #F6F2F0)';
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFFFF)';
 
-/** Цвет фона поверхности/контрола успех */
-var surfacePositive = 'var(--surface-positive, #A6D2A2)';
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F2ECE9FF)';
 
-/** Цвет фона поверхности/контрола успех */
-var surfacePositiveHover = 'var(--surface-positive-hover, #0F9928FF)';
+/** Основной фон для карточек */
+var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #2E2E2EFF)';
 
 /** Цвет фона поверхности/контрола успех */
-var surfacePositiveActive = 'var(--surface-positive-active, #0C7D21FF)';
+var surfacePositiveActive = 'var(--surface-positive-active, #9FCF9BFF)';
 
 /** Цвет фона поверхности/контрола предупреждение */
 var surfaceWarning = 'var(--surface-warning, #F8AD80)';
 
 /** Цвет фона поверхности/контрола предупреждение */
-var surfaceWarningHover = 'var(--surface-warning-hover, #E65400FF)';
+var surfaceWarningHover = 'var(--surface-warning-hover, #F9BB94FF)';
 
 /** Цвет фона поверхности/контрола предупреждение */
-var surfaceWarningActive = 'var(--surface-warning-active, #C74900FF)';
+var surfaceWarningActive = 'var(--surface-warning-active, #F8A977FF)';
 
 /** Цвет фона поверхности/контрола ошибка */
 var surfaceNegative = 'var(--surface-negative, #F8A6A9)';
 
 /** Цвет фона поверхности/контрола ошибка */
-var surfaceNegativeHover = 'var(--surface-negative-hover, #ED1D31FF)';
+var surfaceNegativeHover = 'var(--surface-negative-hover, #F9B8BAFF)';
 
 /** Цвет фона поверхности/контрола ошибка */
-var surfaceNegativeActive = 'var(--surface-negative-active, #D91226FF)';
+var surfaceNegativeActive = 'var(--surface-negative-active, #F79C9FFF)';
 
 /** Цвет фона поверхности/контрола информация */
 var surfaceInfo = 'var(--surface-info, #9BCAF8)';
 
 /** Цвет фона поверхности/контрола информация */
-var surfaceInfoHover = 'var(--surface-info-hover, #0D7EC9FF)';
+var surfaceInfoHover = 'var(--surface-info-hover, #AED4F9FF)';
 
 /** Цвет фона поверхности/контрола информация */
-var surfaceInfoActive = 'var(--surface-info-active, #0B6CADFF)';
+var surfaceInfoActive = 'var(--surface-info-active, #91C4F7FF)';
 
 /** Минорный цвет фона поверхности/контрола успех */
 var surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)';
@@ -904,50 +1297,47 @@ var surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)'
 /** Минорный цвет фона поверхности/контрола успех */
 var surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)';
 
-/** Минорный цвет фона поверхности/контрола информация */
-var surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)';
-
-/** Прозрачный цвет фона поверхности/контрола успех */
-var surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #0D872452)';
+/** Цвет фона поверхности/контрола успех */
+var surfacePositive = 'var(--surface-positive, #A6D2A2)';
 
-/** Прозрачный цвет фона поверхности/контрола успех */
-var surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #0D872424)';
+/** Цвет фона поверхности/контрола успех */
+var surfacePositiveHover = 'var(--surface-positive-hover, #B3D9B0FF)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение */
-var surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #D14D0052)';
+var surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #E65400FF)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение */
-var surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #D14D0024)';
+var surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #C74900FF)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение */
-var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #E2122752)';
+var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #ED1D31FF)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение */
-var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #E2122724)';
+var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #D91226FF)';
 
 /** Прозрачный цвет фона поверхности/контрола информация */
-var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #0C72B652)';
+var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #0D7EC9FF)';
 
 /** Прозрачный цвет фона поверхности/контрола информация */
-var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #0C72B624)';
+var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #0B6CADFF)';
 
 /** Цвет для readOnly */
 var surfaceReadOnly = 'var(--surface-read-only, #F9F9F905)';
 
 /** Цвет для readOnly */
-var surfaceReadOnlyHover = 'var(--surface-read-only-hover, #FAFAFA0F)';
+var surfaceReadOnlyHover = 'var(--surface-read-only-hover, #FFFFFFFF)';
 
 /** Цвет для readOnly */
-var surfaceReadOnlyActive = 'var(--surface-read-only-active, #FAFAFA00)';
+var surfaceReadOnlyActive = 'var(--surface-read-only-active, #F5F5F5FF)';
 
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #232323)';
 
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)';
+var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #2E2E2EFF)';
 
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #121212FF)';
+var onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #1F1F1FFF)';
 
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #262626FF)';
@@ -956,76 +1346,79 @@ var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-b
 var onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #292929)';
 
 /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #303030FF)';
+var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #333333FF)';
 
 /** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #212121FF)';
+var onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #242424FF)';
 
 /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #474747)';
 
 /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #404040FF)';
+var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #525252FF)';
 
 /** Минорный цвет фона поверхности/контрола предупреждение */
-var surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)';
+var surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)';
 
 /** Минорный цвет фона поверхности/контрола предупреждение */
-var surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)';
+var surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)';
 
-/** Минорный цвет фона поверхности/контрола информация */
-var surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #10344CFF)';
+/** Минорный цвет фона поверхности/контрола ошибка */
+var surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)';
 
 /** Минорный цвет фона поверхности/контрола ошибка */
 var surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)';
 
-/** Минорный цвет фона поверхности/контрола ошибка */
-var surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)';
+/** Минорный цвет фона поверхности/контрола информация */
+var surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)';
 
-/** Основной прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF14)';
+/** Прозрачный цвет фона поверхности/контрола успех */
+var surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #0F9928FF)';
 
-/** Основной прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FAFAFA1F)';
+/** Минорный цвет фона поверхности/контрола информация */
+var surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #10344CFF)';
+
+/** Прозрачный цвет фона поверхности/контрола успех */
+var surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #0C7D21FF)';
 
 /** Основной прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FAFAFA0A)';
+var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFFFF)';
 
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
 
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FAFAFA3D)';
+var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFFFF)';
 
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FAFAFA0F)';
+var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFFFF)';
 
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF3D)';
 
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FAFAFA52)';
+var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFFFF)';
 
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FAFAFA24)';
+var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFFFF)';
 
 /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #373737B8)';
 
 /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FAFAFAC2)';
+var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #383838D6)';
 
 /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FAFAFA94)';
+var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #383838A8)';
 
 /** Прозрачный фон для карточек на темном фоне */
 var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #23232380)';
 
 /** Прозрачный фон для карточек на темном фоне */
-var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FAFAFA1F)';
+var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #2424249E)';
 
 /** Прозрачный фон для карточек на темном фоне */
-var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FAFAFA0A)';
+var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #24242470)';
 
 /** Прозрачный фон для карточек на темном фоне */
 var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FAFAFA0F)';
@@ -1043,22 +1436,22 @@ var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)';
 var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #0BA686)';
 
 /** Акцентный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #0F9928FF)';
+var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #0CBB98FF)';
 
 /** Акцентный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #0C7D21FF)';
+var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #0A9E81FF)';
 
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #04473B)';
 
 /** Основной фон для карточек на темном фоне */
-var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #232323)';
+var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #1F1F1FFF)';
 
 /** Основной фон для карточек на темном фоне */
-var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #121212FF)';
+var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #232323)';
 
 /** Основной фон для карточек на темном фоне */
-var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #1C1C1CFF)';
+var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #262626FF)';
 
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
 var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #F9F7F5FF)';
@@ -1066,47 +1459,50 @@ var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover,
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
 var onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F2ECE9FF)';
 
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF14)';
+
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFFFF)';
+
 /** Основной фон для карточек на темном фоне */
-var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #262626FF)';
-
-/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
-var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F6F2F0)';
+var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #2E2E2EFF)';
 
 /** Цвет фона поверхности/контрола успех на темном фоне */
 var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #A6D2A2)';
 
 /** Цвет фона поверхности/контрола успех на темном фоне */
-var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #0F9928FF)';
+var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #B3D9B0FF)';
 
 /** Цвет фона поверхности/контрола успех на темном фоне */
-var onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #0C7D21FF)';
+var onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #9FCF9BFF)';
 
 /** Цвет фона поверхности/контрола предупреждение на темном фоне */
 var onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #F8AD80)';
 
 /** Цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #E65400FF)';
+var onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #F9BB94FF)';
 
 /** Цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #C74900FF)';
+var onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #F8A977FF)';
 
 /** Цвет фона поверхности/контрола ошибка на темном фоне */
 var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #F8A6A9)';
 
 /** Цвет фона поверхности/контрола ошибка на темном фоне */
-var onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #ED1D31FF)';
+var onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #F9B8BAFF)';
 
 /** Цвет фона поверхности/контрола ошибка на темном фоне */
-var onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #D91226FF)';
+var onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #F79C9FFF)';
 
 /** Цвет фона поверхности/контрола информация на темном фоне */
 var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #9BCAF8)';
 
 /** Цвет фона поверхности/контрола информация на темном фоне */
-var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #0D7EC9FF)';
+var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #AED4F9FF)';
 
 /** Цвет фона поверхности/контрола информация на темном фоне */
-var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #0B6CADFF)';
+var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #91C4F7FF)';
 
 /** Минорный цвет фона поверхности/контрола успех на темном фоне */
 var onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)';
@@ -1121,49 +1517,46 @@ var onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover,
 var onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)';
 
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #0BA68633)';
+var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #0BA88824)';
 
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #0D872424)';
+var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #0BA68633)';
 
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #0D872452)';
-
-/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
-var onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #0D872424)';
+var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #0BA88852)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #D14D0052)';
+var onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #E65400FF)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #E2122752)';
+var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #ED1D31FF)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #E2122724)';
+var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #D91226FF)';
 
 /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
-var onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #0C72B652)';
+var onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #0D7EC9FF)';
 
 /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
-var onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #0C72B624)';
+var onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #0B6CADFF)';
 
 /** Цвет для readOnly */
 var onDarkSurfaceReadOnly = 'var(--on-dark-surface-read-only, #F9F9F905)';
 
 /** Цвет для readOnly */
-var onDarkSurfaceReadOnlyHover = 'var(--on-dark-surface-read-only-hover, #FAFAFA0F)';
+var onDarkSurfaceReadOnlyHover = 'var(--on-dark-surface-read-only-hover, #FFFFFFFF)';
 
 /** Цвет для readOnly */
-var onDarkSurfaceReadOnlyActive = 'var(--on-dark-surface-read-only-active, #FAFAFA00)';
+var onDarkSurfaceReadOnlyActive = 'var(--on-dark-surface-read-only-active, #F5F5F5FF)';
 
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #FFFFFF)';
 
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F2F2F2FF)';
+var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FFFFFFFF)';
 
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)';
+var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #FFFFFFFF)';
 
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidPrimaryBrightness = 'var(--on-light-surface-solid-primary-brightness, #FFFFFFFF)';
@@ -1172,67 +1565,64 @@ var onLightSurfaceSolidPrimaryBrightness = 'var(--on-light-surface-solid-primary
 var onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #FFFFFF)';
 
 /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #E8E8E8FF)';
+var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #FFFFFFFF)';
 
 /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E6E6E6FF)';
+var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #FFFFFFFF)';
 
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #FFFFFF)';
 
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #D9D9D9FF)';
+var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #FFFFFFFF)';
 
 /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
 var onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)';
 
-/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
-var onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)';
-
-/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
-var onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #0D872452)';
-
 /** Минорный цвет фона поверхности/контрола информация на темном фоне */
 var onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)';
 
 /** Минорный цвет фона поверхности/контрола информация на темном фоне */
 var onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #0A2333FF)';
 
-/** Основной прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #15110F0A)';
+/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #0C7D21FF)';
 
-/** Основной прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #0808080D)';
+/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #0F9928FF)';
+
+/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)';
 
 /** Основной прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #0808080F)';
+var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #15110F0F)';
 
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #15110F14)';
 
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #0808081A)';
+var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
 
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #0808081F)';
+var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #15110F1F)';
 
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #15110F1F)';
 
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808082E)';
+var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #15110F2E)';
 
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #08080833)';
+var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #15110F33)';
 
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #FFFFFFB3)';
 
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808B3)';
+var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #FFFFFFFF)';
 
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #080808B8)';
+var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #FFFFFFFF)';
 
 /** Прозрачный фон для карточек на светлом фоне */
 var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFF85)';
@@ -1259,67 +1649,73 @@ var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)
 var onLightSurfaceAccent = 'var(--on-light-surface-accent, #0BA686)';
 
 /** Акцентный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #0F9928FF)';
+var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #0CBB98FF)';
 
 /** Акцентный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #0B741FFF)';
+var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #099579FF)';
 
 /** Основной фон для карточек на светлом фоне */
-var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF)';
+var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)';
 
 /** Основной фон для карточек на светлом фоне */
-var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)';
+var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF)';
 
 /** Основной фон для карточек на светлом фоне */
-var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)';
+var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
 
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)';
+var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #15110F)';
 
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)';
+var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #271F1CFF)';
 
-/** Основной фон для карточек на светлом фоне */
-var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #15110F0A)';
+
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #15110F0D)';
 
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #15110F)';
+var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #090706FF)';
+
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)';
 
 /** Цвет фона поверхности/контрола успех на светлом фоне */
 var onLightSurfacePositive = 'var(--on-light-surface-positive, #239322)';
 
 /** Цвет фона поверхности/контрола успех на светлом фоне */
-var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #0F9928FF)';
+var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #28A126FF)';
 
 /** Цвет фона поверхности/контрола успех на светлом фоне */
-var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #0B741FFF)';
+var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #20801EFF)';
 
 /** Цвет фона поверхности/контрола предупреждение на светлом фоне */
 var onLightSurfaceWarning = 'var(--on-light-surface-warning, #BE4E0C)';
 
 /** Цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #E65400FF)';
+var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #D3560DFF)';
 
 /** Цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #BD4500FF)';
+var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #AD460BFF)';
 
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
 var onLightSurfaceNegative = 'var(--on-light-surface-negative, #E83439)';
 
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
-var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #ED1D31FF)';
+var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #EC5156FF)';
 
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
-var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #D01124FF)';
+var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #E72329FF)';
 
 /** Цвет фона поверхности/контрола информация на светлом фоне */
 var onLightSurfaceInfo = 'var(--on-light-surface-info, #3776BC)';
 
 /** Цвет фона поверхности/контрола информация на светлом фоне */
-var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #0D84D3FF)';
+var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #4180C8FF)';
 
 /** Цвет фона поверхности/контрола информация на светлом фоне */
-var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #0A66A3FF)';
+var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #326CAEFF)';
 
 /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
 var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #94F9A7FF)';
@@ -1330,59 +1726,50 @@ var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-a
 /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
 var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEDCC8FF)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #8BF99FFF)';
-
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #0D87242E)';
+var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #0BA88833)';
 
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #0BA6861F)';
 
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #0D872433)';
-
-/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
-var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #0D87242E)';
-
-/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
-var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #0D872433)';
+var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #0BA8882E)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #D14D002E)';
+var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #E65400FF)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #D14D0033)';
+var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #BD4500FF)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #E212272E)';
+var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #ED1D31FF)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #E2122733)';
+var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #D01124FF)';
 
 /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
-var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #0C72B62E)';
+var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #0D84D3FF)';
 
 /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
-var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #0C72B633)';
+var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #0A66A3FF)';
 
 /** Цвет для readOnly */
 var onLightSurfaceReadOnly = 'var(--on-light-surface-read-only, #F9F9F903)';
 
 /** Цвет для readOnly */
-var onLightSurfaceReadOnlyHover = 'var(--on-light-surface-read-only-hover, #FAFAFA05)';
+var onLightSurfaceReadOnlyHover = 'var(--on-light-surface-read-only-hover, #F7F7F7FF)';
 
 /** Цвет для readOnly */
-var onLightSurfaceReadOnlyActive = 'var(--on-light-surface-read-only-active, #FAFAFA08)';
+var onLightSurfaceReadOnlyActive = 'var(--on-light-surface-read-only-active, #F5F5F5FF)';
 
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFF)';
 
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F2F2F2FF)';
+var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #FFFFFFFF)';
 
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #F0F0F0FF)';
+var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #FFFFFFFF)';
 
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #FFFFFFFF)';
@@ -1391,64 +1778,58 @@ var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-
 var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #FFFFFF)';
 
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #E8E8E8FF)';
+var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #FFFFFFFF)';
 
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #E6E6E6FF)';
-
-/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
-var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD1D6FF)';
-
-/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
-var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFD6DAFF)';
+var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
 
 /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
-var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C2E7FFFF)';
+var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)';
 
 /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
-var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)';
+var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C2E7FFFF)';
 
-/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #262626FF)';
+/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #0F9928FF)';
 
-/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)';
+/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #0B741FFF)';
 
-/** Инвертированный основной прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #15110F0A)';
+/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD1D6FF)';
 
 /** Инвертированный основной прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #0808080D)';
+var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #15110F0D)';
 
 /** Инвертированный основной прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #0808080F)';
+var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #15110F0F)';
 
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #15110F14)';
 
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #0808081A)';
+var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #15110F1A)';
 
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #0808081F)';
+var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #15110F1F)';
 
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #15110F1F)';
 
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808082E)';
+var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #15110F2E)';
 
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #08080833)';
+var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #15110F33)';
 
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #FFFFFFB3)';
 
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #080808B3)';
+var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #FFFFFFFF)';
 
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #080808B8)';
+var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #FFFFFFFF)';
 
 /** Инвертированный прозрачный фон для карточек */
 var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFF85)';
@@ -1475,124 +1856,124 @@ var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)'
 var inverseSurfaceAccent = 'var(--inverse-surface-accent, #0BA686)';
 
 /** Инвертированный третичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #D9D9D9FF)';
+var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #FFFFFFFF)';
+
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #FFFFFFFF)';
 
 /** Инвертированный основной фон для карточек */
 var inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFF)';
 
-/** Инвертированный третичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #D4D4D4FF)';
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)';
 
 /** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)';
+var inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)';
 
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110F)';
+var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #271F1CFF)';
 
-/** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)';
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #090706FF)';
 
 /** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)';
+var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)';
+
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110F)';
+
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #15110F0A)';
 
 /** Инвертированный цвет фона поверхности/контрола успех */
 var inverseSurfacePositive = 'var(--inverse-surface-positive, #239322)';
 
 /** Инвертированный цвет фона поверхности/контрола успех */
-var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #0F9928FF)';
+var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #28A126FF)';
 
 /** Инвертированный цвет фона поверхности/контрола успех */
-var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #0B741FFF)';
+var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #20801EFF)';
 
 /** Инвертированный цвет фона поверхности/контрола предупреждение */
 var inverseSurfaceWarning = 'var(--inverse-surface-warning, #BE4E0C)';
 
 /** Инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #E65400FF)';
+var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #D3560DFF)';
 
 /** Инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #BD4500FF)';
+var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #AD460BFF)';
 
 /** Инвертированный цвет фона поверхности/контрола ошибка */
 var inverseSurfaceNegative = 'var(--inverse-surface-negative, #E83439)';
 
 /** Инвертированный цвет фона поверхности/контрола ошибка */
-var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #ED1D31FF)';
+var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #EC5156FF)';
 
 /** Инвертированный цвет фона поверхности/контрола ошибка */
-var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #D01124FF)';
+var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #E72329FF)';
 
 /** Инвертированный цвет фона поверхности/контрола информация */
 var inverseSurfaceInfo = 'var(--inverse-surface-info, #3776BC)';
 
 /** Инвертированный цвет фона поверхности/контрола информация */
-var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #0D84D3FF)';
+var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #4180C8FF)';
 
 /** Инвертированный цвет фона поверхности/контрола информация */
-var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #0A66A3FF)';
+var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #326CAEFF)';
 
 /** Инвертированный минорный цвет фона поверхности/контрола успех */
 var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #94F9A7FF)';
 
-/** Инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #0F9928FF)';
-
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #94F9A7FF)';
+var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #BFEDE1FF)';
 
 /** Инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #0B741FFF)';
+var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #0CBB98FF)';
 
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #0D87242E)';
+var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #0BA6861F)';
 
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #0D872433)';
-
-/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #8BF99FFF)';
+var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #0BA8882E)';
 
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #0BA6861F)';
-
-/** Инвертированный минорный цвет фона поверхности/контрола информация */
-var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #C7E9FFFF)';
+var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #0BA88833)';
 
-/** Инвертированный минорный цвет фона поверхности/контрола информация */
-var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C2E7FFFF)';
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
 
 /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
-var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #0D87242E)';
+var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #0F9928FF)';
 
 /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
-var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #0D872433)';
+var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #0B741FFF)';
 
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #D14D002E)';
+var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #E65400FF)';
 
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #D14D0033)';
+var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #BD4500FF)';
 
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #E212272E)';
+var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #ED1D31FF)';
 
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #E2122733)';
+var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #D01124FF)';
 
 /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
-var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #0C72B62E)';
+var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #0D84D3FF)';
 
 /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
-var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #0C72B633)';
+var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #0A66A3FF)';
 
 /** Цвет для readOnly */
 var inverseSurfaceReadOnly = 'var(--inverse-surface-read-only, #F9F9F903)';
 
 /** Цвет для readOnly */
-var inverseSurfaceReadOnlyHover = 'var(--inverse-surface-read-only-hover, #FAFAFA05)';
+var inverseSurfaceReadOnlyHover = 'var(--inverse-surface-read-only-hover, #F7F7F7FF)';
 
 /** Цвет для readOnly */
-var inverseSurfaceReadOnlyActive = 'var(--inverse-surface-read-only-active, #FAFAFA08)';
+var inverseSurfaceReadOnlyActive = 'var(--inverse-surface-read-only-active, #F5F5F5FF)';
 
 /** Основной фон */
 var backgroundPrimary = 'var(--background-primary, #141413)';
@@ -1618,20 +1999,20 @@ var lightBackgroundPrimary = 'var(--light-background-primary, #EBE7E5)';
 /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
 var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEDCC8FF)';
 
-/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FED9C3FF)';
+/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
+var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFD6DAFF)';
 
 /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
 var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD1D6FF)';
 
-/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
-var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFD6DAFF)';
+/** Инвертированный минорный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #C7E9FFFF)';
 
-/** Цвет фона паранжи светлый на темном фоне */
-var onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0000001F)';
+/** Инвертированный минорный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C2E7FFFF)';
 
-/** Цвет фона паранжи темный на темном фоне */
-var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #00000029)';
+/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FED9C3FF)';
 
 /** Цвет фона паранжи светлый на светлом фоне */
 var onLightOverlaySoft = 'var(--on-light-overlay-soft, #0000003D)';
@@ -1670,37 +2051,31 @@ var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #616161FF)'
 var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
 
 /** Основной прозрачный цвет обводки */
-var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FAFAFA4D)';
+var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #858585FF)';
 
 /** Основной прозрачный цвет обводки */
-var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FAFAFA12)';
+var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #666666FF)';
 
 /** Вторичный прозрачный цвет обводки */
-var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #FAFAFAB3)';
+var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #808080FF)';
 
 /** Вторичный прозрачный цвет обводки */
-var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #FAFAFA2B)';
+var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #616161FF)';
 
 /** Третичный прозрачный цвет обводки */
-var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #FAFAFAFF)';
+var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #808080FF)';
 
 /** Третичный прозрачный цвет обводки */
-var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #FAFAFA47)';
+var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #616161FF)';
 
 /** Бесцветная обводка */
 var outlineClear = 'var(--outline-clear, #FFFFFF00)';
 
-/** Третичный фон на светлом фоне */
-var lightBackgroundTertiary = 'var(--light-background-tertiary, #FFFFFF)';
-
 /** Инвертированный вторичный фон */
 var inverseBackgroundSecondary = 'var(--inverse-background-secondary, #F6F2F0)';
 
-/** Инвертированный основной фон */
-var inverseBackgroundPrimary = 'var(--inverse-background-primary, #EBE7E5)';
-
-/** Цвет фона паранжи темный */
-var overlayHard = 'var(--overlay-hard, #00000029)';
+/** Третичный фон на светлом фоне */
+var lightBackgroundTertiary = 'var(--light-background-tertiary, #FFFFFF)';
 
 /** Инвертированный третичный фон */
 var inverseBackgroundTertiary = 'var(--inverse-background-tertiary, #FFFFFF)';
@@ -1708,47 +2083,53 @@ var inverseBackgroundTertiary = 'var(--inverse-background-tertiary, #FFFFFF)';
 /** Цвет фона паранжи светлый */
 var overlaySoft = 'var(--overlay-soft, #0000001F)';
 
-/** Прозрачный акцентный цвет обводки */
-var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #108E25B3)';
+/** Цвет фона паранжи темный */
+var overlayHard = 'var(--overlay-hard, #00000029)';
 
-/** Прозрачный акцентный цвет обводки */
-var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #108E252B)';
+/** Цвет фона паранжи светлый на темном фоне */
+var onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0000001F)';
+
+/** Цвет фона паранжи темный на темном фоне */
+var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #00000029)';
+
+/** Инвертированный основной фон */
+var inverseBackgroundPrimary = 'var(--inverse-background-primary, #EBE7E5)';
 
 /** Цвет обводки успех */
 var outlinePositive = 'var(--outline-positive, #A6D2A2)';
 
 /** Цвет обводки успех */
-var outlinePositiveHover = 'var(--outline-positive-hover, #16C533FF)';
+var outlinePositiveHover = 'var(--outline-positive-hover, #DBEDD9FF)';
 
 /** Цвет обводки успех */
-var outlinePositiveActive = 'var(--outline-positive-active, #0E7C20FF)';
+var outlinePositiveActive = 'var(--outline-positive-active, #92C88DFF)';
 
 /** Цвет обводки предупреждение */
 var outlineWarning = 'var(--outline-warning, #F8AD80)';
 
 /** Цвет обводки предупреждение */
-var outlineWarningHover = 'var(--outline-warning-hover, #FD9253FF)';
+var outlineWarningHover = 'var(--outline-warning-hover, #FCE0CFFF)';
 
 /** Цвет обводки предупреждение */
-var outlineWarningActive = 'var(--outline-warning-active, #CA4B02FF)';
+var outlineWarningActive = 'var(--outline-warning-active, #F79C64FF)';
 
 /** Цвет обводки ошибка */
 var outlineNegative = 'var(--outline-negative, #F8A6A9)';
 
 /** Цвет обводки ошибка */
-var outlineNegativeHover = 'var(--outline-negative-hover, #F76977FF)';
+var outlineNegativeHover = 'var(--outline-negative-hover, #F25A5FFF)';
 
 /** Цвет обводки ошибка */
-var outlineNegativeActive = 'var(--outline-negative-active, #E40C22FF)';
+var outlineNegativeActive = 'var(--outline-negative-active, #EF343AFF)';
 
 /** Цвет обводки информация */
 var outlineInfo = 'var(--outline-info, #9BCAF8)';
 
 /** Цвет обводки информация */
-var outlineInfoHover = 'var(--outline-info-hover, #47B0F5FF)';
+var outlineInfoHover = 'var(--outline-info-hover, #E7F2FDFF)';
 
 /** Цвет обводки информация */
-var outlineInfoActive = 'var(--outline-info-active, #096CAEFF)';
+var outlineInfoActive = 'var(--outline-info-active, #7EBAF6FF)';
 
 /** Минорный цвет обводки успех */
 var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F9527FF)';
@@ -1775,10 +2156,19 @@ var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1277BAFF)';
 var outlineInfoMinorActive = 'var(--outline-info-minor-active, #0B476FFF)';
 
 /** Бесцветная обводка */
-var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
+var outlineClearActive = 'var(--outline-clear-active, #FFFFFF00)';
 
 /** Бесцветная обводка */
-var outlineClearActive = 'var(--outline-clear-active, #FFFFFF00)';
+var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
+
+/** Акцентный цвет обводки */
+var outlineAccentActive = 'var(--outline-accent-active, #0B741FFF)';
+
+/** Акцентный цвет обводки */
+var outlineAccentHover = 'var(--outline-accent-hover, #13BE32FF)';
+
+/** Прозрачный акцентный цвет обводки */
+var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #13BE32FF)';
 
 /** Акцентный минорный непрозрачный цвет обводки */
 var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #0F9527FF)';
@@ -1786,23 +2176,14 @@ var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #0F9527FF)';
 /** Акцентный минорный непрозрачный цвет обводки */
 var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #074A14FF)';
 
-/** Акцентный цвет обводки */
-var outlineAccentHover = 'var(--outline-accent-hover, #16C533FF)';
-
-/** Акцентный цвет обводки */
-var outlineAccentActive = 'var(--outline-accent-active, #0E7C20FF)';
-
-/** Прозрачный цвет обводки информация */
-var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #47B0F5FF)';
-
-/** Прозрачный цвет обводки информация */
-var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #096CAEFF)';
+/** Прозрачный акцентный цвет обводки */
+var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #0B741FFF)';
 
 /** Цвет для readOnly */
-var outlineReadOnlyHover = 'var(--outline-read-only-hover, #FAFAFA4D)';
+var outlineReadOnlyHover = 'var(--outline-read-only-hover, #808080FF)';
 
 /** Цвет для readOnly */
-var outlineReadOnlyActive = 'var(--outline-read-only-active, #FAFAFA12)';
+var outlineReadOnlyActive = 'var(--outline-read-only-active, #616161FF)';
 
 /** Основной непрозрачный цвет обводки на темном фоне */
 var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #545454FF)';
@@ -1832,79 +2213,79 @@ var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-activ
 var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #FFFFFF1F)';
 
 /** Основной прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FAFAFA4D)';
+var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #858585FF)';
 
 /** Основной прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FAFAFA12)';
+var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #666666FF)';
 
 /** Вторичный прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #FAFAFAB3)';
+var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #808080FF)';
 
 /** Вторичный прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #FAFAFA2B)';
+var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #616161FF)';
 
 /** Третичный прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #FAFAFAFF)';
-
-/** Прозрачный цвет обводки успех */
-var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #0E7C20FF)';
+var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #808080FF)';
 
 /** Прозрачный цвет обводки предупреждение */
-var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FD9253FF)';
+var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FF8138FF)';
+
+/** Прозрачный цвет обводки успех */
+var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #0B741FFF)';
 
 /** Прозрачный цвет обводки предупреждение */
-var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #E40C22FF)';
+var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #B34100FF)';
 
 /** Прозрачный цвет обводки предупреждение */
-var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #CA4B02FF)';
+var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #C61022FF)';
 
-/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #0F9527FF)';
+/** Прозрачный цвет обводки информация */
+var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #0F96F0FF)';
 
-/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #074A14FF)';
+/** Прозрачный цвет обводки информация */
+var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #0A66A3FF)';
 
 /** Прозрачный акцентный цвет обводки на темном фоне */
-var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #108E25B3)';
+var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #13BE32FF)';
 
 /** Прозрачный акцентный цвет обводки на темном фоне */
-var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #108E252B)';
+var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #0B741FFF)';
 
 /** Цвет обводки успех на темном фоне */
 var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #A6D2A2)';
 
 /** Цвет обводки успех на темном фоне */
-var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #16C533FF)';
+var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #DBEDD9FF)';
 
 /** Цвет обводки успех на темном фоне */
-var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #0E7C20FF)';
+var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #92C88DFF)';
 
 /** Цвет обводки предупреждение на темном фоне */
 var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #F8AD80)';
 
 /** Цвет обводки предупреждение на темном фоне */
-var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FD9253FF)';
+var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FCE0CFFF)';
 
 /** Цвет обводки предупреждение на темном фоне */
-var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #CA4B02FF)';
+var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #F79C64FF)';
 
 /** Цвет обводки ошибка на темном фоне */
 var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #F8A6A9)';
 
 /** Цвет обводки ошибка на темном фоне */
-var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #F76977FF)';
+var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #F25A5FFF)';
 
 /** Цвет обводки ошибка на темном фоне */
-var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #E40C22FF)';
+var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #EF343AFF)';
 
 /** Цвет обводки информация на темном фоне */
 var onDarkOutlineInfo = 'var(--on-dark-outline-info, #9BCAF8)';
 
 /** Цвет обводки информация на темном фоне */
-var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #47B0F5FF)';
+var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #E7F2FDFF)';
 
 /** Цвет обводки информация на темном фоне */
-var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #096CAEFF)';
+var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #7EBAF6FF)';
 
 /** Минорный цвет обводки успех на темном фоне */
 var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0F9527FF)';
@@ -1912,47 +2293,47 @@ var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hove
 /** Минорный цвет обводки предупреждение на темном фоне */
 var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #BB4F11FF)';
 
-/** Бесцветная обводка на темном фоне */
-var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
-
 /** Бесцветная обводка на темном фоне */
 var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFF00)';
 
 /** Бесцветная обводка на темном фоне */
-var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF00)';
+var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
 
 /** Акцентный цвет обводки на темном фоне */
-var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #0E7C20FF)';
+var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #13BE32FF)';
 
 /** Акцентный цвет обводки на темном фоне */
-var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #16C533FF)';
+var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #0B741FFF)';
 
-/** Прозрачный цвет обводки успех на темном фоне */
-var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #16C533FF)';
+/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #0F9527FF)';
 
-/** Прозрачный цвет обводки успех на темном фоне */
-var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #0E7C20FF)';
+/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
+var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #074A14FF)';
+
+/** Бесцветная обводка на темном фоне */
+var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF00)';
 
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FD9253FF)';
+var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FF8138FF)';
 
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #F76977FF)';
+var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #F36876FF)';
 
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #E40C22FF)';
+var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #C61022FF)';
 
 /** Прозрачный цвет обводки информация на темном фоне */
-var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #47B0F5FF)';
+var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #0F96F0FF)';
 
 /** Прозрачный цвет обводки информация на темном фоне */
-var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #096CAEFF)';
+var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #0A66A3FF)';
 
 /** Цвет для readOnly */
-var onDarkOutlineReadOnlyHover = 'var(--on-dark-outline-read-only-hover, #FAFAFA4D)';
+var onDarkOutlineReadOnlyHover = 'var(--on-dark-outline-read-only-hover, #808080FF)';
 
 /** Цвет для readOnly */
-var onDarkOutlineReadOnlyActive = 'var(--on-dark-outline-read-only-active, #FAFAFA12)';
+var onDarkOutlineReadOnlyActive = 'var(--on-dark-outline-read-only-active, #616161FF)';
 
 /** Основной непрозрачный цвет обводки на светлом фоне */
 var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #ABABABFF)';
@@ -1969,23 +2350,26 @@ var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary
 /** Минорный цвет обводки ошибка на темном фоне */
 var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #8C121EFF)';
 
-/** Минорный цвет обводки ошибка на темном фоне */
-var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #D41C2EFF)';
+/** Минорный цвет обводки информация на темном фоне */
+var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
 
 /** Минорный цвет обводки информация на темном фоне */
 var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #0B476FFF)';
 
-/** Минорный цвет обводки информация на темном фоне */
-var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
+/** Прозрачный цвет обводки успех на темном фоне */
+var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #13BE32FF)';
 
-/** Вторичный прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #0808082B)';
+/** Прозрачный цвет обводки успех на темном фоне */
+var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #0B741FFF)';
+
+/** Минорный цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #D41C2EFF)';
 
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #08080872)';
+var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #080808FF)';
 
 /** Третичный прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #08080847)';
+var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #969696FF)';
 
 /** Третичный прозрачный цвет обводки на светлом фоне */
 var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #080808FF)';
@@ -2012,37 +2396,37 @@ var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover,
 var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #23B83EFF)';
 
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #095D191F)';
+var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #0F9527FF)';
 
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #095D1952)';
+var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #074A14FF)';
 
 /** Цвет обводки успех на светлом фоне */
 var onLightOutlinePositive = 'var(--on-light-outline-positive, #239322)';
 
 /** Цвет обводки успех на светлом фоне */
-var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #0F9527FF)';
+var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #32CA2FFF)';
+
+/** Непрозрачный цвет обводки по умолчанию на светлом фоне */
+var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #969696FF)';
 
 /** Третичный непрозрачный цвет обводки на светлом фоне */
 var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #5C5C5CFF)';
 
 /** Непрозрачный цвет обводки по умолчанию на светлом фоне */
-var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #969696FF)';
+var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #080808FF)';
 
 /** Основной прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #08080852)';
+var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #15110F3D)';
 
 /** Основной прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #08080838)';
+var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #15110F25)';
 
-/** Непрозрачный цвет обводки по умолчанию на светлом фоне */
-var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #080808FF)';
+/** Вторичный прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #969696FF)';
 
 /** Основной прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #15110F3D)';
-
-/** Цвет обводки информация на светлом фоне */
-var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #093B5DFF)';
+var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #15110F62)';
 
 /** Минорный цвет обводки успех на светлом фоне */
 var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #7AE68EFF)';
@@ -2092,29 +2476,32 @@ var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-inf
 /** Прозрачный цвет обводки информация на светлом фоне */
 var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #093B5DFF)';
 
+/** Цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439)';
+
 /** Цвет обводки предупреждение на светлом фоне */
 var onLightOutlineWarning = 'var(--on-light-outline-warning, #BE4E0C)';
 
 /** Цвет обводки ошибка на светлом фоне */
-var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439)';
+var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F17E82FF)';
 
-/** Цвет обводки предупреждение на светлом фоне */
-var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #B14B10FF)';
+/** Цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #DC181FFF)';
 
 /** Цвет обводки информация на светлом фоне */
 var onLightOutlineInfo = 'var(--on-light-outline-info, #3776BC)';
 
 /** Цвет обводки информация на светлом фоне */
-var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #137DC3FF)';
+var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #3067A6FF)';
 
-/** Цвет обводки ошибка на светлом фоне */
-var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #DD1D30FF)';
+/** Цвет обводки информация на светлом фоне */
+var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #81AADAFF)';
 
-/** Цвет обводки ошибка на светлом фоне */
-var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #8C121EFF)';
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #F3813FFF)';
 
-/** Инвертированный третичный непрозрачный цвет обводки */
-var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #A3A3A3FF)';
+/** Инвертированный основной непрозрачный цвет обводки */
+var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ABABABFF)';
 
 /** Инвертированный третичный непрозрачный цвет обводки */
 var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #5C5C5CFF)';
@@ -2135,10 +2522,10 @@ var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-p
 var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #15110F62)';
 
 /** Инвертированный вторичный прозрачный цвет обводки */
-var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #0808082B)';
+var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #969696FF)';
 
 /** Инвертированный третичный прозрачный цвет обводки */
-var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #08080847)';
+var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #969696FF)';
 
 /** Инвертированный третичный прозрачный цвет обводки */
 var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808FF)';
@@ -2164,11 +2551,11 @@ var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover,
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
 var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #23B83EFF)';
 
-/** Цвет для readOnly */
-var onLightOutlineReadOnlyActive = 'var(--on-light-outline-read-only-active, #FAFAFA1C)';
-
 /** Инвертированный основной непрозрачный цвет обводки */
-var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ABABABFF)';
+var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C4C4C4FF)';
+
+/** Цвет для readOnly */
+var onLightOutlineReadOnlyActive = 'var(--on-light-outline-read-only-active, #E0E0E0FF)';
 
 /** Инвертированный вторичный непрозрачный цвет обводки */
 var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #DBDBDBFF)';
@@ -2176,17 +2563,11 @@ var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-h
 /** Инвертированный вторичный непрозрачный цвет обводки */
 var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #8F8F8FFF)';
 
-/** Инвертированный основной непрозрачный цвет обводки */
-var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C4C4C4FF)';
-
-/** Инвертированный цвет обводки успех */
-var inverseOutlinePositive = 'var(--inverse-outline-positive, #239322)';
-
-/** Инвертированный цвет обводки успех */
-var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #0F9527FF)';
+/** Инвертированный третичный непрозрачный цвет обводки */
+var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #A3A3A3FF)';
 
 /** Инвертированный цвет обводки успех */
-var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #074A14FF)';
+var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #20801EFF)';
 
 /** Инвертированный цвет обводки предупреждение */
 var inverseOutlineWarning = 'var(--inverse-outline-warning, #BE4E0C)';
@@ -2201,19 +2582,19 @@ var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #A3420A
 var inverseOutlineNegative = 'var(--inverse-outline-negative, #E83439)';
 
 /** Инвертированный цвет обводки ошибка */
-var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #DD1D30FF)';
+var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F17E82FF)';
 
 /** Инвертированный цвет обводки ошибка */
-var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #8C121EFF)';
+var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #DC181FFF)';
 
 /** Инвертированный цвет обводки информация */
 var inverseOutlineInfo = 'var(--inverse-outline-info, #3776BC)';
 
 /** Инвертированный цвет обводки информация */
-var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #137DC3FF)';
+var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #81AADAFF)';
 
 /** Инвертированный цвет обводки информация */
-var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #093B5DFF)';
+var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #3067A6FF)';
 
 /** Инвертированный минорный цвет обводки успех */
 var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #7AE68EFF)';
@@ -2243,13 +2624,16 @@ var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-
 var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #074A14FF)';
 
 /** Прозрачный инвертированный акцентный цвет обводки */
-var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #095D1952)';
+var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #074A14FF)';
 
-/** Цвет для readOnly */
-var inverseOutlineReadOnlyHover = 'var(--inverse-outline-read-only-hover, #FAFAFA36)';
+/** Инвертированный цвет обводки успех */
+var inverseOutlinePositive = 'var(--inverse-outline-positive, #239322)';
+
+/** Инвертированный цвет обводки успех */
+var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #32CA2FFF)';
 
 /** Цвет для readOnly */
-var inverseOutlineReadOnlyActive = 'var(--inverse-outline-read-only-active, #FAFAFA1C)';
+var inverseOutlineReadOnlyActive = 'var(--inverse-outline-read-only-active, #E0E0E0FF)';
 
 /** Желтый цвет для данных */
 var dataYellowHover = 'var(--data-yellow-hover, #F4B22FFF)';
@@ -2264,10 +2648,10 @@ var dataYellowMinorHover = 'var(--data-yellow-minor-hover, #B87A00FF)';
 var dataYellowMinorActive = 'var(--data-yellow-minor-active, #996600FF)';
 
 /** Прозрачный желтый цвет для данных */
-var dataYellowTransparentHover = 'var(--data-yellow-transparent-hover, #F3A812AD)';
+var dataYellowTransparentHover = 'var(--data-yellow-transparent-hover, #F4B22FFF)';
 
 /** Прозрачный желтый цвет для данных */
-var dataYellowTransparentActive = 'var(--data-yellow-transparent-active, #F3A81280)';
+var dataYellowTransparentActive = 'var(--data-yellow-transparent-active, #EDA20CFF)';
 
 /** Желтый цвет для данных на темном фоне */
 var onDarkDataYellowHover = 'var(--on-dark-data-yellow-hover, #F4B22FFF)';
@@ -2282,10 +2666,10 @@ var onDarkDataYellowMinorHover = 'var(--on-dark-data-yellow-minor-hover, #B87A00
 var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #996600FF)';
 
 /** Прозрачный желтый цвет для данных на темном фоне */
-var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F3A812AD)';
+var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F4B22FFF)';
 
 /** Прозрачный желтый цвет для данных на темном фоне */
-var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
+var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #EDA20CFF)';
 
 /** Желтый цвет для данных на светлом фоне */
 var onLightDataYellowHover = 'var(--on-light-data-yellow-hover, #F5B638FF)';
@@ -2299,71 +2683,98 @@ var onLightDataYellowMinorHover = 'var(--on-light-data-yellow-minor-hover, #FFCF
 /** Минорный желтый цвет для данных на светлом фоне */
 var onLightDataYellowMinorActive = 'var(--on-light-data-yellow-minor-active, #FFCC66FF)';
 
+/** Прозрачный инвертированный цвет обводки предупреждение */
+var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #DD1D30FF)';
+
 /** Прозрачный инвертированный цвет обводки предупреждение */
 var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #B14B10FF)';
 
 /** Прозрачный инвертированный цвет обводки предупреждение */
-var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #DD1D30FF)';
+var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #8C121EFF)';
 
 /** Прозрачный инвертированный цвет обводки информация */
 var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #137DC3FF)';
 
+/** Цвет для readOnly */
+var inverseOutlineReadOnlyHover = 'var(--inverse-outline-read-only-hover, #C7C7C7FF)';
+
 /** Прозрачный инвертированный цвет обводки информация */
 var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #093B5DFF)';
 
-/** Прозрачный инвертированный цвет обводки предупреждение */
-var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #8C121EFF)';
+/** Инвертированный желтый цвет для данных */
+var inverseDataYellowHover = 'var(--inverse-data-yellow-hover, #F5B638FF)';
+
+/** Инвертированный желтый цвет для данных */
+var inverseDataYellowActive = 'var(--inverse-data-yellow-active, #E49C0CFF)';
+
+/** Инвертированный минорный желтый цвет для данных */
+var inverseDataYellowMinorActive = 'var(--inverse-data-yellow-minor-active, #FFCC66FF)';
+
+/** Прозрачный желтый цвет для данных на светлом фоне */
+var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #E49C0CFF)';
 
 /** Инвертированный прозрачный желтый цвет для данных */
-var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F3A8129E)';
+var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #E49C0CFF)';
 
 /** Инвертированный прозрачный желтый цвет для данных */
-var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #F3A812A3)';
+var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F5B638FF)';
+
+/** Прозрачный инвертированный акцентный цвет обводки */
+var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #0F9527FF)';
+
+/** Основной цвет текста */
+var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF97)';
+
+/** Минорный цвет предупреждения на темном фоне */
+var onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #9F440FFF)';
 
-/** Прозрачный желтый цвет для данных на светлом фоне */
-var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #F3A812A3)';
+/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
+var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F6F2F0)';
 
-/** Инвертированный желтый цвет для данных */
-var inverseDataYellowHover = 'var(--inverse-data-yellow-hover, #F5B638FF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #BFEDE1FF)';
 
-/** Инвертированный желтый цвет для данных */
-var inverseDataYellowActive = 'var(--inverse-data-yellow-active, #E49C0CFF)';
+/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFD6DAFF)';
 
-/** Инвертированный минорный желтый цвет для данных */
-var inverseDataYellowMinorActive = 'var(--inverse-data-yellow-minor-active, #FFCC66FF)';
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #C7F0E5FF)';
 
 /** null */
 var onDarkPersonasIndigoSurfaceAccentGradient = 'var(--on-dark-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
 
 /** null */
-var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%))';
+var onLightTextAccentGradientAI = 'var(--on-light-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%))';
 
 /** null */
-var onDarkPersonasBlueSurfaceAccentGradient = 'var(--on-dark-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))';
+var lightBackgroundGradient = 'var(--light-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
+
+/** null */
+var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%))';
 
 /** null */
 var onDarkPersonasVioletSurfaceAccentGradient = 'var(--on-dark-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
 
 /** null */
-var inversePersonasPinkSurfaceAccentGradient = 'var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
+var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
 
 /** null */
-var darkBackgroundGradient = 'var(--dark-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
+var onLightOutlineWhiteGradient = 'var(--on-light-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%))';
 
 /** null */
-var onDarkPersonasSeaBlueSurfaceAccentGradient = 'var(--on-dark-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
+var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%))';
 
 /** null */
-var inversePersonasIndigoSurfaceAccentGradient = 'var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
+var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
 
 /** null */
-var outlineWhiteGradient = 'var(--outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%))';
+var onDarkPersonasBlueSurfaceAccentGradient = 'var(--on-dark-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))';
 
 /** null */
-var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
+var inversePersonasIndigoSurfaceAccentGradient = 'var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
 
 /** null */
-var personasSeaBlueSurfaceAccentGradient = 'var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
+var outlineWhiteGradient = 'var(--outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%))';
 
 /** null */
 var personasGreenSurfaceAccentGradient = 'var(--personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
@@ -2372,130 +2783,130 @@ var personasGreenSurfaceAccentGradient = 'var(--personas-green-surface-accent-gr
 var inversePersonasSeaBlueSurfaceAccentGradient = 'var(--inverse-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
 
 /** null */
-var personasPinkSurfaceAccentGradient = 'var(--personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
+var onLightPersonasPinkSurfaceAccentGradient = 'var(--on-light-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%))';
 
 /** null */
-var inverseOverlayGradient = 'var(--inverse-overlay-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
+var inverseTextAccentGradientAI = 'var(--inverse-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%))';
 
 /** null */
-var onLightPersonasPinkSurfaceAccentGradient = 'var(--on-light-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%))';
+var onDarkPersonasOchreSurfaceAccentGradient = 'var(--on-dark-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))';
 
 /** null */
-var onDarkPersonasOchreSurfaceAccentGradient = 'var(--on-dark-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))';
+var personasSeaBlueSurfaceAccentGradient = 'var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
 
 /** null */
-var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%))';
+var inversePersonasPinkSurfaceAccentGradient = 'var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
 
 /** null */
-var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
+var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%))';
 
 /** null */
 var inversePersonasOchreSurfaceAccentGradient = 'var(--inverse-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
 
 /** null */
-var onLightTextAccentGradientAI = 'var(--on-light-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%))';
+var darkBackgroundGradient = 'var(--dark-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
 
 /** null */
-var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%))';
+var onDarkPersonasSeaBlueSurfaceAccentGradient = 'var(--on-dark-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
 
 /** null */
-var onLightPersonasOliveSurfaceAccentGradient = 'var(--on-light-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
+var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%))';
 
 /** null */
-var inverseTextAccentGradientAI = 'var(--inverse-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%))';
+var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
 
 /** null */
-var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
+var inverseOverlayGradient = 'var(--inverse-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
 
 /** null */
-var inverseSurfaceAccentGradientSecondary = 'var(--inverse-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
+var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(180deg, #000000 0.0%, #000000 100.0%))';
 
 /** null */
-var lightBackgroundGradient = 'var(--light-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
+var personasPinkSurfaceAccentGradient = 'var(--personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
 
 /** null */
-var onLightOutlineWhiteGradient = 'var(--on-light-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%))';
+var onLightPersonasOliveSurfaceAccentGradient = 'var(--on-light-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
 
 /** null */
-var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%))';
+var inverseSurfaceAccentGradientSecondary = 'var(--inverse-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
 
 /** null */
-var personasOchreSurfaceAccentGradient = 'var(--personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))';
+var inversePersonasVioletSurfaceAccentGradient = 'var(--inverse-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))';
 
 /** null */
-var onLightPersonasBlueSurfaceAccentGradient = 'var(--on-light-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
+var onLightSurfaceAccentGradientSecondary = 'var(--on-light-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
 
 /** null */
-var textAccentGradientAI = 'var(--text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
+var onLightPersonasGreenSurfaceAccentGradient = 'var(--on-light-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))';
 
 /** null */
-var onDarkOutlineWhiteGradient = 'var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%))';
+var personasIndigoSurfaceAccentGradient = 'var(--personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
 
 /** null */
-var onDarkPersonasPinkSurfaceAccentGradient = 'var(--on-dark-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
+var onLightPersonasOchreSurfaceAccentGradient = 'var(--on-light-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
 
 /** null */
-var onLightPersonasIndigoSurfaceAccentGradient = 'var(--on-light-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))';
+var surfaceAccentGradientSecondary = 'var(--surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
 
 /** null */
-var personasVioletSurfaceAccentGradient = 'var(--personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
+var inversePersonasGreenSurfaceAccentGradient = 'var(--inverse-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
 
 /** null */
-var onLightOverlayGradient = 'var(--on-light-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
+var personasOchreSurfaceAccentGradient = 'var(--personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))';
 
 /** null */
-var onDarkPersonasOliveSurfaceAccentGradient = 'var(--on-dark-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%))';
+var inverseOutlineWhiteGradient = 'var(--inverse-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%))';
 
 /** null */
-var onLightPersonasSeaBlueSurfaceAccentGradient = 'var(--on-light-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
+var onLightPersonasVioletSurfaceAccentGradient = 'var(--on-light-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))';
 
 /** null */
-var onLightPersonasOchreSurfaceAccentGradient = 'var(--on-light-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
+var personasVioletSurfaceAccentGradient = 'var(--personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
 
 /** null */
-var onDarkPersonasGreenSurfaceAccentGradient = 'var(--on-dark-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
+var onDarkOutlineWhiteGradient = 'var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%))';
 
 /** null */
-var personasOliveSurfaceAccentGradient = 'var(--personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
+var inversePersonasBlueSurfaceAccentGradient = 'var(--inverse-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
 
 /** null */
-var onDarkTextAccentGradientAI = 'var(--on-dark-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
+var onLightPersonasSeaBlueSurfaceAccentGradient = 'var(--on-light-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
 
 /** null */
-var inverseOutlineWhiteGradient = 'var(--inverse-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%))';
+var inversePersonasOliveSurfaceAccentGradient = 'var(--inverse-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
 
 /** null */
-var onDarkSurfaceAccentGradientSecondary = 'var(--on-dark-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
+var onLightOverlayGradient = 'var(--on-light-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
 
 /** null */
-var inversePersonasOliveSurfaceAccentGradient = 'var(--inverse-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
+var onLightPersonasIndigoSurfaceAccentGradient = 'var(--on-light-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))';
 
 /** null */
-var onLightPersonasGreenSurfaceAccentGradient = 'var(--on-light-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))';
+var onLightPersonasBlueSurfaceAccentGradient = 'var(--on-light-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
 
 /** null */
-var inversePersonasBlueSurfaceAccentGradient = 'var(--inverse-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
+var onDarkPersonasPinkSurfaceAccentGradient = 'var(--on-dark-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
 
 /** null */
-var surfaceAccentGradientSecondary = 'var(--surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
+var onDarkTextAccentGradientAI = 'var(--on-dark-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
 
 /** null */
-var personasBlueSurfaceAccentGradient = 'var(--personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
+var onDarkPersonasGreenSurfaceAccentGradient = 'var(--on-dark-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
 
 /** null */
-var inversePersonasVioletSurfaceAccentGradient = 'var(--inverse-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))';
+var personasOliveSurfaceAccentGradient = 'var(--personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
 
 /** null */
-var onLightPersonasVioletSurfaceAccentGradient = 'var(--on-light-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))';
+var textAccentGradientAI = 'var(--text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
 
 /** null */
-var onLightSurfaceAccentGradientSecondary = 'var(--on-light-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
+var onDarkPersonasOliveSurfaceAccentGradient = 'var(--on-dark-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%))';
 
 /** null */
-var personasIndigoSurfaceAccentGradient = 'var(--personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
+var onDarkSurfaceAccentGradientSecondary = 'var(--on-dark-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
 
 /** null */
-var inversePersonasGreenSurfaceAccentGradient = 'var(--inverse-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
+var personasBlueSurfaceAccentGradient = 'var(--personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
 
 /** Акцентный фон поверхности/контрола с градиентом */
 var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
@@ -2509,9 +2920,6 @@ var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear
 /** Акцентный минорный фон поверхности/контрола с градиентом на темном фоне */
 var onDarkSurfaceAccentMinorGradient = 'var(--on-dark-surface-accent-minor-gradient, linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%))';
 
-/** Инвертированный акцентный фон поверхности/контрола с градиентом */
-var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192)  0.0%, rgb(29, 145, 88) 100.0%))';
-
 /** Инвертированный акцентный минорный фон поверхности/контрола с градиентом */
 var inverseSurfaceAccentMinorGradient = 'var(--inverse-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))';
 
@@ -2521,42 +2929,45 @@ var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, line
 /** Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне */
 var onLightSurfaceAccentMinorGradient = 'var(--on-light-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))';
 
+/** Инвертированный акцентный фон поверхности/контрола с градиентом */
+var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192)  0.0%, rgb(29, 145, 88) 100.0%))';
+
 /** shadow down hard s */
 var shadowDownHardS = 'var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)';
 
 /** shadow down soft l */
 var shadowDownSoftL = 'var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)';
 
-/** shadow down soft m */
-var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
-
 /** shadow down soft s */
 var shadowDownSoftS = 'var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)';
 
+/** shadow down soft m */
+var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
+
 /** shadow down hard m */
 var shadowDownHardM = 'var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)';
 
 /** shadow down hard l */
 var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
 
-/** shadow up hard l */
-var shadowUpHardL = 'var(--shadow-up-hard-l, 0rem -3.75rem 7rem -0.5rem #00000066)';
-
 /** shadow up soft s */
 var shadowUpSoftS = 'var(--shadow-up-soft-s, 0rem -0.25rem 0.875rem -0.25rem #08080814,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
 
 /** shadow up soft m */
 var shadowUpSoftM = 'var(--shadow-up-soft-m, 0rem -1.5rem 3rem -0.5rem #00000014)';
 
-/** shadow up hard m */
-var shadowUpHardM = 'var(--shadow-up-hard-m, 0rem -1rem 2rem -0.5rem #0000003D)';
-
 /** shadow up soft l */
 var shadowUpSoftL = 'var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)';
 
 /** shadow up hard s */
 var shadowUpHardS = 'var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
 
+/** shadow up hard m */
+var shadowUpHardM = 'var(--shadow-up-hard-m, 0rem -1rem 2rem -0.5rem #0000003D)';
+
+/** shadow up hard l */
+var shadowUpHardL = 'var(--shadow-up-hard-l, 0rem -3.75rem 7rem -0.5rem #00000066)';
+
 /** New description */
 var borderRadius4xl = 'var(--border-radius-4xl, 2rem)';
 
@@ -2566,42 +2977,36 @@ var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
 /** New description */
 var borderRadius5xl = 'var(--border-radius-5xl, 2.5rem)';
 
-/** borderRadius l */
-var borderRadiusL = 'var(--border-radius-l, 1rem)';
+/** borderRadius circle */
+var borderRadiusCircle = 'var(--border-radius-circle, 100rem)';
 
-/** borderRadius xl */
-var borderRadiusXl = 'var(--border-radius-xl, 1.25rem)';
+/** borderRadius m */
+var borderRadiusM = 'var(--border-radius-m, 0.75rem)';
 
-/** borderRadius xxl */
-var borderRadiusXxl = 'var(--border-radius-xxl, 1.5rem)';
+/** borderRadius l */
+var borderRadiusL = 'var(--border-radius-l, 1rem)';
 
-/** borderRadius circle */
-var borderRadiusCircle = 'var(--border-radius-circle, 100rem)';
+/** borderRadius xxs */
+var borderRadiusXxs = 'var(--border-radius-xxs, 0.25rem)';
 
 /** borderRadius xs */
 var borderRadiusXs = 'var(--border-radius-xs, 0.375rem)';
 
+/** borderRadius xxl */
+var borderRadiusXxl = 'var(--border-radius-xxl, 1.5rem)';
+
 /** borderRadius s */
 var borderRadiusS = 'var(--border-radius-s, 0.5rem)';
 
-/** borderRadius xxs */
-var borderRadiusXxs = 'var(--border-radius-xxs, 0.25rem)';
-
-/** borderRadius m */
-var borderRadiusM = 'var(--border-radius-m, 0.75rem)';
+/** borderRadius xl */
+var borderRadiusXl = 'var(--border-radius-xl, 1.25rem)';
 
 /** spacing 16x */
 var spacing16x = 'var(--spacing-16x, 2rem)';
 
-/** spacing 1x */
-var spacing1x = 'var(--spacing-1x, 0.125rem)';
-
 /** spacing 3x */
 var spacing3x = 'var(--spacing-3x, 0.375rem)';
 
-/** spacing 4x */
-var spacing4x = 'var(--spacing-4x, 0.5rem)';
-
 /** spacing 6x */
 var spacing6x = 'var(--spacing-6x, 0.75rem)';
 
@@ -2629,12 +3034,18 @@ var spacing40x = 'var(--spacing-40x, 5rem)';
 /** spacing 60x */
 var spacing60x = 'var(--spacing-60x, 7.5rem)';
 
+/** spacing 4x */
+var spacing4x = 'var(--spacing-4x, 0.5rem)';
+
 /** spacing 2x */
 var spacing2x = 'var(--spacing-2x, 0.25rem)';
 
 /** spacing 0x */
 var spacing0x = 'var(--spacing-0x, 0rem)';
 
+/** spacing 1x */
+var spacing1x = 'var(--spacing-1x, 0.125rem)';
+
 /** typography s body-xxs-bold */
 var bodyXXSBold = {
   fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)',
@@ -2815,26 +3226,6 @@ var bodyLBold = {
   lineHeight: 'var(--plasma-typo-body-l-bold-line-height)'
 };
 
-/** typography s body-s */
-var bodyS = {
-  fontFamily: 'var(--plasma-typo-body-s-font-family)',
-  fontSize: 'var(--plasma-typo-body-s-font-size)',
-  fontStyle: 'var(--plasma-typo-body-s-font-style)',
-  fontWeight: 'var(--plasma-typo-body-s-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-s-line-height)'
-};
-
-/** typography s body-s-bold */
-var bodySBold = {
-  fontFamily: 'var(--plasma-typo-body-s-bold-font-family)',
-  fontSize: 'var(--plasma-typo-body-s-bold-font-size)',
-  fontStyle: 'var(--plasma-typo-body-s-bold-font-style)',
-  fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-s-bold-line-height)'
-};
-
 /** typography s body-s-medium */
 var bodySMedium = {
   fontFamily: 'var(--plasma-typo-body-s-medium-font-family)',
@@ -2885,26 +3276,6 @@ var bodyXXS = {
   lineHeight: 'var(--plasma-typo-body-xxs-line-height)'
 };
 
-/** typography s body-l-medium */
-var bodyLMedium = {
-  fontFamily: 'var(--plasma-typo-body-l-medium-font-family)',
-  fontSize: 'var(--plasma-typo-body-l-medium-font-size)',
-  fontStyle: 'var(--plasma-typo-body-l-medium-font-style)',
-  fontWeight: 'var(--plasma-typo-body-l-medium-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-l-medium-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-l-medium-line-height)'
-};
-
-/** typography s body-m */
-var bodyM = {
-  fontFamily: 'var(--plasma-typo-body-m-font-family)',
-  fontSize: 'var(--plasma-typo-body-m-font-size)',
-  fontStyle: 'var(--plasma-typo-body-m-font-style)',
-  fontWeight: 'var(--plasma-typo-body-m-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-m-line-height)'
-};
-
 /** typography s body-m-bold */
 var bodyMBold = {
   fontFamily: 'var(--plasma-typo-body-m-bold-font-family)',
@@ -2925,6 +3296,46 @@ var bodyMMedium = {
   lineHeight: 'var(--plasma-typo-body-m-medium-line-height)'
 };
 
+/** typography s body-s */
+var bodyS = {
+  fontFamily: 'var(--plasma-typo-body-s-font-family)',
+  fontSize: 'var(--plasma-typo-body-s-font-size)',
+  fontStyle: 'var(--plasma-typo-body-s-font-style)',
+  fontWeight: 'var(--plasma-typo-body-s-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-s-line-height)'
+};
+
+/** typography s body-s-bold */
+var bodySBold = {
+  fontFamily: 'var(--plasma-typo-body-s-bold-font-family)',
+  fontSize: 'var(--plasma-typo-body-s-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-body-s-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-s-bold-line-height)'
+};
+
+/** typography s body-l-medium */
+var bodyLMedium = {
+  fontFamily: 'var(--plasma-typo-body-l-medium-font-family)',
+  fontSize: 'var(--plasma-typo-body-l-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-body-l-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-body-l-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-l-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-l-medium-line-height)'
+};
+
+/** typography s body-m */
+var bodyM = {
+  fontFamily: 'var(--plasma-typo-body-m-font-family)',
+  fontSize: 'var(--plasma-typo-body-m-font-size)',
+  fontStyle: 'var(--plasma-typo-body-m-font-style)',
+  fontWeight: 'var(--plasma-typo-body-m-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-m-line-height)'
+};
+
 /** typography s body-xxs-medium */
 var bodyXXSMedium = {
   fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
@@ -2935,8 +3346,8 @@ var bodyXXSMedium = {
   lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
 };
 var viewContainer = {
-  dark: "\n        --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-outline-default: var(--on-light-outline-default);\n        --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --background-hardline: var(--dark-background-hardline);\n        --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-outline-primary: var(--on-light-outline-primary);\n        --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --inverse-background-hardline: var(--light-background-hardline);\n        --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --outline-default: var(--on-dark-outline-default);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --outline-primary: var(--on-dark-outline-primary);\n        --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --text-primary: var(--on-dark-text-primary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-paragraph: var(--on-dark-text-paragraph);\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-hover: var(--on-dark-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\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-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-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-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n        --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        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-positive: var(--on-light-text-positive);\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-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-solid-card: var(--on-dark-surface-solid-card);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\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-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\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-hover: var(--on-dark-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --surface-read-only: var(--on-dark-surface-read-only);\n        --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\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        --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-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: var(--on-light-surface-transparent-primary);\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: var(--on-light-surface-transparent-secondary);\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-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-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-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-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-hover: var(--on-light-surface-positive-minor-hover);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --inverse-surface-read-only: var(--on-light-surface-read-only);\n        --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n        --background-primary: var(--dark-background-primary);\n        --background-secondary: var(--dark-background-secondary);\n        --background-tertiary: var(--dark-background-tertiary);\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-active: var(--on-light-surface-negative-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\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: var(--on-dark-outline-transparent-primary);\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        --inverse-background-secondary: var(--light-background-secondary);\n        --inverse-background-primary: var(--light-background-primary);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-background-tertiary: var(--light-background-tertiary);\n        --overlay-soft: var(--on-dark-overlay-soft);\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-hover: var(--on-dark-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --outline-read-only-hover: var(--on-dark-outline-read-only-hover);\n        --outline-read-only-active: var(--on-dark-outline-read-only-active);\n        --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --inverse-outline-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-hover: var(--on-light-outline-transparent-secondary-hover);\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-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\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-primary-active: var(--on-light-outline-solid-primary-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-hover: var(--on-light-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --inverse-outline-read-only-hover: var(--on-light-outline-read-only-hover);\n        --inverse-outline-read-only-active: var(--on-light-outline-read-only-active);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n        --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --inverse-background-gradient: var(--light-background-gradient);\n        --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-dark-overlay-gradient);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --background-gradient: var(--dark-background-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n      ",
-  light: "\n        --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-outline-default: var(--on-dark-outline-default);\n        --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --background-hardline: var(--light-background-hardline);\n        --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-outline-primary: var(--on-dark-outline-primary);\n        --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --inverse-background-hardline: var(--dark-background-hardline);\n        --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --outline-default: var(--on-light-outline-default);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --outline-primary: var(--on-light-outline-primary);\n        --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --text-primary: var(--on-light-text-primary);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --text-info-minor-active: var(--on-light-text-info-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\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-hover: var(--on-light-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-primary: var(--on-dark-text-primary);\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: var(--on-dark-text-secondary);\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: var(--on-dark-text-tertiary);\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: var(--on-dark-text-paragraph);\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-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-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-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --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        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\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: var(--on-light-surface-transparent-secondary);\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-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-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\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-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-light-surface-solid-default);\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-hover: var(--on-light-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --surface-read-only: var(--on-light-surface-read-only);\n        --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --surface-read-only-active: var(--on-light-surface-read-only-active);\n        --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\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        --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-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-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-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-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-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-hover: var(--on-dark-surface-positive-minor-hover);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --inverse-surface-read-only: var(--on-dark-surface-read-only);\n        --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --background-primary: var(--light-background-primary);\n        --background-secondary: var(--light-background-secondary);\n        --background-tertiary: var(--light-background-tertiary);\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-active: var(--on-dark-surface-negative-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\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-hover: var(--on-light-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\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        --inverse-background-secondary: var(--dark-background-secondary);\n        --inverse-background-primary: var(--dark-background-primary);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --inverse-background-tertiary: var(--dark-background-tertiary);\n        --overlay-soft: var(--on-light-overlay-soft);\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-hover: var(--on-light-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --outline-read-only-hover: var(--on-light-outline-read-only-hover);\n        --outline-read-only-active: var(--on-light-outline-read-only-active);\n        --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --inverse-outline-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: var(--on-dark-outline-transparent-primary);\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-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-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\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-primary-active: var(--on-dark-outline-solid-primary-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-hover: var(--on-dark-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --inverse-outline-read-only-hover: var(--on-dark-outline-read-only-hover);\n        --inverse-outline-read-only-active: var(--on-dark-outline-read-only-active);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\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-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n        --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --outline-white-gradient: var(--on-light-outline-white-gradient);\n        --inverse-background-gradient: var(--dark-background-gradient);\n        --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-light-overlay-gradient);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --background-gradient: var(--light-background-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n      "
+  dark: "\n        --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n        --inverse-outline-default-active: var(--on-light-outline-default-active);\n        --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n        --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n        --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --outline-default-hover: var(--on-dark-outline-default-hover);\n        --outline-default-active: var(--on-dark-outline-default-active);\n        --outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --inverse-outline-default: var(--on-light-outline-default);\n        --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --background-hardline: var(--dark-background-hardline);\n        --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-outline-primary: var(--on-light-outline-primary);\n        --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --inverse-background-hardline: var(--light-background-hardline);\n        --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n        --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --outline-default: var(--on-dark-outline-default);\n        --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --outline-primary: var(--on-dark-outline-primary);\n        --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --text-primary: var(--on-dark-text-primary);\n        --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-paragraph: var(--on-dark-text-paragraph);\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-hover: var(--on-dark-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\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-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-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-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n        --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        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\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-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-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-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-hover: var(--on-dark-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --surface-read-only: var(--on-dark-surface-read-only);\n        --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-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-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: var(--on-light-surface-transparent-secondary);\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-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\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-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\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-hover: var(--on-light-surface-positive-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\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-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --inverse-surface-read-only: var(--on-light-surface-read-only);\n        --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n        --background-primary: var(--dark-background-primary);\n        --background-secondary: var(--dark-background-secondary);\n        --background-tertiary: var(--dark-background-tertiary);\n        --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\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: var(--on-dark-outline-transparent-primary);\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        --inverse-background-secondary: var(--light-background-secondary);\n        --inverse-background-tertiary: var(--light-background-tertiary);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-background-primary: var(--light-background-primary);\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-hover: var(--on-dark-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\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-active: var(--on-dark-outline-transparent-accent-active);\n        --outline-read-only-hover: var(--on-dark-outline-read-only-hover);\n        --outline-read-only-active: var(--on-dark-outline-read-only-active);\n        --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\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-hover: var(--on-light-outline-transparent-secondary-hover);\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-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-outline-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-hover: var(--on-light-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --inverse-outline-transparent-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-read-only-active: var(--on-light-outline-read-only-active);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --inverse-outline-read-only-hover: var(--on-light-outline-read-only-hover);\n        --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\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-active: var(--on-light-data-yellow-minor-active);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-dark-overlay-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --background-gradient: var(--dark-background-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --inverse-background-gradient: var(--light-background-gradient);\n        --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n        --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n      ",
+  light: "\n        --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n        --inverse-outline-default-active: var(--on-dark-outline-default-active);\n        --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n        --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --outline-default-hover: var(--on-light-outline-default-hover);\n        --outline-default-active: var(--on-light-outline-default-active);\n        --outline-primary-hover: var(--on-light-outline-primary-hover);\n        --outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --inverse-outline-default: var(--on-dark-outline-default);\n        --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --background-hardline: var(--light-background-hardline);\n        --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-outline-primary: var(--on-dark-outline-primary);\n        --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --inverse-background-hardline: var(--dark-background-hardline);\n        --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n        --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --outline-default: var(--on-light-outline-default);\n        --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --outline-primary: var(--on-light-outline-primary);\n        --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --text-primary: var(--on-light-text-primary);\n        --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --text-info-minor-active: var(--on-light-text-info-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --text-secondary: var(--on-light-text-secondary);\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-hover: var(--on-light-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\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-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-primary: var(--on-dark-text-primary);\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: var(--on-dark-text-secondary);\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: var(--on-dark-text-tertiary);\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: var(--on-dark-text-paragraph);\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-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-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-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --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        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\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-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-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-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-hover: var(--on-light-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --surface-read-only: var(--on-light-surface-read-only);\n        --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --surface-read-only-active: var(--on-light-surface-read-only-active);\n        --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\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-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-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\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-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-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-hover: var(--on-dark-surface-positive-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\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-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --inverse-surface-read-only: var(--on-dark-surface-read-only);\n        --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --background-primary: var(--light-background-primary);\n        --background-secondary: var(--light-background-secondary);\n        --background-tertiary: var(--light-background-tertiary);\n        --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\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-hover: var(--on-light-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\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        --inverse-background-secondary: var(--dark-background-secondary);\n        --inverse-background-tertiary: var(--dark-background-tertiary);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --inverse-background-primary: var(--dark-background-primary);\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-hover: var(--on-light-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\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-active: var(--on-light-outline-transparent-accent-active);\n        --outline-read-only-hover: var(--on-light-outline-read-only-hover);\n        --outline-read-only-active: var(--on-light-outline-read-only-active);\n        --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\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: var(--on-dark-outline-transparent-primary);\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-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-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-outline-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-hover: var(--on-dark-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --inverse-outline-transparent-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-read-only-active: var(--on-dark-outline-read-only-active);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --inverse-outline-read-only-hover: var(--on-dark-outline-read-only-hover);\n        --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\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-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-light-overlay-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --background-gradient: var(--light-background-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --outline-white-gradient: var(--on-light-outline-white-gradient);\n        --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --inverse-background-gradient: var(--dark-background-gradient);\n        --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n      "
 };
 
 exports.backgroundGradient = backgroundGradient;
@@ -3015,6 +3426,8 @@ exports.inverseOutlineClear = inverseOutlineClear;
 exports.inverseOutlineClearActive = inverseOutlineClearActive;
 exports.inverseOutlineClearHover = inverseOutlineClearHover;
 exports.inverseOutlineDefault = inverseOutlineDefault;
+exports.inverseOutlineDefaultActive = inverseOutlineDefaultActive;
+exports.inverseOutlineDefaultHover = inverseOutlineDefaultHover;
 exports.inverseOutlineInfo = inverseOutlineInfo;
 exports.inverseOutlineInfoActive = inverseOutlineInfoActive;
 exports.inverseOutlineInfoHover = inverseOutlineInfoHover;
@@ -3031,6 +3444,8 @@ exports.inverseOutlinePositiveHover = inverseOutlinePositiveHover;
 exports.inverseOutlinePositiveMinorActive = inverseOutlinePositiveMinorActive;
 exports.inverseOutlinePositiveMinorHover = inverseOutlinePositiveMinorHover;
 exports.inverseOutlinePrimary = inverseOutlinePrimary;
+exports.inverseOutlinePrimaryActive = inverseOutlinePrimaryActive;
+exports.inverseOutlinePrimaryHover = inverseOutlinePrimaryHover;
 exports.inverseOutlineReadOnlyActive = inverseOutlineReadOnlyActive;
 exports.inverseOutlineReadOnlyHover = inverseOutlineReadOnlyHover;
 exports.inverseOutlineSolidDefaultActive = inverseOutlineSolidDefaultActive;
@@ -3069,20 +3484,36 @@ exports.inverseOverlayHard = inverseOverlayHard;
 exports.inverseOverlaySoft = inverseOverlaySoft;
 exports.inversePersonasBlueSurfaceAccentGradient = inversePersonasBlueSurfaceAccentGradient;
 exports.inversePersonasBlueTextAccent = inversePersonasBlueTextAccent;
+exports.inversePersonasBlueTextAccentActive = inversePersonasBlueTextAccentActive;
+exports.inversePersonasBlueTextAccentHover = inversePersonasBlueTextAccentHover;
 exports.inversePersonasGreenSurfaceAccentGradient = inversePersonasGreenSurfaceAccentGradient;
 exports.inversePersonasGreenTextAccent = inversePersonasGreenTextAccent;
+exports.inversePersonasGreenTextAccentActive = inversePersonasGreenTextAccentActive;
+exports.inversePersonasGreenTextAccentHover = inversePersonasGreenTextAccentHover;
 exports.inversePersonasIndigoSurfaceAccentGradient = inversePersonasIndigoSurfaceAccentGradient;
 exports.inversePersonasIndigoTextAccent = inversePersonasIndigoTextAccent;
+exports.inversePersonasIndigoTextAccentActive = inversePersonasIndigoTextAccentActive;
+exports.inversePersonasIndigoTextAccentHover = inversePersonasIndigoTextAccentHover;
 exports.inversePersonasOchreSurfaceAccentGradient = inversePersonasOchreSurfaceAccentGradient;
 exports.inversePersonasOchreTextAccent = inversePersonasOchreTextAccent;
+exports.inversePersonasOchreTextAccentActive = inversePersonasOchreTextAccentActive;
+exports.inversePersonasOchreTextAccentHover = inversePersonasOchreTextAccentHover;
 exports.inversePersonasOliveSurfaceAccentGradient = inversePersonasOliveSurfaceAccentGradient;
 exports.inversePersonasOliveTextAccent = inversePersonasOliveTextAccent;
+exports.inversePersonasOliveTextAccentActive = inversePersonasOliveTextAccentActive;
+exports.inversePersonasOliveTextAccentHover = inversePersonasOliveTextAccentHover;
 exports.inversePersonasPinkSurfaceAccentGradient = inversePersonasPinkSurfaceAccentGradient;
 exports.inversePersonasPinkTextAccent = inversePersonasPinkTextAccent;
+exports.inversePersonasPinkTextAccentActive = inversePersonasPinkTextAccentActive;
+exports.inversePersonasPinkTextAccentHover = inversePersonasPinkTextAccentHover;
 exports.inversePersonasSeaBlueSurfaceAccentGradient = inversePersonasSeaBlueSurfaceAccentGradient;
 exports.inversePersonasSeaBlueTextAccent = inversePersonasSeaBlueTextAccent;
+exports.inversePersonasSeaBlueTextAccentActive = inversePersonasSeaBlueTextAccentActive;
+exports.inversePersonasSeaBlueTextAccentHover = inversePersonasSeaBlueTextAccentHover;
 exports.inversePersonasVioletSurfaceAccentGradient = inversePersonasVioletSurfaceAccentGradient;
 exports.inversePersonasVioletTextAccent = inversePersonasVioletTextAccent;
+exports.inversePersonasVioletTextAccentActive = inversePersonasVioletTextAccentActive;
+exports.inversePersonasVioletTextAccentHover = inversePersonasVioletTextAccentHover;
 exports.inverseSurfaceAccent = inverseSurfaceAccent;
 exports.inverseSurfaceAccentActive = inverseSurfaceAccentActive;
 exports.inverseSurfaceAccentGradient = inverseSurfaceAccentGradient;
@@ -3093,6 +3524,8 @@ exports.inverseSurfaceAccentMinorActive = inverseSurfaceAccentMinorActive;
 exports.inverseSurfaceAccentMinorGradient = inverseSurfaceAccentMinorGradient;
 exports.inverseSurfaceAccentMinorHover = inverseSurfaceAccentMinorHover;
 exports.inverseSurfaceAccentSecondary = inverseSurfaceAccentSecondary;
+exports.inverseSurfaceAccentSecondaryActive = inverseSurfaceAccentSecondaryActive;
+exports.inverseSurfaceAccentSecondaryHover = inverseSurfaceAccentSecondaryHover;
 exports.inverseSurfaceClear = inverseSurfaceClear;
 exports.inverseSurfaceClearActive = inverseSurfaceClearActive;
 exports.inverseSurfaceClearHover = inverseSurfaceClearHover;
@@ -3118,6 +3551,8 @@ exports.inverseSurfaceSkeletonGradient = inverseSurfaceSkeletonGradient;
 exports.inverseSurfaceSolidCard = inverseSurfaceSolidCard;
 exports.inverseSurfaceSolidCardActive = inverseSurfaceSolidCardActive;
 exports.inverseSurfaceSolidCardBrightness = inverseSurfaceSolidCardBrightness;
+exports.inverseSurfaceSolidCardBrightnessActive = inverseSurfaceSolidCardBrightnessActive;
+exports.inverseSurfaceSolidCardBrightnessHover = inverseSurfaceSolidCardBrightnessHover;
 exports.inverseSurfaceSolidCardHover = inverseSurfaceSolidCardHover;
 exports.inverseSurfaceSolidDefault = inverseSurfaceSolidDefault;
 exports.inverseSurfaceSolidDefaultActive = inverseSurfaceSolidDefaultActive;
@@ -3125,6 +3560,8 @@ exports.inverseSurfaceSolidDefaultHover = inverseSurfaceSolidDefaultHover;
 exports.inverseSurfaceSolidPrimary = inverseSurfaceSolidPrimary;
 exports.inverseSurfaceSolidPrimaryActive = inverseSurfaceSolidPrimaryActive;
 exports.inverseSurfaceSolidPrimaryBrightness = inverseSurfaceSolidPrimaryBrightness;
+exports.inverseSurfaceSolidPrimaryBrightnessActive = inverseSurfaceSolidPrimaryBrightnessActive;
+exports.inverseSurfaceSolidPrimaryBrightnessHover = inverseSurfaceSolidPrimaryBrightnessHover;
 exports.inverseSurfaceSolidPrimaryHover = inverseSurfaceSolidPrimaryHover;
 exports.inverseSurfaceSolidSecondary = inverseSurfaceSolidSecondary;
 exports.inverseSurfaceSolidSecondaryActive = inverseSurfaceSolidSecondaryActive;
@@ -3136,9 +3573,13 @@ exports.inverseSurfaceTransparentAccent = inverseSurfaceTransparentAccent;
 exports.inverseSurfaceTransparentAccentActive = inverseSurfaceTransparentAccentActive;
 exports.inverseSurfaceTransparentAccentHover = inverseSurfaceTransparentAccentHover;
 exports.inverseSurfaceTransparentAccentMinor = inverseSurfaceTransparentAccentMinor;
+exports.inverseSurfaceTransparentAccentMinorActive = inverseSurfaceTransparentAccentMinorActive;
+exports.inverseSurfaceTransparentAccentMinorHover = inverseSurfaceTransparentAccentMinorHover;
 exports.inverseSurfaceTransparentCard = inverseSurfaceTransparentCard;
 exports.inverseSurfaceTransparentCardActive = inverseSurfaceTransparentCardActive;
 exports.inverseSurfaceTransparentCardBrightness = inverseSurfaceTransparentCardBrightness;
+exports.inverseSurfaceTransparentCardBrightnessActive = inverseSurfaceTransparentCardBrightnessActive;
+exports.inverseSurfaceTransparentCardBrightnessHover = inverseSurfaceTransparentCardBrightnessHover;
 exports.inverseSurfaceTransparentCardHover = inverseSurfaceTransparentCardHover;
 exports.inverseSurfaceTransparentDeep = inverseSurfaceTransparentDeep;
 exports.inverseSurfaceTransparentDeepActive = inverseSurfaceTransparentDeepActive;
@@ -3146,6 +3587,8 @@ exports.inverseSurfaceTransparentDeepHover = inverseSurfaceTransparentDeepHover;
 exports.inverseSurfaceTransparentInfoActive = inverseSurfaceTransparentInfoActive;
 exports.inverseSurfaceTransparentInfoHover = inverseSurfaceTransparentInfoHover;
 exports.inverseSurfaceTransparentNavi = inverseSurfaceTransparentNavi;
+exports.inverseSurfaceTransparentNaviActive = inverseSurfaceTransparentNaviActive;
+exports.inverseSurfaceTransparentNaviHover = inverseSurfaceTransparentNaviHover;
 exports.inverseSurfaceTransparentNegativeActive = inverseSurfaceTransparentNegativeActive;
 exports.inverseSurfaceTransparentNegativeHover = inverseSurfaceTransparentNegativeHover;
 exports.inverseSurfaceTransparentPositiveActive = inverseSurfaceTransparentPositiveActive;
@@ -3194,6 +3637,8 @@ exports.inverseTextPositiveMinorHover = inverseTextPositiveMinorHover;
 exports.inverseTextPrimary = inverseTextPrimary;
 exports.inverseTextPrimaryActive = inverseTextPrimaryActive;
 exports.inverseTextPrimaryBrightness = inverseTextPrimaryBrightness;
+exports.inverseTextPrimaryBrightnessActive = inverseTextPrimaryBrightnessActive;
+exports.inverseTextPrimaryBrightnessHover = inverseTextPrimaryBrightnessHover;
 exports.inverseTextPrimaryHover = inverseTextPrimaryHover;
 exports.inverseTextSecondary = inverseTextSecondary;
 exports.inverseTextSecondaryActive = inverseTextSecondaryActive;
@@ -3225,6 +3670,8 @@ exports.onDarkOutlineClear = onDarkOutlineClear;
 exports.onDarkOutlineClearActive = onDarkOutlineClearActive;
 exports.onDarkOutlineClearHover = onDarkOutlineClearHover;
 exports.onDarkOutlineDefault = onDarkOutlineDefault;
+exports.onDarkOutlineDefaultActive = onDarkOutlineDefaultActive;
+exports.onDarkOutlineDefaultHover = onDarkOutlineDefaultHover;
 exports.onDarkOutlineInfo = onDarkOutlineInfo;
 exports.onDarkOutlineInfoActive = onDarkOutlineInfoActive;
 exports.onDarkOutlineInfoHover = onDarkOutlineInfoHover;
@@ -3241,6 +3688,8 @@ exports.onDarkOutlinePositiveHover = onDarkOutlinePositiveHover;
 exports.onDarkOutlinePositiveMinorActive = onDarkOutlinePositiveMinorActive;
 exports.onDarkOutlinePositiveMinorHover = onDarkOutlinePositiveMinorHover;
 exports.onDarkOutlinePrimary = onDarkOutlinePrimary;
+exports.onDarkOutlinePrimaryActive = onDarkOutlinePrimaryActive;
+exports.onDarkOutlinePrimaryHover = onDarkOutlinePrimaryHover;
 exports.onDarkOutlineReadOnlyActive = onDarkOutlineReadOnlyActive;
 exports.onDarkOutlineReadOnlyHover = onDarkOutlineReadOnlyHover;
 exports.onDarkOutlineSolidDefaultActive = onDarkOutlineSolidDefaultActive;
@@ -3274,24 +3723,41 @@ exports.onDarkOutlineWarningHover = onDarkOutlineWarningHover;
 exports.onDarkOutlineWarningMinorActive = onDarkOutlineWarningMinorActive;
 exports.onDarkOutlineWarningMinorHover = onDarkOutlineWarningMinorHover;
 exports.onDarkOutlineWhiteGradient = onDarkOutlineWhiteGradient;
+exports.onDarkOverlayGradient = onDarkOverlayGradient;
 exports.onDarkOverlayHard = onDarkOverlayHard;
 exports.onDarkOverlaySoft = onDarkOverlaySoft;
 exports.onDarkPersonasBlueSurfaceAccentGradient = onDarkPersonasBlueSurfaceAccentGradient;
 exports.onDarkPersonasBlueTextAccent = onDarkPersonasBlueTextAccent;
+exports.onDarkPersonasBlueTextAccentActive = onDarkPersonasBlueTextAccentActive;
+exports.onDarkPersonasBlueTextAccentHover = onDarkPersonasBlueTextAccentHover;
 exports.onDarkPersonasGreenSurfaceAccentGradient = onDarkPersonasGreenSurfaceAccentGradient;
 exports.onDarkPersonasGreenTextAccent = onDarkPersonasGreenTextAccent;
+exports.onDarkPersonasGreenTextAccentActive = onDarkPersonasGreenTextAccentActive;
+exports.onDarkPersonasGreenTextAccentHover = onDarkPersonasGreenTextAccentHover;
 exports.onDarkPersonasIndigoSurfaceAccentGradient = onDarkPersonasIndigoSurfaceAccentGradient;
 exports.onDarkPersonasIndigoTextAccent = onDarkPersonasIndigoTextAccent;
+exports.onDarkPersonasIndigoTextAccentActive = onDarkPersonasIndigoTextAccentActive;
+exports.onDarkPersonasIndigoTextAccentHover = onDarkPersonasIndigoTextAccentHover;
 exports.onDarkPersonasOchreSurfaceAccentGradient = onDarkPersonasOchreSurfaceAccentGradient;
 exports.onDarkPersonasOchreTextAccent = onDarkPersonasOchreTextAccent;
+exports.onDarkPersonasOchreTextAccentActive = onDarkPersonasOchreTextAccentActive;
+exports.onDarkPersonasOchreTextAccentHover = onDarkPersonasOchreTextAccentHover;
 exports.onDarkPersonasOliveSurfaceAccentGradient = onDarkPersonasOliveSurfaceAccentGradient;
 exports.onDarkPersonasOliveTextAccent = onDarkPersonasOliveTextAccent;
+exports.onDarkPersonasOliveTextAccentActive = onDarkPersonasOliveTextAccentActive;
+exports.onDarkPersonasOliveTextAccentHover = onDarkPersonasOliveTextAccentHover;
 exports.onDarkPersonasPinkSurfaceAccentGradient = onDarkPersonasPinkSurfaceAccentGradient;
 exports.onDarkPersonasPinkTextAccent = onDarkPersonasPinkTextAccent;
+exports.onDarkPersonasPinkTextAccentActive = onDarkPersonasPinkTextAccentActive;
+exports.onDarkPersonasPinkTextAccentHover = onDarkPersonasPinkTextAccentHover;
 exports.onDarkPersonasSeaBlueSurfaceAccentGradient = onDarkPersonasSeaBlueSurfaceAccentGradient;
 exports.onDarkPersonasSeaBlueTextAccent = onDarkPersonasSeaBlueTextAccent;
+exports.onDarkPersonasSeaBlueTextAccentActive = onDarkPersonasSeaBlueTextAccentActive;
+exports.onDarkPersonasSeaBlueTextAccentHover = onDarkPersonasSeaBlueTextAccentHover;
 exports.onDarkPersonasVioletSurfaceAccentGradient = onDarkPersonasVioletSurfaceAccentGradient;
 exports.onDarkPersonasVioletTextAccent = onDarkPersonasVioletTextAccent;
+exports.onDarkPersonasVioletTextAccentActive = onDarkPersonasVioletTextAccentActive;
+exports.onDarkPersonasVioletTextAccentHover = onDarkPersonasVioletTextAccentHover;
 exports.onDarkSurfaceAccent = onDarkSurfaceAccent;
 exports.onDarkSurfaceAccentActive = onDarkSurfaceAccentActive;
 exports.onDarkSurfaceAccentGradient = onDarkSurfaceAccentGradient;
@@ -3302,6 +3768,8 @@ exports.onDarkSurfaceAccentMinorActive = onDarkSurfaceAccentMinorActive;
 exports.onDarkSurfaceAccentMinorGradient = onDarkSurfaceAccentMinorGradient;
 exports.onDarkSurfaceAccentMinorHover = onDarkSurfaceAccentMinorHover;
 exports.onDarkSurfaceAccentSecondary = onDarkSurfaceAccentSecondary;
+exports.onDarkSurfaceAccentSecondaryActive = onDarkSurfaceAccentSecondaryActive;
+exports.onDarkSurfaceAccentSecondaryHover = onDarkSurfaceAccentSecondaryHover;
 exports.onDarkSurfaceClear = onDarkSurfaceClear;
 exports.onDarkSurfaceClearActive = onDarkSurfaceClearActive;
 exports.onDarkSurfaceClearHover = onDarkSurfaceClearHover;
@@ -3327,6 +3795,8 @@ exports.onDarkSurfaceSkeletonGradient = onDarkSurfaceSkeletonGradient;
 exports.onDarkSurfaceSolidCard = onDarkSurfaceSolidCard;
 exports.onDarkSurfaceSolidCardActive = onDarkSurfaceSolidCardActive;
 exports.onDarkSurfaceSolidCardBrightness = onDarkSurfaceSolidCardBrightness;
+exports.onDarkSurfaceSolidCardBrightnessActive = onDarkSurfaceSolidCardBrightnessActive;
+exports.onDarkSurfaceSolidCardBrightnessHover = onDarkSurfaceSolidCardBrightnessHover;
 exports.onDarkSurfaceSolidCardHover = onDarkSurfaceSolidCardHover;
 exports.onDarkSurfaceSolidDefault = onDarkSurfaceSolidDefault;
 exports.onDarkSurfaceSolidDefaultActive = onDarkSurfaceSolidDefaultActive;
@@ -3334,6 +3804,8 @@ exports.onDarkSurfaceSolidDefaultHover = onDarkSurfaceSolidDefaultHover;
 exports.onDarkSurfaceSolidPrimary = onDarkSurfaceSolidPrimary;
 exports.onDarkSurfaceSolidPrimaryActive = onDarkSurfaceSolidPrimaryActive;
 exports.onDarkSurfaceSolidPrimaryBrightness = onDarkSurfaceSolidPrimaryBrightness;
+exports.onDarkSurfaceSolidPrimaryBrightnessActive = onDarkSurfaceSolidPrimaryBrightnessActive;
+exports.onDarkSurfaceSolidPrimaryBrightnessHover = onDarkSurfaceSolidPrimaryBrightnessHover;
 exports.onDarkSurfaceSolidPrimaryHover = onDarkSurfaceSolidPrimaryHover;
 exports.onDarkSurfaceSolidSecondary = onDarkSurfaceSolidSecondary;
 exports.onDarkSurfaceSolidSecondaryActive = onDarkSurfaceSolidSecondaryActive;
@@ -3345,9 +3817,13 @@ exports.onDarkSurfaceTransparentAccent = onDarkSurfaceTransparentAccent;
 exports.onDarkSurfaceTransparentAccentActive = onDarkSurfaceTransparentAccentActive;
 exports.onDarkSurfaceTransparentAccentHover = onDarkSurfaceTransparentAccentHover;
 exports.onDarkSurfaceTransparentAccentMinor = onDarkSurfaceTransparentAccentMinor;
+exports.onDarkSurfaceTransparentAccentMinorActive = onDarkSurfaceTransparentAccentMinorActive;
+exports.onDarkSurfaceTransparentAccentMinorHover = onDarkSurfaceTransparentAccentMinorHover;
 exports.onDarkSurfaceTransparentCard = onDarkSurfaceTransparentCard;
 exports.onDarkSurfaceTransparentCardActive = onDarkSurfaceTransparentCardActive;
 exports.onDarkSurfaceTransparentCardBrightness = onDarkSurfaceTransparentCardBrightness;
+exports.onDarkSurfaceTransparentCardBrightnessActive = onDarkSurfaceTransparentCardBrightnessActive;
+exports.onDarkSurfaceTransparentCardBrightnessHover = onDarkSurfaceTransparentCardBrightnessHover;
 exports.onDarkSurfaceTransparentCardHover = onDarkSurfaceTransparentCardHover;
 exports.onDarkSurfaceTransparentDeep = onDarkSurfaceTransparentDeep;
 exports.onDarkSurfaceTransparentDeepActive = onDarkSurfaceTransparentDeepActive;
@@ -3355,6 +3831,8 @@ exports.onDarkSurfaceTransparentDeepHover = onDarkSurfaceTransparentDeepHover;
 exports.onDarkSurfaceTransparentInfoActive = onDarkSurfaceTransparentInfoActive;
 exports.onDarkSurfaceTransparentInfoHover = onDarkSurfaceTransparentInfoHover;
 exports.onDarkSurfaceTransparentNavi = onDarkSurfaceTransparentNavi;
+exports.onDarkSurfaceTransparentNaviActive = onDarkSurfaceTransparentNaviActive;
+exports.onDarkSurfaceTransparentNaviHover = onDarkSurfaceTransparentNaviHover;
 exports.onDarkSurfaceTransparentNegativeActive = onDarkSurfaceTransparentNegativeActive;
 exports.onDarkSurfaceTransparentNegativeHover = onDarkSurfaceTransparentNegativeHover;
 exports.onDarkSurfaceTransparentPositiveActive = onDarkSurfaceTransparentPositiveActive;
@@ -3403,6 +3881,8 @@ exports.onDarkTextPositiveMinorHover = onDarkTextPositiveMinorHover;
 exports.onDarkTextPrimary = onDarkTextPrimary;
 exports.onDarkTextPrimaryActive = onDarkTextPrimaryActive;
 exports.onDarkTextPrimaryBrightness = onDarkTextPrimaryBrightness;
+exports.onDarkTextPrimaryBrightnessActive = onDarkTextPrimaryBrightnessActive;
+exports.onDarkTextPrimaryBrightnessHover = onDarkTextPrimaryBrightnessHover;
 exports.onDarkTextPrimaryHover = onDarkTextPrimaryHover;
 exports.onDarkTextSecondary = onDarkTextSecondary;
 exports.onDarkTextSecondaryActive = onDarkTextSecondaryActive;
@@ -3429,6 +3909,8 @@ exports.onLightOutlineClear = onLightOutlineClear;
 exports.onLightOutlineClearActive = onLightOutlineClearActive;
 exports.onLightOutlineClearHover = onLightOutlineClearHover;
 exports.onLightOutlineDefault = onLightOutlineDefault;
+exports.onLightOutlineDefaultActive = onLightOutlineDefaultActive;
+exports.onLightOutlineDefaultHover = onLightOutlineDefaultHover;
 exports.onLightOutlineInfo = onLightOutlineInfo;
 exports.onLightOutlineInfoActive = onLightOutlineInfoActive;
 exports.onLightOutlineInfoHover = onLightOutlineInfoHover;
@@ -3445,6 +3927,8 @@ exports.onLightOutlinePositiveHover = onLightOutlinePositiveHover;
 exports.onLightOutlinePositiveMinorActive = onLightOutlinePositiveMinorActive;
 exports.onLightOutlinePositiveMinorHover = onLightOutlinePositiveMinorHover;
 exports.onLightOutlinePrimary = onLightOutlinePrimary;
+exports.onLightOutlinePrimaryActive = onLightOutlinePrimaryActive;
+exports.onLightOutlinePrimaryHover = onLightOutlinePrimaryHover;
 exports.onLightOutlineReadOnlyActive = onLightOutlineReadOnlyActive;
 exports.onLightOutlineReadOnlyHover = onLightOutlineReadOnlyHover;
 exports.onLightOutlineSolidDefaultActive = onLightOutlineSolidDefaultActive;
@@ -3483,20 +3967,36 @@ exports.onLightOverlayHard = onLightOverlayHard;
 exports.onLightOverlaySoft = onLightOverlaySoft;
 exports.onLightPersonasBlueSurfaceAccentGradient = onLightPersonasBlueSurfaceAccentGradient;
 exports.onLightPersonasBlueTextAccent = onLightPersonasBlueTextAccent;
+exports.onLightPersonasBlueTextAccentActive = onLightPersonasBlueTextAccentActive;
+exports.onLightPersonasBlueTextAccentHover = onLightPersonasBlueTextAccentHover;
 exports.onLightPersonasGreenSurfaceAccentGradient = onLightPersonasGreenSurfaceAccentGradient;
 exports.onLightPersonasGreenTextAccent = onLightPersonasGreenTextAccent;
+exports.onLightPersonasGreenTextAccentActive = onLightPersonasGreenTextAccentActive;
+exports.onLightPersonasGreenTextAccentHover = onLightPersonasGreenTextAccentHover;
 exports.onLightPersonasIndigoSurfaceAccentGradient = onLightPersonasIndigoSurfaceAccentGradient;
 exports.onLightPersonasIndigoTextAccent = onLightPersonasIndigoTextAccent;
+exports.onLightPersonasIndigoTextAccentActive = onLightPersonasIndigoTextAccentActive;
+exports.onLightPersonasIndigoTextAccentHover = onLightPersonasIndigoTextAccentHover;
 exports.onLightPersonasOchreSurfaceAccentGradient = onLightPersonasOchreSurfaceAccentGradient;
 exports.onLightPersonasOchreTextAccent = onLightPersonasOchreTextAccent;
+exports.onLightPersonasOchreTextAccentActive = onLightPersonasOchreTextAccentActive;
+exports.onLightPersonasOchreTextAccentHover = onLightPersonasOchreTextAccentHover;
 exports.onLightPersonasOliveSurfaceAccentGradient = onLightPersonasOliveSurfaceAccentGradient;
 exports.onLightPersonasOliveTextAccent = onLightPersonasOliveTextAccent;
+exports.onLightPersonasOliveTextAccentActive = onLightPersonasOliveTextAccentActive;
+exports.onLightPersonasOliveTextAccentHover = onLightPersonasOliveTextAccentHover;
 exports.onLightPersonasPinkSurfaceAccentGradient = onLightPersonasPinkSurfaceAccentGradient;
 exports.onLightPersonasPinkTextAccent = onLightPersonasPinkTextAccent;
+exports.onLightPersonasPinkTextAccentActive = onLightPersonasPinkTextAccentActive;
+exports.onLightPersonasPinkTextAccentHover = onLightPersonasPinkTextAccentHover;
 exports.onLightPersonasSeaBlueSurfaceAccentGradient = onLightPersonasSeaBlueSurfaceAccentGradient;
 exports.onLightPersonasSeaBlueTextAccent = onLightPersonasSeaBlueTextAccent;
+exports.onLightPersonasSeaBlueTextAccentActive = onLightPersonasSeaBlueTextAccentActive;
+exports.onLightPersonasSeaBlueTextAccentHover = onLightPersonasSeaBlueTextAccentHover;
 exports.onLightPersonasVioletSurfaceAccentGradient = onLightPersonasVioletSurfaceAccentGradient;
 exports.onLightPersonasVioletTextAccent = onLightPersonasVioletTextAccent;
+exports.onLightPersonasVioletTextAccentActive = onLightPersonasVioletTextAccentActive;
+exports.onLightPersonasVioletTextAccentHover = onLightPersonasVioletTextAccentHover;
 exports.onLightSurfaceAccent = onLightSurfaceAccent;
 exports.onLightSurfaceAccentActive = onLightSurfaceAccentActive;
 exports.onLightSurfaceAccentGradient = onLightSurfaceAccentGradient;
@@ -3507,6 +4007,8 @@ exports.onLightSurfaceAccentMinorActive = onLightSurfaceAccentMinorActive;
 exports.onLightSurfaceAccentMinorGradient = onLightSurfaceAccentMinorGradient;
 exports.onLightSurfaceAccentMinorHover = onLightSurfaceAccentMinorHover;
 exports.onLightSurfaceAccentSecondary = onLightSurfaceAccentSecondary;
+exports.onLightSurfaceAccentSecondaryActive = onLightSurfaceAccentSecondaryActive;
+exports.onLightSurfaceAccentSecondaryHover = onLightSurfaceAccentSecondaryHover;
 exports.onLightSurfaceClear = onLightSurfaceClear;
 exports.onLightSurfaceClearActive = onLightSurfaceClearActive;
 exports.onLightSurfaceClearHover = onLightSurfaceClearHover;
@@ -3532,6 +4034,8 @@ exports.onLightSurfaceSkeletonGradient = onLightSurfaceSkeletonGradient;
 exports.onLightSurfaceSolidCard = onLightSurfaceSolidCard;
 exports.onLightSurfaceSolidCardActive = onLightSurfaceSolidCardActive;
 exports.onLightSurfaceSolidCardBrightness = onLightSurfaceSolidCardBrightness;
+exports.onLightSurfaceSolidCardBrightnessActive = onLightSurfaceSolidCardBrightnessActive;
+exports.onLightSurfaceSolidCardBrightnessHover = onLightSurfaceSolidCardBrightnessHover;
 exports.onLightSurfaceSolidCardHover = onLightSurfaceSolidCardHover;
 exports.onLightSurfaceSolidDefault = onLightSurfaceSolidDefault;
 exports.onLightSurfaceSolidDefaultActive = onLightSurfaceSolidDefaultActive;
@@ -3539,6 +4043,8 @@ exports.onLightSurfaceSolidDefaultHover = onLightSurfaceSolidDefaultHover;
 exports.onLightSurfaceSolidPrimary = onLightSurfaceSolidPrimary;
 exports.onLightSurfaceSolidPrimaryActive = onLightSurfaceSolidPrimaryActive;
 exports.onLightSurfaceSolidPrimaryBrightness = onLightSurfaceSolidPrimaryBrightness;
+exports.onLightSurfaceSolidPrimaryBrightnessActive = onLightSurfaceSolidPrimaryBrightnessActive;
+exports.onLightSurfaceSolidPrimaryBrightnessHover = onLightSurfaceSolidPrimaryBrightnessHover;
 exports.onLightSurfaceSolidPrimaryHover = onLightSurfaceSolidPrimaryHover;
 exports.onLightSurfaceSolidSecondary = onLightSurfaceSolidSecondary;
 exports.onLightSurfaceSolidSecondaryActive = onLightSurfaceSolidSecondaryActive;
@@ -3550,9 +4056,13 @@ exports.onLightSurfaceTransparentAccent = onLightSurfaceTransparentAccent;
 exports.onLightSurfaceTransparentAccentActive = onLightSurfaceTransparentAccentActive;
 exports.onLightSurfaceTransparentAccentHover = onLightSurfaceTransparentAccentHover;
 exports.onLightSurfaceTransparentAccentMinor = onLightSurfaceTransparentAccentMinor;
+exports.onLightSurfaceTransparentAccentMinorActive = onLightSurfaceTransparentAccentMinorActive;
+exports.onLightSurfaceTransparentAccentMinorHover = onLightSurfaceTransparentAccentMinorHover;
 exports.onLightSurfaceTransparentCard = onLightSurfaceTransparentCard;
 exports.onLightSurfaceTransparentCardActive = onLightSurfaceTransparentCardActive;
 exports.onLightSurfaceTransparentCardBrightness = onLightSurfaceTransparentCardBrightness;
+exports.onLightSurfaceTransparentCardBrightnessActive = onLightSurfaceTransparentCardBrightnessActive;
+exports.onLightSurfaceTransparentCardBrightnessHover = onLightSurfaceTransparentCardBrightnessHover;
 exports.onLightSurfaceTransparentCardHover = onLightSurfaceTransparentCardHover;
 exports.onLightSurfaceTransparentDeep = onLightSurfaceTransparentDeep;
 exports.onLightSurfaceTransparentDeepActive = onLightSurfaceTransparentDeepActive;
@@ -3560,6 +4070,8 @@ exports.onLightSurfaceTransparentDeepHover = onLightSurfaceTransparentDeepHover;
 exports.onLightSurfaceTransparentInfoActive = onLightSurfaceTransparentInfoActive;
 exports.onLightSurfaceTransparentInfoHover = onLightSurfaceTransparentInfoHover;
 exports.onLightSurfaceTransparentNavi = onLightSurfaceTransparentNavi;
+exports.onLightSurfaceTransparentNaviActive = onLightSurfaceTransparentNaviActive;
+exports.onLightSurfaceTransparentNaviHover = onLightSurfaceTransparentNaviHover;
 exports.onLightSurfaceTransparentNegativeActive = onLightSurfaceTransparentNegativeActive;
 exports.onLightSurfaceTransparentNegativeHover = onLightSurfaceTransparentNegativeHover;
 exports.onLightSurfaceTransparentPositiveActive = onLightSurfaceTransparentPositiveActive;
@@ -3608,6 +4120,8 @@ exports.onLightTextPositiveMinorHover = onLightTextPositiveMinorHover;
 exports.onLightTextPrimary = onLightTextPrimary;
 exports.onLightTextPrimaryActive = onLightTextPrimaryActive;
 exports.onLightTextPrimaryBrightness = onLightTextPrimaryBrightness;
+exports.onLightTextPrimaryBrightnessActive = onLightTextPrimaryBrightnessActive;
+exports.onLightTextPrimaryBrightnessHover = onLightTextPrimaryBrightnessHover;
 exports.onLightTextPrimaryHover = onLightTextPrimaryHover;
 exports.onLightTextSecondary = onLightTextSecondary;
 exports.onLightTextSecondaryActive = onLightTextSecondaryActive;
@@ -3628,6 +4142,8 @@ exports.outlineClear = outlineClear;
 exports.outlineClearActive = outlineClearActive;
 exports.outlineClearHover = outlineClearHover;
 exports.outlineDefault = outlineDefault;
+exports.outlineDefaultActive = outlineDefaultActive;
+exports.outlineDefaultHover = outlineDefaultHover;
 exports.outlineInfo = outlineInfo;
 exports.outlineInfoActive = outlineInfoActive;
 exports.outlineInfoHover = outlineInfoHover;
@@ -3644,6 +4160,8 @@ exports.outlinePositiveHover = outlinePositiveHover;
 exports.outlinePositiveMinorActive = outlinePositiveMinorActive;
 exports.outlinePositiveMinorHover = outlinePositiveMinorHover;
 exports.outlinePrimary = outlinePrimary;
+exports.outlinePrimaryActive = outlinePrimaryActive;
+exports.outlinePrimaryHover = outlinePrimaryHover;
 exports.outlineReadOnlyActive = outlineReadOnlyActive;
 exports.outlineReadOnlyHover = outlineReadOnlyHover;
 exports.outlineSolidDefaultActive = outlineSolidDefaultActive;
@@ -3682,20 +4200,36 @@ exports.overlayHard = overlayHard;
 exports.overlaySoft = overlaySoft;
 exports.personasBlueSurfaceAccentGradient = personasBlueSurfaceAccentGradient;
 exports.personasBlueTextAccent = personasBlueTextAccent;
+exports.personasBlueTextAccentActive = personasBlueTextAccentActive;
+exports.personasBlueTextAccentHover = personasBlueTextAccentHover;
 exports.personasGreenSurfaceAccentGradient = personasGreenSurfaceAccentGradient;
 exports.personasGreenTextAccent = personasGreenTextAccent;
+exports.personasGreenTextAccentActive = personasGreenTextAccentActive;
+exports.personasGreenTextAccentHover = personasGreenTextAccentHover;
 exports.personasIndigoSurfaceAccentGradient = personasIndigoSurfaceAccentGradient;
 exports.personasIndigoTextAccent = personasIndigoTextAccent;
+exports.personasIndigoTextAccentActive = personasIndigoTextAccentActive;
+exports.personasIndigoTextAccentHover = personasIndigoTextAccentHover;
 exports.personasOchreSurfaceAccentGradient = personasOchreSurfaceAccentGradient;
 exports.personasOchreTextAccent = personasOchreTextAccent;
+exports.personasOchreTextAccentActive = personasOchreTextAccentActive;
+exports.personasOchreTextAccentHover = personasOchreTextAccentHover;
 exports.personasOliveSurfaceAccentGradient = personasOliveSurfaceAccentGradient;
 exports.personasOliveTextAccent = personasOliveTextAccent;
+exports.personasOliveTextAccentActive = personasOliveTextAccentActive;
+exports.personasOliveTextAccentHover = personasOliveTextAccentHover;
 exports.personasPinkSurfaceAccentGradient = personasPinkSurfaceAccentGradient;
 exports.personasPinkTextAccent = personasPinkTextAccent;
+exports.personasPinkTextAccentActive = personasPinkTextAccentActive;
+exports.personasPinkTextAccentHover = personasPinkTextAccentHover;
 exports.personasSeaBlueSurfaceAccentGradient = personasSeaBlueSurfaceAccentGradient;
 exports.personasSeaBlueTextAccent = personasSeaBlueTextAccent;
+exports.personasSeaBlueTextAccentActive = personasSeaBlueTextAccentActive;
+exports.personasSeaBlueTextAccentHover = personasSeaBlueTextAccentHover;
 exports.personasVioletSurfaceAccentGradient = personasVioletSurfaceAccentGradient;
 exports.personasVioletTextAccent = personasVioletTextAccent;
+exports.personasVioletTextAccentActive = personasVioletTextAccentActive;
+exports.personasVioletTextAccentHover = personasVioletTextAccentHover;
 exports.shadowDownHardL = shadowDownHardL;
 exports.shadowDownHardM = shadowDownHardM;
 exports.shadowDownHardS = shadowDownHardS;
@@ -3733,6 +4267,8 @@ exports.surfaceAccentMinorActive = surfaceAccentMinorActive;
 exports.surfaceAccentMinorGradient = surfaceAccentMinorGradient;
 exports.surfaceAccentMinorHover = surfaceAccentMinorHover;
 exports.surfaceAccentSecondary = surfaceAccentSecondary;
+exports.surfaceAccentSecondaryActive = surfaceAccentSecondaryActive;
+exports.surfaceAccentSecondaryHover = surfaceAccentSecondaryHover;
 exports.surfaceClear = surfaceClear;
 exports.surfaceClearActive = surfaceClearActive;
 exports.surfaceClearHover = surfaceClearHover;
@@ -3758,6 +4294,8 @@ exports.surfaceSkeletonGradient = surfaceSkeletonGradient;
 exports.surfaceSolidCard = surfaceSolidCard;
 exports.surfaceSolidCardActive = surfaceSolidCardActive;
 exports.surfaceSolidCardBrightness = surfaceSolidCardBrightness;
+exports.surfaceSolidCardBrightnessActive = surfaceSolidCardBrightnessActive;
+exports.surfaceSolidCardBrightnessHover = surfaceSolidCardBrightnessHover;
 exports.surfaceSolidCardHover = surfaceSolidCardHover;
 exports.surfaceSolidDefault = surfaceSolidDefault;
 exports.surfaceSolidDefaultActive = surfaceSolidDefaultActive;
@@ -3765,6 +4303,8 @@ exports.surfaceSolidDefaultHover = surfaceSolidDefaultHover;
 exports.surfaceSolidPrimary = surfaceSolidPrimary;
 exports.surfaceSolidPrimaryActive = surfaceSolidPrimaryActive;
 exports.surfaceSolidPrimaryBrightness = surfaceSolidPrimaryBrightness;
+exports.surfaceSolidPrimaryBrightnessActive = surfaceSolidPrimaryBrightnessActive;
+exports.surfaceSolidPrimaryBrightnessHover = surfaceSolidPrimaryBrightnessHover;
 exports.surfaceSolidPrimaryHover = surfaceSolidPrimaryHover;
 exports.surfaceSolidSecondary = surfaceSolidSecondary;
 exports.surfaceSolidSecondaryActive = surfaceSolidSecondaryActive;
@@ -3776,9 +4316,13 @@ exports.surfaceTransparentAccent = surfaceTransparentAccent;
 exports.surfaceTransparentAccentActive = surfaceTransparentAccentActive;
 exports.surfaceTransparentAccentHover = surfaceTransparentAccentHover;
 exports.surfaceTransparentAccentMinor = surfaceTransparentAccentMinor;
+exports.surfaceTransparentAccentMinorActive = surfaceTransparentAccentMinorActive;
+exports.surfaceTransparentAccentMinorHover = surfaceTransparentAccentMinorHover;
 exports.surfaceTransparentCard = surfaceTransparentCard;
 exports.surfaceTransparentCardActive = surfaceTransparentCardActive;
 exports.surfaceTransparentCardBrightness = surfaceTransparentCardBrightness;
+exports.surfaceTransparentCardBrightnessActive = surfaceTransparentCardBrightnessActive;
+exports.surfaceTransparentCardBrightnessHover = surfaceTransparentCardBrightnessHover;
 exports.surfaceTransparentCardHover = surfaceTransparentCardHover;
 exports.surfaceTransparentDeep = surfaceTransparentDeep;
 exports.surfaceTransparentDeepActive = surfaceTransparentDeepActive;
@@ -3786,6 +4330,8 @@ exports.surfaceTransparentDeepHover = surfaceTransparentDeepHover;
 exports.surfaceTransparentInfoActive = surfaceTransparentInfoActive;
 exports.surfaceTransparentInfoHover = surfaceTransparentInfoHover;
 exports.surfaceTransparentNavi = surfaceTransparentNavi;
+exports.surfaceTransparentNaviActive = surfaceTransparentNaviActive;
+exports.surfaceTransparentNaviHover = surfaceTransparentNaviHover;
 exports.surfaceTransparentNegativeActive = surfaceTransparentNegativeActive;
 exports.surfaceTransparentNegativeHover = surfaceTransparentNegativeHover;
 exports.surfaceTransparentPositiveActive = surfaceTransparentPositiveActive;
@@ -3834,6 +4380,8 @@ exports.textPositiveMinorHover = textPositiveMinorHover;
 exports.textPrimary = textPrimary;
 exports.textPrimaryActive = textPrimaryActive;
 exports.textPrimaryBrightness = textPrimaryBrightness;
+exports.textPrimaryBrightnessActive = textPrimaryBrightnessActive;
+exports.textPrimaryBrightnessHover = textPrimaryBrightnessHover;
 exports.textPrimaryHover = textPrimaryHover;
 exports.textSecondary = textSecondary;
 exports.textSecondaryActive = textSecondaryActive;