@salutejs-ds/sdds_sbcom 0.1.9 → 0.1.11

package/es/theme/tokens/index.js

@@ -4,688 +4,625 @@
 var onDarkPersonasGreenTextAccent = 'var(--on-dark-personas-green-text-accent, #6CD5BB)';
 
 /** null */
-var onDarkPersonasGreenTextAccentHover = 'var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)';
+var onDarkPersonasOchreTextAccentHover = 'var(--on-dark-personas-ochre-text-accent-hover, #F7C8B6FF)';
 
 /** null */
-var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
+var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #0BA88866)';
 
 /** null */
-var onDarkPersonasOchreTextAccentHover = 'var(--on-dark-personas-ochre-text-accent-hover, #F7C8B6FF)';
+var onLightOutlinePrimaryHover = 'var(--on-light-outline-primary-hover, #ADA39FFF)';
 
 /** null */
-var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
+var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #E6E6E6FF)';
 
 /** null */
-var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #0BA88866)';
+var inversePersonasSeaBlueTextAccentActive = 'var(--inverse-personas-sea-blue-text-accent-active, #4BB4B4FF)';
 
 /** null */
-var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
+var inversePersonasVioletTextAccentActive = 'var(--inverse-personas-violet-text-accent-active, #81288FFF)';
 
 /** null */
-var onLightOutlinePrimaryHover = 'var(--on-light-outline-primary-hover, #ADA39FFF)';
+var onDarkSurfaceTransparentNaviActive = 'var(--on-dark-surface-transparent-navi-active, #2424248A)';
 
 /** null */
-var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
+var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
 
 /** null */
-var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
+var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
 
 /** null */
-var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #E6E6E6FF)';
+var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #666666FF)';
 
 /** null */
-var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
+var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
 
 /** null */
-var inversePersonasSeaBlueTextAccentActive = 'var(--inverse-personas-sea-blue-text-accent-active, #4BB4B4FF)';
+var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
 
 /** null */
-var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
+var personasSeaBlueTextAccentHover = 'var(--personas-sea-blue-text-accent-hover, #00C5CCFF)';
 
 /** null */
-var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
+var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #50C3A8FF)';
 
 /** null */
-var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
+var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-secondary-active, #3CAF94FF)';
 
 /** null */
-var inversePersonasVioletTextAccentActive = 'var(--inverse-personas-violet-text-accent-active, #81288FFF)';
+var surfaceTransparentNaviActive = 'var(--surface-transparent-navi-active, #FFFFFF8A)';
 
 /** null */
-var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)';
+var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #0BA88852)';
 
 /** null */
-var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
+var onLightPersonasGreenTextAccentActive = 'var(--on-light-personas-green-text-accent-active, #04AF87FF)';
 
 /** null */
-var onLightPersonasBlueTextAccentHover = 'var(--on-light-personas-blue-text-accent-hover, #1477E1FF)';
+var outlineDefaultActive = 'var(--outline-default-active, #666666FF)';
 
 /** null */
-var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
+var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827FF)';
 
 /** null */
-var onDarkSurfaceTransparentNaviHover = 'var(--on-dark-surface-transparent-navi-hover, #242424B8)';
+var personasOliveTextAccentActive = 'var(--personas-olive-text-accent-active, #7DC07CFF)';
 
 /** null */
-var onDarkSurfaceTransparentNaviActive = 'var(--on-dark-surface-transparent-navi-active, #2424248A)';
+var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
 
 /** null */
-var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
+var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
 
 /** null */
-var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
+var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFAD)';
 
 /** null */
-var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
+var onLightPersonasOliveTextAccentActive = 'var(--on-light-personas-olive-text-accent-active, #179315FF)';
 
 /** null */
-var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
+var onLightPersonasVioletTextAccentActive = 'var(--on-light-personas-violet-text-accent-active, #81288FFF)';
 
 /** null */
-var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #666666FF)';
+var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
 
 /** null */
-var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
+var onDarkPersonasIndigoTextAccentActive = 'var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)';
 
 /** null */
-var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
+var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)';
 
 /** null */
-var personasGreenTextAccentActive = 'var(--personas-green-text-accent-active, #03A57FFF)';
+var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-accent-hover, #8CDECAFF)';
 
 /** null */
-var personasSeaBlueTextAccentHover = 'var(--personas-sea-blue-text-accent-hover, #00C5CCFF)';
+var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-accent-hover, #E47777FF)';
 
 /** null */
-var personasSeaBlueTextAccentActive = 'var(--personas-sea-blue-text-accent-active, #00A8ADFF)';
+var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #70CDB7FF)';
 
 /** null */
-var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #50C3A8FF)';
+var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
 
 /** null */
-var inverseSurfaceAccentSecondaryActive = 'var(--inverse-surface-accent-secondary-active, #3CAF94FF)';
+var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
 
 /** null */
-var onLightSurfaceAccentSecondaryHover = 'var(--on-light-surface-accent-secondary-hover, #50C3A8FF)';
+var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
 
 /** null */
-var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-secondary-active, #3CAF94FF)';
+var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
 
 /** null */
-var surfaceTransparentNaviHover = 'var(--surface-transparent-navi-hover, #FFFFFFB8)';
+var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
 
 /** null */
-var surfaceTransparentNaviActive = 'var(--surface-transparent-navi-active, #FFFFFF8A)';
+var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
 
 /** null */
-var onLightSurfaceTransparentAccentMinorHover = 'var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)';
+var onDarkPersonasBlueTextAccentHover = 'var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)';
 
 /** null */
-var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #0BA88852)';
+var onDarkPersonasBlueTextAccentActive = 'var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)';
 
 /** null */
-var onLightPersonasGreenTextAccentHover = 'var(--on-light-personas-green-text-accent-hover, #04D7A6FF)';
+var onLightPersonasIndigoTextAccentHover = 'var(--on-light-personas-indigo-text-accent-hover, #000000FF)';
 
 /** null */
-var onLightPersonasGreenTextAccentActive = 'var(--on-light-personas-green-text-accent-active, #04AF87FF)';
+var onLightPersonasIndigoTextAccentActive = 'var(--on-light-personas-indigo-text-accent-active, #5B2999FF)';
 
 /** null */
-var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
+var onLightPersonasSeaBlueTextAccentHover = 'var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)';
 
 /** null */
-var outlineDefaultActive = 'var(--outline-default-active, #666666FF)';
+var onLightPersonasSeaBlueTextAccentActive = 'var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)';
 
 /** null */
-var onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #6B6461FF)';
-
-/** Минорный цвет обводки успех на темном фоне */
-var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #074A14FF)';
+var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
 
 /** null */
-var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827FF)';
+var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
 
 /** null */
-var onDarkPersonasPinkTextAccentHover = 'var(--on-dark-personas-pink-text-accent-hover, #F26E6EFF)';
+var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
 
 /** null */
-var onDarkPersonasPinkTextAccentActive = 'var(--on-dark-personas-pink-text-accent-active, #F58A8AFF)';
+var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
 
 /** null */
-var outlinePrimaryHover = 'var(--outline-primary-hover, #91847EFF)';
+var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)';
 
 /** null */
-var outlinePrimaryActive = 'var(--outline-primary-active, #665C57FF)';
+var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
 
 /** null */
-var inversePersonasIndigoTextAccentHover = 'var(--inverse-personas-indigo-text-accent-hover, #D2B4F8FF)';
+var surfaceTransparentNavi = 'var(--surface-transparent-navi, #FFFFFF99)';
 
 /** null */
-var inversePersonasIndigoTextAccentActive = 'var(--inverse-personas-indigo-text-accent-active, #A46AF1FF)';
+var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
 
 /** null */
-var inversePersonasPinkTextAccentHover = 'var(--inverse-personas-pink-text-accent-hover, #FBCBCBFF)';
+var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
 
 /** null */
-var inversePersonasPinkTextAccentActive = 'var(--inverse-personas-pink-text-accent-active, #F48080FF)';
+var personasBlueTextAccentHover = 'var(--personas-blue-text-accent-hover, #C3DDF9FF)';
 
 /** null */
-var personasOliveTextAccentHover = 'var(--personas-olive-text-accent-hover, #A6D4A5FF)';
+var outlineDefault = 'var(--outline-default, #FFFFFF)';
 
-/** null */
-var personasOliveTextAccentActive = 'var(--personas-olive-text-accent-active, #7DC07CFF)';
+/** Основной цвет текста */
+var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
 
-/** null */
-var inversePersonasOchreTextAccentHover = 'var(--inverse-personas-ochre-text-accent-hover, #ED6C1DFF)';
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
 
-/** null */
-var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
 
-/** null */
-var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
+/** Основной фон для карточек */
+var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
 
-/** null */
-var onDarkPersonasOliveTextAccentActive = 'var(--on-dark-personas-olive-text-accent-active, #7DC07CFF)';
+/** Основной фон для карточек */
+var surfaceSolidCardBrightnessActive = 'var(--surface-solid-card-brightness-active, #212121FF)';
 
-/** null */
-var inverseSurfaceTransparentNaviHover = 'var(--inverse-surface-transparent-navi-hover, #FFFFFFFF)';
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness-hover, #303030FF)';
 
-/** null */
-var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFFF)';
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryBrightnessActive = 'var(--on-dark-surface-solid-primary-brightness-active, #212121FF)';
 
-/** null */
-var onLightPersonasOliveTextAccentHover = 'var(--on-light-personas-olive-text-accent-hover, #1DB71AFF)';
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardBrightnessHover = 'var(--on-dark-surface-transparent-card-brightness-hover, #FAFAFA1F)';
 
-/** null */
-var onLightPersonasOliveTextAccentActive = 'var(--on-light-personas-olive-text-accent-active, #179315FF)';
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardBrightnessActive = 'var(--on-dark-surface-transparent-card-brightness-active, #FAFAFA0A)';
 
-/** null */
-var onLightPersonasVioletTextAccentHover = 'var(--on-light-personas-violet-text-accent-hover, #B740C9FF)';
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardBrightnessHover = 'var(--on-dark-surface-solid-card-brightness-hover, #303030FF)';
 
-/** null */
-var onLightPersonasVioletTextAccentActive = 'var(--on-light-personas-violet-text-accent-active, #81288FFF)';
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardBrightnessActive = 'var(--on-dark-surface-solid-card-brightness-active, #212121FF)';
 
-/** null */
-var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryBrightnessHover = 'var(--on-light-surface-solid-primary-brightness-hover, #FFFFFFFF)';
 
-/** Цвет для readOnly */
-var onLightOutlineReadOnlyHover = 'var(--on-light-outline-read-only-hover, #C7C7C7FF)';
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryBrightnessActive = 'var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)';
 
 /** null */
-var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
+var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
 
 /** null */
-var onDarkPersonasIndigoTextAccentHover = 'var(--on-dark-personas-indigo-text-accent-hover, #E8DAFCFF)';
+var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent, #BD91F5)';
 
 /** null */
-var onDarkPersonasIndigoTextAccentActive = 'var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)';
+var inversePersonasPinkTextAccent = 'var(--inverse-personas-pink-text-accent, #F7A4A4)';
 
-/** null */
-var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)';
+/** Цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
 
 /** null */
-var onDarkSurfaceAccentSecondaryActive = 'var(--on-dark-surface-accent-secondary-active, #59C5ACFF)';
+var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
 
 /** null */
-var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-accent-hover, #8CDECAFF)';
+var inversePersonasOchreTextAccent = 'var(--inverse-personas-ochre-text-accent, #D15A11)';
 
-/** null */
-var inversePersonasGreenTextAccentActive = 'var(--inverse-personas-green-text-accent-active, #4CCDACFF)';
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #424242FF)';
 
-/** null */
-var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-accent-hover, #E47777FF)';
+/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #FFFFFFFF)';
 
 /** null */
-var onLightPersonasPinkTextAccentActive = 'var(--on-light-personas-pink-text-accent-active, #D73333FF)';
+var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
 
-/** null */
-var onDarkPersonasOchreTextAccent = 'var(--on-dark-personas-ochre-text-accent, #F4B49B)';
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardBrightnessHover = 'var(--on-light-surface-transparent-card-brightness-hover, #FFFFFFFF)';
 
-/** null */
-var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #70CDB7FF)';
+/** Основной цвет текста */
+var textPrimary = 'var(--text-primary, #FFFFFFFC)';
 
-/** null */
-var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #60C7AFFF)';
 
 /** null */
-var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
+var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
 
 /** null */
-var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0BA68647)';
+var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
 
-/** null */
-var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardBrightnessActive = 'var(--on-light-surface-transparent-card-brightness-active, #FFFFFFFF)';
 
-/** null */
-var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #043F34FF)';
 
-/** null */
-var personasIndigoTextAccentActive = 'var(--personas-indigo-text-accent-active, #AA73F2FF)';
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardBrightnessHover = 'var(--on-light-surface-solid-card-brightness-hover, #FFFFFFFF)';
 
-/** null */
-var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardBrightnessActive = 'var(--on-light-surface-solid-card-brightness-active, #FFFFFFFF)';
 
-/** null */
-var onDarkPersonasVioletTextAccentActive = 'var(--on-dark-personas-violet-text-accent-active, #D982E8FF)';
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryBrightnessHover = 'var(--inverse-surface-solid-primary-brightness-hover, #FFFFFFFF)';
 
-/** null */
-var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryBrightnessActive = 'var(--inverse-surface-solid-primary-brightness-active, #FFFFFFFF)';
 
-/** null */
-var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFFF)';
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardBrightnessHover = 'var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)';
 
-/** null */
-var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #A3420AFF)';
 
 /** null */
-var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFFF)';
+var onLightPersonasVioletTextAccent = 'var(--on-light-personas-violet-text-accent, #9E32AF)';
 
 /** null */
-var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
+var onLightPersonasOchreTextAccent = 'var(--on-light-personas-ochre-text-accent, #D15A11)';
 
 /** null */
-var backgroundHardline = 'var(--background-hardline, #000000)';
+var onDarkPersonasIndigoTextAccent = 'var(--on-dark-personas-indigo-text-accent, #BD91F5)';
 
 /** null */
-var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1063BA)';
+var onDarkSurfaceAccentSecondary = 'var(--on-dark-surface-accent-secondary, #61C8B0)';
 
 /** null */
-var onDarkPersonasBlueTextAccentHover = 'var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)';
+var inversePersonasGreenTextAccent = 'var(--inverse-personas-green-text-accent, #6CD5BB)';
 
 /** null */
-var inversePersonasVioletTextAccent = 'var(--inverse-personas-violet-text-accent, #9E32AF)';
+var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
 
 /** null */
-var onDarkPersonasBlueTextAccentActive = 'var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)';
+var surfaceAccentSecondary = 'var(--surface-accent-secondary, #61C8B0)';
 
-/** null */
-var inverseSurfaceTransparentAccentMinor = 'var(--inverse-surface-transparent-accent-minor, #0BA68647)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinor = 'var(--surface-accent-minor, #04473B)';
 
-/** null */
-var onLightPersonasIndigoTextAccentHover = 'var(--on-light-personas-indigo-text-accent-hover, #000000FF)';
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #424242FF)';
 
-/** null */
-var onLightPersonasBlueTextAccent = 'var(--on-light-personas-blue-text-accent, #1063BA)';
+/** Вторичный фон на светлом фоне */
+var lightBackgroundSecondary = 'var(--light-background-secondary, #F6F2F0)';
 
-/** null */
-var onLightPersonasIndigoTextAccentActive = 'var(--on-light-personas-indigo-text-accent-active, #5B2999FF)';
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #FFFFFF)';
 
-/** null */
-var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #23232399)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #D0F2E9)';
 
-/** null */
-var onLightPersonasSeaBlueTextAccentHover = 'var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)';
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardBrightnessActive = 'var(--inverse-surface-transparent-card-brightness-active, #FFFFFFFF)';
 
-/** null */
-var inverseOutlinePrimary = 'var(--inverse-outline-primary, #DDD9D7)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
 
-/** null */
-var onLightPersonasSeaBlueTextAccentActive = 'var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)';
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D0F2E9)';
 
-/** null */
-var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardBrightnessActive = 'var(--inverse-surface-solid-card-brightness-active, #FFFFFFFF)';
 
-/** null */
-var inversePersonasOliveTextAccentHover = 'var(--inverse-personas-olive-text-accent-hover, #1DB71AFF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #055C4CFF)';
 
 /** null */
-var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
+var onDarkPersonasVioletTextAccent = 'var(--on-dark-personas-violet-text-accent, #E19DED)';
 
 /** null */
-var personasOchreTextAccentHover = 'var(--personas-ochre-text-accent-hover, #F7C8B6FF)';
+var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #FFFFFF99)';
 
 /** null */
-var onDarkOutlineDefault = 'var(--on-dark-outline-default, #383838)';
+var onDarkPersonasBlueTextAccent = 'var(--on-dark-personas-blue-text-accent, #79B3F2)';
 
 /** null */
-var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
+var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
 
 /** null */
-var personasGreenTextAccent = 'var(--personas-green-text-accent, #038768)';
+var onLightPersonasSeaBlueTextAccent = 'var(--on-light-personas-sea-blue-text-accent, #00898D)';
 
 /** null */
-var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
+var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
 
 /** null */
-var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
+var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
 
 /** null */
-var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
+var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-accent-minor, #0BA68647)';
 
-/** null */
-var inverseSurfaceAccentSecondary = 'var(--inverse-surface-accent-secondary, #41BDA1)';
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
 
 /** null */
-var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)';
+var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
 
 /** null */
-var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
+var onDarkPersonasGreenTextAccentHover = 'var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)';
 
 /** null */
-var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
+var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
 
 /** null */
-var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
+var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
 
 /** null */
-var surfaceTransparentNavi = 'var(--surface-transparent-navi, #FFFFFF99)';
+var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
 
 /** null */
-var onDarkPersonasSeaBlueTextAccentActive = 'var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)';
+var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
 
 /** null */
-var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
+var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
 
 /** null */
-var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #0BA6863D)';
+var personasGreenTextAccentActive = 'var(--personas-green-text-accent-active, #03A57FFF)';
 
 /** null */
-var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
+var personasSeaBlueTextAccentActive = 'var(--personas-sea-blue-text-accent-active, #00A8ADFF)';
 
 /** null */
-var onLightPersonasGreenTextAccent = 'var(--on-light-personas-green-text-accent, #038768)';
+var inverseSurfaceAccentSecondaryActive = 'var(--inverse-surface-accent-secondary-active, #3CAF94FF)';
 
 /** null */
-var personasBlueTextAccentHover = 'var(--personas-blue-text-accent-hover, #C3DDF9FF)';
+var onDarkPersonasPinkTextAccentActive = 'var(--on-dark-personas-pink-text-accent-active, #F58A8AFF)';
 
 /** null */
-var outlineDefault = 'var(--outline-default, #FFFFFF)';
+var outlinePrimaryActive = 'var(--outline-primary-active, #665C57FF)';
 
 /** null */
-var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
-
-/** Основной цвет текста */
-var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93)';
+var inversePersonasIndigoTextAccentActive = 'var(--inverse-personas-indigo-text-accent-active, #A46AF1FF)';
 
 /** null */
-var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
-
-/** Основной цвет текста */
-var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
+var inversePersonasPinkTextAccentActive = 'var(--inverse-personas-pink-text-accent-active, #F48080FF)';
 
 /** null */
-var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
-
-/** Основной цвет текста на темном фоне */
-var onDarkTextPrimaryBrightnessHover = 'var(--on-dark-text-primary-brightness-hover, #FAFAFA93)';
+var onDarkPersonasOliveTextAccentActive = 'var(--on-dark-personas-olive-text-accent-active, #7DC07CFF)';
 
 /** null */
-var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
-
-/** Основной цвет текста на темном фоне */
-var onDarkTextPrimaryBrightnessActive = 'var(--on-dark-text-primary-brightness-active, #FAFAFAC4)';
-
-/** Основной цвет текста на светлом фоне */
-var onLightTextPrimaryBrightnessHover = 'var(--on-light-text-primary-brightness-hover, #17171793)';
-
-/** Основной цвет текста на светлом фоне */
-var onLightTextPrimaryBrightnessActive = 'var(--on-light-text-primary-brightness-active, #171717C4)';
-
-/** Инвертированный основной цвет текста */
-var inverseTextPrimaryBrightnessHover = 'var(--inverse-text-primary-brightness-hover, #17171793)';
-
-/** Инвертированный основной цвет текста */
-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)';
+var onDarkSurfaceAccentSecondaryActive = 'var(--on-dark-surface-accent-secondary-active, #59C5ACFF)';
 
 /** null */
-var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
+var inversePersonasGreenTextAccentActive = 'var(--inverse-personas-green-text-accent-active, #4CCDACFF)';
 
 /** null */
-var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent, #BD91F5)';
+var onLightPersonasPinkTextAccentActive = 'var(--on-light-personas-pink-text-accent-active, #D73333FF)';
 
 /** null */
-var inversePersonasPinkTextAccent = 'var(--inverse-personas-pink-text-accent, #F7A4A4)';
-
-/** Минорный цвет предупреждения на темном фоне */
-var onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #BB4F11FF)';
+var personasIndigoTextAccentActive = 'var(--personas-indigo-text-accent-active, #AA73F2FF)';
 
-/** Цвет обводки успех на светлом фоне */
-var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
+/** null */
+var onDarkPersonasVioletTextAccentActive = 'var(--on-dark-personas-violet-text-accent-active, #D982E8FF)';
 
 /** null */
-var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
+var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)';
 
 /** null */
-var inversePersonasOchreTextAccent = 'var(--inverse-personas-ochre-text-accent, #D15A11)';
+var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFAD)';
 
-/** Третичный непрозрачный фон поверхности/контрола */
-var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #424242FF)';
+/** null */
+var inversePersonasOliveTextAccentHover = 'var(--inverse-personas-olive-text-accent-hover, #1DB71AFF)';
 
-/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #FFFFFFFF)';
+/** null */
+var personasOchreTextAccentHover = 'var(--personas-ochre-text-accent-hover, #F7C8B6FF)';
 
-/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FED9C3FF)';
+/** null */
+var inverseSurfaceAccentSecondary = 'var(--inverse-surface-accent-secondary, #41BDA1)';
 
-/** Прозрачный желтый цвет для данных на светлом фоне */
-var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F5B638FF)';
+/** null */
+var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
 
 /** null */
-var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
+var onDarkPersonasSeaBlueTextAccentActive = 'var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)';
 
-/** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCardBrightnessHover = 'var(--on-light-surface-transparent-card-brightness-hover, #FFFFFFFF)';
+/** null */
+var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #0BA6863D)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #043F34FF)';
+/** null */
+var onLightPersonasGreenTextAccent = 'var(--on-light-personas-green-text-accent, #038768)';
 
 /** Основной цвет текста */
-var textPrimary = 'var(--text-primary, #FFFFFFFC)';
+var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93)';
 
-/** Акцентный минорный цвет на темном фоне */
-var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #60C7AFFF)';
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryBrightnessHover = 'var(--on-dark-text-primary-brightness-hover, #FAFAFA93)';
 
 /** null */
-var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
+var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
 
 /** null */
-var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
+var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
 
-/** Инвертированный минорный цвет фона поверхности/контрола успех */
-var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #8BF99FFF)';
+/** null */
+var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
 
-/** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCardBrightnessActive = 'var(--on-light-surface-transparent-card-brightness-active, #FFFFFFFF)';
+/** null */
+var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
 
-/** Основной фон для карточек на светлом фоне */
-var onLightSurfaceSolidCardBrightnessHover = 'var(--on-light-surface-solid-card-brightness-hover, #FFFFFFFF)';
+/** null */
+var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
 
-/** Основной фон для карточек на светлом фоне */
-var onLightSurfaceSolidCardBrightnessActive = 'var(--on-light-surface-solid-card-brightness-active, #FFFFFFFF)';
+/** null */
+var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
 
-/** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimaryBrightnessHover = 'var(--inverse-surface-solid-primary-brightness-hover, #FFFFFFFF)';
+/** null */
+var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
 
-/** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimaryBrightnessActive = 'var(--inverse-surface-solid-primary-brightness-active, #FFFFFFFF)';
+/** null */
+var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
 
-/** Инвертированный прозрачный фон для карточек */
-var inverseSurfaceTransparentCardBrightnessHover = 'var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)';
+/** null */
+var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)';
 
-/** Третичный непрозрачный цвет обводки на светлом фоне */
-var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #A3A3A3FF)';
+/** null */
+var onLightPersonasBlueTextAccentHover = 'var(--on-light-personas-blue-text-accent-hover, #1477E1FF)';
 
-/** Цвет обводки предупреждение на светлом фоне */
-var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #A3420AFF)';
+/** null */
+var onDarkSurfaceTransparentNaviHover = 'var(--on-dark-surface-transparent-navi-hover, #242424B8)';
 
-/** Инвертированный вторичный прозрачный цвет обводки */
-var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #080808FF)';
+/** null */
+var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
 
-/** Прозрачный инвертированный цвет обводки предупреждение */
-var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #5D2809FF)';
+/** null */
+var onLightSurfaceAccentSecondaryHover = 'var(--on-light-surface-accent-secondary-hover, #50C3A8FF)';
 
-/** Инвертированный минорный желтый цвет для данных */
-var inverseDataYellowMinorHover = 'var(--inverse-data-yellow-minor-hover, #FFCF70FF)';
+/** null */
+var surfaceTransparentNaviHover = 'var(--surface-transparent-navi-hover, #FFFFFFB8)';
 
 /** null */
-var onLightPersonasVioletTextAccent = 'var(--on-light-personas-violet-text-accent, #9E32AF)';
+var onLightSurfaceTransparentAccentMinorHover = 'var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)';
 
 /** null */
-var onLightPersonasOchreTextAccent = 'var(--on-light-personas-ochre-text-accent, #D15A11)';
+var onLightPersonasGreenTextAccentHover = 'var(--on-light-personas-green-text-accent-hover, #04D7A6FF)';
 
 /** null */
-var onDarkPersonasIndigoTextAccent = 'var(--on-dark-personas-indigo-text-accent, #BD91F5)';
+var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
 
 /** null */
-var onDarkSurfaceAccentSecondary = 'var(--on-dark-surface-accent-secondary, #61C8B0)';
+var onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #6B6461FF)';
 
 /** null */
-var inversePersonasGreenTextAccent = 'var(--inverse-personas-green-text-accent, #6CD5BB)';
+var onDarkPersonasPinkTextAccentHover = 'var(--on-dark-personas-pink-text-accent-hover, #F26E6EFF)';
 
 /** null */
-var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
+var outlinePrimaryHover = 'var(--outline-primary-hover, #91847EFF)';
 
 /** null */
-var surfaceAccentSecondary = 'var(--surface-accent-secondary, #61C8B0)';
+var inversePersonasIndigoTextAccentHover = 'var(--inverse-personas-indigo-text-accent-hover, #D2B4F8FF)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола */
-var surfaceAccentMinor = 'var(--surface-accent-minor, #04473B)';
+/** null */
+var inversePersonasPinkTextAccentHover = 'var(--inverse-personas-pink-text-accent-hover, #FBCBCBFF)';
 
-/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #424242FF)';
+/** null */
+var personasOliveTextAccentHover = 'var(--personas-olive-text-accent-hover, #A6D4A5FF)';
 
-/** Вторичный фон на светлом фоне */
-var lightBackgroundSecondary = 'var(--light-background-secondary, #F6F2F0)';
+/** null */
+var inversePersonasOchreTextAccentHover = 'var(--inverse-personas-ochre-text-accent-hover, #ED6C1DFF)';
 
-/** Инвертированный третичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #FFFFFF)';
+/** null */
+var inverseSurfaceTransparentNaviHover = 'var(--inverse-surface-transparent-navi-hover, #FFFFFFA8)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #D0F2E9)';
+/** null */
+var onLightPersonasOliveTextAccentHover = 'var(--on-light-personas-olive-text-accent-hover, #1DB71AFF)';
 
-/** Инвертированный прозрачный фон для карточек */
-var inverseSurfaceTransparentCardBrightnessActive = 'var(--inverse-surface-transparent-card-brightness-active, #FFFFFFFF)';
+/** null */
+var onLightPersonasVioletTextAccentHover = 'var(--on-light-personas-violet-text-accent-hover, #B740C9FF)';
 
-/** Третичный прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #616161FF)';
+/** null */
+var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
 
-/** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
+/** null */
+var onDarkPersonasIndigoTextAccentHover = 'var(--on-dark-personas-indigo-text-accent-hover, #E8DAFCFF)';
 
-/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #C74900FF)';
+/** null */
+var onDarkPersonasOchreTextAccent = 'var(--on-dark-personas-ochre-text-accent, #F4B49B)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
+/** null */
+var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
 
-/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D0F2E9)';
+/** null */
+var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0BA68647)';
 
-/** Прозрачный цвет обводки успех */
-var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #13BE32FF)';
+/** null */
+var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
 
-/** Третичный непрозрачный цвет обводки */
-var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
+/** null */
+var backgroundHardline = 'var(--background-hardline, #000000)';
 
-/** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardBrightnessActive = 'var(--inverse-surface-solid-card-brightness-active, #FFFFFFFF)';
+/** null */
+var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1063BA)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #055C4CFF)';
+/** null */
+var inversePersonasVioletTextAccent = 'var(--inverse-personas-violet-text-accent, #9E32AF)';
 
 /** null */
-var personasPinkTextAccent = 'var(--personas-pink-text-accent, #DE5555)';
+var inverseSurfaceTransparentAccentMinor = 'var(--inverse-surface-transparent-accent-minor, #0BA68647)';
 
 /** null */
-var personasIndigoTextAccent = 'var(--personas-indigo-text-accent, #BD91F5)';
+var onLightPersonasBlueTextAccent = 'var(--on-light-personas-blue-text-accent, #1063BA)';
 
 /** null */
-var onDarkPersonasVioletTextAccent = 'var(--on-dark-personas-violet-text-accent, #E19DED)';
+var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #23232399)';
 
 /** null */
-var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #FFFFFF99)';
+var inverseOutlinePrimary = 'var(--inverse-outline-primary, #DDD9D7)';
 
 /** null */
-var onDarkPersonasBlueTextAccent = 'var(--on-dark-personas-blue-text-accent, #79B3F2)';
+var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
 
 /** null */
-var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
+var onDarkOutlineDefault = 'var(--on-dark-outline-default, #383838)';
 
 /** null */
-var onLightPersonasSeaBlueTextAccent = 'var(--on-light-personas-sea-blue-text-accent, #00898D)';
+var personasGreenTextAccent = 'var(--personas-green-text-accent, #038768)';
 
 /** null */
-var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
+var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
 
 /** null */
-var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
+var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
 
 /** null */
-var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-accent-minor, #0BA68647)';
+var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
 
-/** Инвертированный минорный цвет обводки предупреждение */
-var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC8240FF)';
+/** null */
+var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
 
-/** Цвет предупреждения на светлом фоне */
-var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
+/** null */
+var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
 
 /** null */
-var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
+var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryBrightnessHover = 'var(--on-light-text-primary-brightness-hover, #17171793)';
+
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryBrightnessHover = 'var(--inverse-text-primary-brightness-hover, #17171793)';
 
-/** Минорный цвет информации */
-var textInfoMinorActive = 'var(--text-info-minor-active, #10659EFF)';
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightnessActive = 'var(--surface-solid-primary-brightness-active, #212121FF)';
 
-/** Инвертированный минорный цвет предупреждения */
-var inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FDB790FF)';
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryBrightnessHover = 'var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)';
 
-/** Минорный цвет обводки предупреждение на темном фоне */
-var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #70300AFF)';
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
 
 /** null */
-var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
+var personasPinkTextAccent = 'var(--personas-pink-text-accent, #DE5555)';
 
 /** null */
 var personasBlueTextAccent = 'var(--personas-blue-text-accent, #79B3F2)';
 
-/** Вторичный цвет текста */
-var textSecondary = 'var(--text-secondary, #F6F2F0A3)';
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryBrightnessActive = 'var(--on-dark-text-primary-brightness-active, #FAFAFAC4)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryBrightnessActive = 'var(--on-light-text-primary-brightness-active, #171717C4)';
+
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryBrightnessActive = 'var(--inverse-text-primary-brightness-active, #171717C4)';
+
+/** null */
+var personasIndigoTextAccent = 'var(--personas-indigo-text-accent, #BD91F5)';
 
 /** Сплошной наборный текст */
 var textParagraph = 'var(--text-paragraph, #F6F2F07A)';
@@ -750,30 +687,12 @@ var textInfoHover = 'var(--text-info-hover, #BCDBFAFF)';
 /** Цвет информации */
 var textInfoActive = 'var(--text-info-active, #53A3F3FF)';
 
-/** Минорный цвет успеха */
-var textPositiveMinorHover = 'var(--text-positive-minor-hover, #0F9527FF)';
-
-/** Минорный цвет успеха */
-var textPositiveMinorActive = 'var(--text-positive-minor-active, #0C7920FF)';
-
-/** Минорный цвет предупреждения */
-var textWarningMinorHover = 'var(--text-warning-minor-hover, #BB4F11FF)';
-
-/** Минорный цвет предупреждения */
-var textWarningMinorActive = 'var(--text-warning-minor-active, #9F440FFF)';
-
-/** Минорный цвет ошибки */
-var textNegativeMinorHover = 'var(--text-negative-minor-hover, #B91828FF)';
-
-/** Минорный цвет ошибки */
-var textNegativeMinorActive = 'var(--text-negative-minor-active, #83111CFF)';
-
-/** Минорный цвет информации */
-var textInfoMinorHover = 'var(--text-info-minor-hover, #1277BAFF)';
-
 /** Вторичный цвет текста */
 var textSecondaryHover = 'var(--text-secondary-hover, #F5F1EFFF)';
 
+/** Вторичный цвет текста */
+var textSecondary = 'var(--text-secondary, #F6F2F0A3)';
+
 /** Основной цвет текста */
 var textPrimaryActive = 'var(--text-primary-active, #FFFFFFCA)';
 
@@ -792,9 +711,6 @@ var textTertiaryActive = 'var(--text-tertiary-active, #F5F1EF49)';
 /** Основной цвет текста */
 var textPrimaryBrightness = 'var(--text-primary-brightness, #FAFAFAF5)';
 
-/** Третичный цвет текста на темном фоне */
-var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F5F1EF49)';
-
 /** Сплошной наборный текст на темном фоне */
 var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F6F2F07A)';
 
@@ -855,15 +771,12 @@ var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #BCDBFAFF)';
 /** Цвет информации на темном фоне */
 var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #53A3F3FF)';
 
-/** Минорный цвет успеха на темном фоне */
-var onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #0F9527FF)';
-
-/** Минорный цвет успеха на темном фоне */
-var onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #0C7920FF)';
-
 /** Основной цвет текста на темном фоне */
 var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFCA)';
 
+/** Третичный цвет текста на темном фоне */
+var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F5F1EF49)';
+
 /** Основной цвет текста на темном фоне */
 var onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFFFC)';
 
@@ -888,9 +801,6 @@ var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F5F1EFC4)
 /** Основной цвет текста на темном фоне */
 var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF97)';
 
-/** Минорный цвет ошибки на темном фоне */
-var onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #83111CFF)';
-
 /** Основной цвет текста на светлом фоне */
 var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #15110F97)';
 
@@ -960,36 +870,9 @@ var onLightTextWarning = 'var(--on-light-text-warning, #973C09)';
 /** Цвет предупреждения на светлом фоне */
 var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #BC4C0BFF)';
 
-/** Минорный цвет информации на темном фоне */
-var onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #1277BAFF)';
-
-/** Минорный цвет информации на темном фоне */
-var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #10659EFF)';
-
 /** Основной цвет текста на светлом фоне */
 var onLightTextPrimary = 'var(--on-light-text-primary, #15110FFC)';
 
-/** Минорный цвет ошибки на темном фоне */
-var onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #B91828FF)';
-
-/** Минорный цвет предупреждения на светлом фоне */
-var onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #FDB790FF)';
-
-/** Минорный цвет предупреждения на светлом фоне */
-var onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #FC8240FF)';
-
-/** Минорный цвет ошибки на светлом фоне */
-var onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #FFB8BFFF)';
-
-/** Минорный цвет ошибки на светлом фоне */
-var onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #FF6675FF)';
-
-/** Минорный цвет информации на светлом фоне */
-var onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #7ACAFFFF)';
-
-/** Минорный цвет информации на светлом фоне */
-var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #29A9FFFF)';
-
 /** Инвертированный основной цвет текста */
 var inverseTextPrimary = 'var(--inverse-text-primary, #15110FFC)';
 
@@ -1062,18 +945,9 @@ var onLightTextInfoHover = 'var(--on-light-text-info-hover, #000000FF)';
 /** Цвет информации на светлом фоне */
 var onLightTextInfoActive = 'var(--on-light-text-info-active, #194B85FF)';
 
-/** Минорный цвет успеха на светлом фоне */
-var onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #47DC62FF)';
-
-/** Минорный цвет успеха на светлом фоне */
-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, #6F2D06FF)';
-
 /** Инвертированный цвет ошибки */
 var inverseTextNegative = 'var(--inverse-text-negative, #D11D23)';
 
@@ -1092,30 +966,12 @@ var inverseTextInfoHover = 'var(--inverse-text-info-hover, #000000FF)';
 /** Инвертированный цвет информации */
 var inverseTextInfoActive = 'var(--inverse-text-info-active, #194B85FF)';
 
-/** Инвертированный минорный цвет успеха */
-var inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #47DC62FF)';
-
-/** Инвертированный минорный цвет успеха */
-var inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #21B03CFF)';
-
-/** Инвертированный минорный цвет предупреждения */
-var inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FC8240FF)';
-
-/** Инвертированный минорный цвет ошибки */
-var inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFB8BFFF)';
-
-/** Инвертированный минорный цвет ошибки */
-var inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FF6675FF)';
-
-/** Инвертированный минорный цвет информации */
-var inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #7ACAFFFF)';
-
-/** Инвертированный минорный цвет информации */
-var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #29A9FFFF)';
-
 /** Основной непрозрачный фон поверхности/контрола */
 var surfaceSolidPrimary = 'var(--surface-solid-primary, #232323)';
 
+/** Инвертированный цвет предупреждения */
+var inverseTextWarningActive = 'var(--inverse-text-warning-active, #6F2D06FF)';
+
 /** Основной непрозрачный фон поверхности/контрола */
 var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #2E2E2EFF)';
 
@@ -1155,26 +1011,23 @@ var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #BC4C0BFF)';
 /** Инвертированный цвет успеха */
 var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #185E17FF)';
 
-/** Основной прозрачный фон поверхности/контрола */
-var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFFFF)';
-
 /** Вторичный прозрачный фон поверхности/контрола */
 var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
 
 /** Вторичный прозрачный фон поверхности/контрола */
-var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFFFF)';
+var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF47)';
 
 /** Вторичный прозрачный фон поверхности/контрола */
-var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFFFF)';
+var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF1A)';
 
 /** Третичный прозрачный фон поверхности/контрола */
 var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF3D)';
 
 /** Третичный прозрачный фон поверхности/контрола */
-var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFFFF)';
+var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF5C)';
 
 /** Третичный прозрачный фон поверхности/контрола */
-var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFFFF)';
+var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF2E)';
 
 /** Глубокий прозрачный фон поверхности/контрола */
 var surfaceTransparentDeep = 'var(--surface-transparent-deep, #373737B8)';
@@ -1201,10 +1054,10 @@ var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightnes
 var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
 
 /** Фон поверхности/контрола без заливки */
-var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)';
+var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)';
 
 /** Фон поверхности/контрола без заливки */
-var surfaceClearActive = 'var(--surface-clear-active, #FFFFFFFF)';
+var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
 
 /** Акцентный фон поверхности/контрола */
 var surfaceAccent = 'var(--surface-accent, #0BA686)';
@@ -1249,7 +1102,7 @@ var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #F9F7F5FF)';
 var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
 
 /** Основной прозрачный фон поверхности/контрола */
-var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFFFF)';
+var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF24)';
 
 /** Непрозрачный фон поверхности/контрола по умолчанию */
 var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F2ECE9FF)';
@@ -1257,8 +1110,8 @@ var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F2ECE9FF)'
 /** Основной фон для карточек */
 var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #2E2E2EFF)';
 
-/** Цвет фона поверхности/контрола успех */
-var surfacePositiveActive = 'var(--surface-positive-active, #9FCF9BFF)';
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0F)';
 
 /** Цвет фона поверхности/контрола предупреждение */
 var surfaceWarning = 'var(--surface-warning, #F8AD80)';
@@ -1287,11 +1140,8 @@ var surfaceInfoHover = 'var(--surface-info-hover, #AED4F9FF)';
 /** Цвет фона поверхности/контрола информация */
 var surfaceInfoActive = 'var(--surface-info-active, #91C4F7FF)';
 
-/** Минорный цвет фона поверхности/контрола успех */
-var surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)';
-
-/** Минорный цвет фона поверхности/контрола успех */
-var surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)';
+/** Цвет фона поверхности/контрола успех */
+var surfacePositiveActive = 'var(--surface-positive-active, #9FCF9BFF)';
 
 /** Цвет фона поверхности/контрола успех */
 var surfacePositive = 'var(--surface-positive, #A6D2A2)';
@@ -1299,32 +1149,14 @@ var surfacePositive = 'var(--surface-positive, #A6D2A2)';
 /** Цвет фона поверхности/контрола успех */
 var surfacePositiveHover = 'var(--surface-positive-hover, #B3D9B0FF)';
 
-/** Прозрачный цвет фона поверхности/контрола предупреждение */
-var surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #E65400FF)';
-
-/** Прозрачный цвет фона поверхности/контрола предупреждение */
-var surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #C74900FF)';
-
-/** Прозрачный цвет фона поверхности/контрола предупреждение */
-var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #ED1D31FF)';
-
-/** Прозрачный цвет фона поверхности/контрола предупреждение */
-var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #D91226FF)';
-
-/** Прозрачный цвет фона поверхности/контрола информация */
-var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #0D7EC9FF)';
-
-/** Прозрачный цвет фона поверхности/контрола информация */
-var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #0B6CADFF)';
-
 /** Цвет для readOnly */
 var surfaceReadOnly = 'var(--surface-read-only, #F9F9F905)';
 
 /** Цвет для readOnly */
-var surfaceReadOnlyHover = 'var(--surface-read-only-hover, #FFFFFFFF)';
+var surfaceReadOnlyHover = 'var(--surface-read-only-hover, #FAFAFA0F)';
 
 /** Цвет для readOnly */
-var surfaceReadOnlyActive = 'var(--surface-read-only-active, #F5F5F5FF)';
+var surfaceReadOnlyActive = 'var(--surface-read-only-active, #FAFAFA00)';
 
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #232323)';
@@ -1353,50 +1185,23 @@ var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #474747)
 /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #525252FF)';
 
-/** Минорный цвет фона поверхности/контрола предупреждение */
-var surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)';
-
-/** Минорный цвет фона поверхности/контрола предупреждение */
-var surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)';
-
-/** Минорный цвет фона поверхности/контрола ошибка */
-var surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)';
-
-/** Минорный цвет фона поверхности/контрола ошибка */
-var surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)';
-
-/** Минорный цвет фона поверхности/контрола информация */
-var surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)';
-
-/** Прозрачный цвет фона поверхности/контрола успех */
-var surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #0F9928FF)';
-
-/** Минорный цвет фона поверхности/контрола информация */
-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, #FFFFFFFF)';
-
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
 
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFFFF)';
+var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)';
 
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFFFF)';
+var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF1A)';
 
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF3D)';
 
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFFFF)';
+var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF5C)';
 
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFFFF)';
+var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF2E)';
 
 /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #373737B8)';
@@ -1459,11 +1264,14 @@ var onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-activ
 var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF14)';
 
 /** Основной прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFFFF)';
+var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF24)';
 
 /** Основной фон для карточек на темном фоне */
 var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #2E2E2EFF)';
 
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0F)';
+
 /** Цвет фона поверхности/контрола успех на темном фоне */
 var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #A6D2A2)';
 
@@ -1500,18 +1308,6 @@ var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #AED4F9FF)';
 /** Цвет фона поверхности/контрола информация на темном фоне */
 var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #91C4F7FF)';
 
-/** Минорный цвет фона поверхности/контрола успех на темном фоне */
-var onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)';
-
-/** Минорный цвет фона поверхности/контрола успех на темном фоне */
-var onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #08210CFF)';
-
-/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #4F250DFF)';
-
-/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)';
-
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #0BA88824)';
 
@@ -1521,29 +1317,14 @@ var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent,
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #0BA88852)';
 
-/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #E65400FF)';
-
-/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #ED1D31FF)';
-
-/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #D91226FF)';
-
-/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
-var onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #0D7EC9FF)';
-
-/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
-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, #FFFFFFFF)';
+var onDarkSurfaceReadOnlyHover = 'var(--on-dark-surface-read-only-hover, #FAFAFA0F)';
 
 /** Цвет для readOnly */
-var onDarkSurfaceReadOnlyActive = 'var(--on-dark-surface-read-only-active, #F5F5F5FF)';
+var onDarkSurfaceReadOnlyActive = 'var(--on-dark-surface-read-only-active, #FAFAFA00)';
 
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #FFFFFF)';
@@ -1572,27 +1353,6 @@ var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #FFFFF
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #FFFFFFFF)';
 
-/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
-var onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)';
-
-/** Минорный цвет фона поверхности/контрола информация на темном фоне */
-var onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)';
-
-/** Минорный цвет фона поверхности/контрола информация на темном фоне */
-var onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #0A2333FF)';
-
-/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
-var onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #0C7D21FF)';
-
-/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
-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, #15110F0F)';
-
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #15110F14)';
 
@@ -1615,19 +1375,19 @@ var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparen
 var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #FFFFFFB3)';
 
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #FFFFFFFF)';
+var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #FFFFFFC2)';
 
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #FFFFFFFF)';
+var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #FFFFFFC7)';
 
 /** Прозрачный фон для карточек на светлом фоне */
 var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFF85)';
 
 /** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)';
+var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFF94)';
 
 /** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)';
+var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFF99)';
 
 /** Прозрачный фон для карточек на светлом фоне */
 var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
@@ -1677,6 +1437,9 @@ var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-act
 /** Основной фон для карточек на светлом фоне */
 var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)';
 
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #15110F0F)';
+
 /** Цвет фона поверхности/контрола успех на светлом фоне */
 var onLightSurfacePositive = 'var(--on-light-surface-positive, #239322)';
 
@@ -1713,15 +1476,6 @@ var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #4180C8FF)';
 /** Цвет фона поверхности/контрола информация на светлом фоне */
 var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #326CAEFF)';
 
-/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
-var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #94F9A7FF)';
-
-/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
-var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #8BF99FFF)';
-
-/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEDCC8FF)';
-
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #0BA88833)';
 
@@ -1731,32 +1485,14 @@ var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #0BA8882E)';
 
-/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #E65400FF)';
-
-/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #BD4500FF)';
-
-/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #ED1D31FF)';
-
-/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #D01124FF)';
-
-/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
-var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #0D84D3FF)';
-
-/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
-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, #F7F7F7FF)';
+var onLightSurfaceReadOnlyHover = 'var(--on-light-surface-read-only-hover, #FAFAFA05)';
 
 /** Цвет для readOnly */
-var onLightSurfaceReadOnlyActive = 'var(--on-light-surface-read-only-active, #F5F5F5FF)';
+var onLightSurfaceReadOnlyActive = 'var(--on-light-surface-read-only-active, #FAFAFA08)';
 
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFF)';
@@ -1776,26 +1512,8 @@ var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #FFFF
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #FFFFFFFF)';
 
-/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
-
-/** Минорный цвет фона поверхности/контрола информация на светлом фоне */
-var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)';
-
-/** Минорный цвет фона поверхности/контрола информация на светлом фоне */
-var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C2E7FFFF)';
-
-/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
-var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #0F9928FF)';
-
-/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
-var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #0B741FFF)';
-
-/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
-var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD1D6FF)';
-
-/** Инвертированный основной прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #15110F0D)';
+/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
 
 /** Инвертированный основной прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #15110F0F)';
@@ -1822,19 +1540,19 @@ var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent
 var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #FFFFFFB3)';
 
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #FFFFFFFF)';
+var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #FFFFFFC2)';
 
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #FFFFFFFF)';
+var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #FFFFFFC7)';
 
 /** Инвертированный прозрачный фон для карточек */
 var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFF85)';
 
 /** Инвертированный прозрачный фон для карточек */
-var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)';
+var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFF94)';
 
 /** Инвертированный прозрачный фон для карточек */
-var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFFF)';
+var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFF99)';
 
 /** Инвертированный прозрачный фон для карточек */
 var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
@@ -1881,6 +1599,9 @@ var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110F)'
 /** Инвертированный основной прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #15110F0A)';
 
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #15110F0D)';
+
 /** Инвертированный цвет фона поверхности/контрола успех */
 var inverseSurfacePositive = 'var(--inverse-surface-positive, #239322)';
 
@@ -1917,9 +1638,6 @@ var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #4180C8FF)';
 /** Инвертированный цвет фона поверхности/контрола информация */
 var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #326CAEFF)';
 
-/** Инвертированный минорный цвет фона поверхности/контрола успех */
-var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #94F9A7FF)';
-
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
 var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #BFEDE1FF)';
 
@@ -1938,38 +1656,14 @@ var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-a
 /** Инвертированный акцентный фон поверхности/контрола */
 var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
 
-/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
-var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #0F9928FF)';
-
-/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
-var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #0B741FFF)';
-
-/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #E65400FF)';
-
-/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #BD4500FF)';
-
-/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #ED1D31FF)';
-
-/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #D01124FF)';
-
-/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
-var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #0D84D3FF)';
-
-/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
-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, #F7F7F7FF)';
+var inverseSurfaceReadOnlyHover = 'var(--inverse-surface-read-only-hover, #FAFAFA05)';
 
 /** Цвет для readOnly */
-var inverseSurfaceReadOnlyActive = 'var(--inverse-surface-read-only-active, #F5F5F5FF)';
+var inverseSurfaceReadOnlyActive = 'var(--inverse-surface-read-only-active, #FAFAFA08)';
 
 /** Основной фон */
 var backgroundPrimary = 'var(--background-primary, #141413)';
@@ -1992,24 +1686,6 @@ var darkBackgroundTertiary = 'var(--dark-background-tertiary, #141413)';
 /** Основной фон на светлом фоне */
 var lightBackgroundPrimary = 'var(--light-background-primary, #EBE7E5)';
 
-/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEDCC8FF)';
-
-/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
-var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFD6DAFF)';
-
-/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
-var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD1D6FF)';
-
-/** Инвертированный минорный цвет фона поверхности/контрола информация */
-var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #C7E9FFFF)';
-
-/** Инвертированный минорный цвет фона поверхности/контрола информация */
-var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C2E7FFFF)';
-
-/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FED9C3FF)';
-
 /** Цвет фона паранжи светлый на светлом фоне */
 var onLightOverlaySoft = 'var(--on-light-overlay-soft, #0000003D)';
 
@@ -2022,47 +1698,14 @@ var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
 /** Инвертированный цвет фона паранжи темный */
 var inverseOverlayHard = 'var(--inverse-overlay-hard, #00000052)';
 
-/** Основной непрозрачный цвет обводки */
-var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #545454FF)';
-
-/** Основной непрозрачный цвет обводки */
-var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #171717FF)';
-
-/** Вторичный непрозрачный цвет обводки */
-var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #ABABABFF)';
-
-/** Вторичный непрозрачный цвет обводки */
-var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #363636FF)';
-
-/** Третичный непрозрачный цвет обводки */
-var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #525252FF)';
-
-/** Непрозрачный цвет обводки по умолчанию */
-var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #808080FF)';
-
-/** Непрозрачный цвет обводки по умолчанию */
-var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #616161FF)';
-
 /** Основной прозрачный цвет обводки */
 var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
 
 /** Основной прозрачный цвет обводки */
-var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #858585FF)';
+var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFF4D)';
 
 /** Основной прозрачный цвет обводки */
-var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #666666FF)';
-
-/** Вторичный прозрачный цвет обводки */
-var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #808080FF)';
-
-/** Вторичный прозрачный цвет обводки */
-var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #616161FF)';
-
-/** Третичный прозрачный цвет обводки */
-var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #808080FF)';
-
-/** Третичный прозрачный цвет обводки */
-var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #616161FF)';
+var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF12)';
 
 /** Бесцветная обводка */
 var outlineClear = 'var(--outline-clear, #FFFFFF00)';
@@ -2127,125 +1770,20 @@ var outlineInfoHover = 'var(--outline-info-hover, #E7F2FDFF)';
 /** Цвет обводки информация */
 var outlineInfoActive = 'var(--outline-info-active, #7EBAF6FF)';
 
-/** Минорный цвет обводки успех */
-var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F9527FF)';
-
-/** Минорный цвет обводки успех */
-var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #074A14FF)';
-
-/** Минорный цвет обводки предупреждение */
-var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #BB4F11FF)';
-
-/** Минорный цвет обводки предупреждение */
-var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #70300AFF)';
-
-/** Минорный цвет обводки ошибка */
-var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #D41C2EFF)';
-
-/** Минорный цвет обводки ошибка */
-var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #8C121EFF)';
-
-/** Минорный цвет обводки информация */
-var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1277BAFF)';
-
-/** Минорный цвет обводки информация */
-var outlineInfoMinorActive = 'var(--outline-info-minor-active, #0B476FFF)';
-
 /** Бесцветная обводка */
 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)';
-
-/** Акцентный минорный непрозрачный цвет обводки */
-var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #074A14FF)';
-
-/** Прозрачный акцентный цвет обводки */
-var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #0B741FFF)';
-
-/** Цвет для readOnly */
-var outlineReadOnlyHover = 'var(--outline-read-only-hover, #808080FF)';
-
-/** Цвет для readOnly */
-var outlineReadOnlyActive = 'var(--outline-read-only-active, #616161FF)';
-
-/** Основной непрозрачный цвет обводки на темном фоне */
-var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #545454FF)';
-
-/** Основной непрозрачный цвет обводки на темном фоне */
-var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #171717FF)';
-
-/** Вторичный непрозрачный цвет обводки на темном фоне */
-var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #ABABABFF)';
-
-/** Вторичный непрозрачный цвет обводки на темном фоне */
-var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #363636FF)';
-
-/** Третичный непрозрачный цвет обводки на темном фоне */
-var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
-
-/** Третичный непрозрачный цвет обводки на темном фоне */
-var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #525252FF)';
-
-/** Непрозрачный цвет обводки по умолчанию на темном фоне */
-var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #808080FF)';
-
-/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
-var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #616161FF)';
-
 /** Основной прозрачный цвет обводки на темном фоне */
 var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #FFFFFF1F)';
 
 /** Основной прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #858585FF)';
+var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFF4D)';
 
 /** Основной прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #666666FF)';
-
-/** Вторичный прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #808080FF)';
-
-/** Вторичный прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #616161FF)';
-
-/** Третичный прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #808080FF)';
-
-/** Прозрачный цвет обводки предупреждение */
-var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FF8138FF)';
-
-/** Прозрачный цвет обводки успех */
-var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #0B741FFF)';
-
-/** Прозрачный цвет обводки предупреждение */
-var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #B34100FF)';
-
-/** Прозрачный цвет обводки предупреждение */
-var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #C61022FF)';
-
-/** Прозрачный цвет обводки информация */
-var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #0F96F0FF)';
-
-/** Прозрачный цвет обводки информация */
-var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #0A66A3FF)';
-
-/** Прозрачный акцентный цвет обводки на темном фоне */
-var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #13BE32FF)';
-
-/** Прозрачный акцентный цвет обводки на темном фоне */
-var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #0B741FFF)';
+var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
 
 /** Цвет обводки успех на темном фоне */
 var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #A6D2A2)';
@@ -2283,93 +1821,15 @@ var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #E7F2FDFF)';
 /** Цвет обводки информация на темном фоне */
 var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #7EBAF6FF)';
 
-/** Минорный цвет обводки успех на темном фоне */
-var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0F9527FF)';
-
-/** Минорный цвет обводки предупреждение на темном фоне */
-var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #BB4F11FF)';
-
 /** Бесцветная обводка на темном фоне */
 var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFF00)';
 
 /** Бесцветная обводка на темном фоне */
 var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
 
-/** Акцентный цвет обводки на темном фоне */
-var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #13BE32FF)';
-
-/** Акцентный цвет обводки на темном фоне */
-var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #0B741FFF)';
-
-/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #0F9527FF)';
-
-/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-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, #FF8138FF)';
-
-/** Прозрачный цвет обводки предупреждение на темном фоне */
-var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #F36876FF)';
-
-/** Прозрачный цвет обводки предупреждение на темном фоне */
-var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #C61022FF)';
-
-/** Прозрачный цвет обводки информация на темном фоне */
-var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #0F96F0FF)';
-
-/** Прозрачный цвет обводки информация на темном фоне */
-var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #0A66A3FF)';
-
-/** Цвет для readOnly */
-var onDarkOutlineReadOnlyHover = 'var(--on-dark-outline-read-only-hover, #808080FF)';
-
-/** Цвет для readOnly */
-var onDarkOutlineReadOnlyActive = 'var(--on-dark-outline-read-only-active, #616161FF)';
-
-/** Основной непрозрачный цвет обводки на светлом фоне */
-var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #ABABABFF)';
-
-/** Основной непрозрачный цвет обводки на светлом фоне */
-var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C4C4C4FF)';
-
-/** Вторичный непрозрачный цвет обводки на светлом фоне */
-var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #DBDBDBFF)';
-
-/** Вторичный непрозрачный цвет обводки на светлом фоне */
-var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #8F8F8FFF)';
-
-/** Минорный цвет обводки ошибка на темном фоне */
-var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #8C121EFF)';
-
-/** Минорный цвет обводки информация на темном фоне */
-var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
-
-/** Минорный цвет обводки информация на темном фоне */
-var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #0B476FFF)';
-
-/** Прозрачный цвет обводки успех на темном фоне */
-var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #13BE32FF)';
-
-/** Прозрачный цвет обводки успех на темном фоне */
-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, #080808FF)';
-
-/** Третичный прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #969696FF)';
-
-/** Третичный прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #080808FF)';
-
 /** Бесцветная обводка на светлом фоне */
 var onLightOutlineClear = 'var(--on-light-outline-clear, #FFFFFF00)';
 
@@ -2379,99 +1839,21 @@ var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFF00)';
 /** Бесцветная обводка на светлом фоне */
 var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFF00)';
 
-/** Акцентный цвет обводки на светлом фоне */
-var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #0F9527FF)';
-
-/** Акцентный цвет обводки на светлом фоне */
-var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #074A14FF)';
-
-/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #7AE68EFF)';
-
-/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #23B83EFF)';
-
-/** Прозрачный акцентный цвет обводки на светлом фоне */
-var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #0F9527FF)';
-
-/** Прозрачный акцентный цвет обводки на светлом фоне */
-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, #32CA2FFF)';
 
-/** Непрозрачный цвет обводки по умолчанию на светлом фоне */
-var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #969696FF)';
-
-/** Третичный непрозрачный цвет обводки на светлом фоне */
-var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #5C5C5CFF)';
-
-/** Непрозрачный цвет обводки по умолчанию на светлом фоне */
-var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #080808FF)';
-
 /** Основной прозрачный цвет обводки на светлом фоне */
 var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #15110F3D)';
 
 /** Основной прозрачный цвет обводки на светлом фоне */
 var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #15110F25)';
 
-/** Вторичный прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #969696FF)';
-
 /** Основной прозрачный цвет обводки на светлом фоне */
 var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #15110F62)';
 
-/** Минорный цвет обводки успех на светлом фоне */
-var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #7AE68EFF)';
-
-/** Минорный цвет обводки успех на светлом фоне */
-var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #23B83EFF)';
-
-/** Минорный цвет обводки предупреждение на светлом фоне */
-var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB790FF)';
-
-/** Минорный цвет обводки предупреждение на светлом фоне */
-var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC8240FF)';
-
-/** Минорный цвет обводки ошибка на светлом фоне */
-var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFB8BFFF)';
-
-/** Минорный цвет обводки ошибка на светлом фоне */
-var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF6675FF)';
-
-/** Минорный цвет обводки информация на светлом фоне */
-var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A3DAFFFF)';
-
-/** Минорный цвет обводки информация на светлом фоне */
-var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #29A9FFFF)';
-
-/** Прозрачный цвет обводки успех на светлом фоне */
-var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #0F9527FF)';
-
-/** Прозрачный цвет обводки успех на светлом фоне */
-var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #074A14FF)';
-
-/** Прозрачный цвет обводки предупреждение на светлом фоне */
-var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #B14B10FF)';
-
-/** Прозрачный цвет обводки предупреждение на светлом фоне */
-var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #5D2809FF)';
-
-/** Прозрачный цвет обводки предупреждение на светлом фоне */
-var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #DD1D30FF)';
-
-/** Прозрачный цвет обводки предупреждение на светлом фоне */
-var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #8C121EFF)';
-
-/** Прозрачный цвет обводки информация на светлом фоне */
-var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #137DC3FF)';
-
-/** Прозрачный цвет обводки информация на светлом фоне */
-var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #093B5DFF)';
-
 /** Цвет обводки ошибка на светлом фоне */
 var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439)';
 
@@ -2496,18 +1878,6 @@ var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #81AADAFF)';
 /** Цвет обводки предупреждение на светлом фоне */
 var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #F3813FFF)';
 
-/** Инвертированный основной непрозрачный цвет обводки */
-var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ABABABFF)';
-
-/** Инвертированный третичный непрозрачный цвет обводки */
-var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #5C5C5CFF)';
-
-/** Инвертированный непрозрачный цвет обводки по умолчанию */
-var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #969696FF)';
-
-/** Инвертированный непрозрачный цвет обводки по умолчанию */
-var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #080808FF)';
-
 /** Инвертированный основной прозрачный цвет обводки */
 var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #15110F3D)';
 
@@ -2517,15 +1887,6 @@ var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-p
 /** Инвертированный основной прозрачный цвет обводки */
 var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #15110F62)';
 
-/** Инвертированный вторичный прозрачный цвет обводки */
-var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #969696FF)';
-
-/** Инвертированный третичный прозрачный цвет обводки */
-var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #969696FF)';
-
-/** Инвертированный третичный прозрачный цвет обводки */
-var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808FF)';
-
 /** Инвертированная бесцветная обводка */
 var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
 
@@ -2535,36 +1896,6 @@ var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
 /** Инвертированная бесцветная обводка */
 var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
 
-/** Инвертированный акцентный цвет обводки */
-var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #0F9527FF)';
-
-/** Инвертированный акцентный цвет обводки */
-var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #074A14FF)';
-
-/** Инвертированный акцентный минорный непрозрачный цвет обводки */
-var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #7AE68EFF)';
-
-/** Инвертированный акцентный минорный непрозрачный цвет обводки */
-var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #23B83EFF)';
-
-/** Инвертированный основной непрозрачный цвет обводки */
-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)';
-
-/** Инвертированный вторичный непрозрачный цвет обводки */
-var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #8F8F8FFF)';
-
-/** Инвертированный третичный непрозрачный цвет обводки */
-var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #A3A3A3FF)';
-
-/** Инвертированный цвет обводки успех */
-var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #20801EFF)';
-
 /** Инвертированный цвет обводки предупреждение */
 var inverseOutlineWarning = 'var(--inverse-outline-warning, #BE4E0C)';
 
@@ -2592,35 +1923,8 @@ var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #81AADAFF)';
 /** Инвертированный цвет обводки информация */
 var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #3067A6FF)';
 
-/** Инвертированный минорный цвет обводки успех */
-var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #7AE68EFF)';
-
-/** Инвертированный минорный цвет обводки успех */
-var inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #23B83EFF)';
-
-/** Инвертированный минорный цвет обводки предупреждение */
-var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB790FF)';
-
-/** Инвертированный минорный цвет обводки ошибка */
-var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFB8BFFF)';
-
-/** Инвертированный минорный цвет обводки ошибка */
-var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF6675FF)';
-
-/** Инвертированный минорный цвет обводки информация */
-var inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #A3DAFFFF)';
-
-/** Инвертированный минорный цвет обводки информация */
-var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #29A9FFFF)';
-
-/** Прозрачный инвертированный цвет обводки успех */
-var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #0F9527FF)';
-
-/** Прозрачный инвертированный цвет обводки успех */
-var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #074A14FF)';
-
-/** Прозрачный инвертированный акцентный цвет обводки */
-var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #074A14FF)';
+/** Инвертированный цвет обводки успех */
+var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #20801EFF)';
 
 /** Инвертированный цвет обводки успех */
 var inverseOutlinePositive = 'var(--inverse-outline-positive, #239322)';
@@ -2628,120 +1932,21 @@ var inverseOutlinePositive = 'var(--inverse-outline-positive, #239322)';
 /** Инвертированный цвет обводки успех */
 var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #32CA2FFF)';
 
-/** Цвет для readOnly */
-var inverseOutlineReadOnlyActive = 'var(--inverse-outline-read-only-active, #E0E0E0FF)';
-
-/** Желтый цвет для данных */
-var dataYellowHover = 'var(--data-yellow-hover, #F4B22FFF)';
-
-/** Желтый цвет для данных */
-var dataYellowActive = 'var(--data-yellow-active, #EDA20CFF)';
-
-/** Минорный желтый цвет для данных */
-var dataYellowMinorHover = 'var(--data-yellow-minor-hover, #B87A00FF)';
-
-/** Минорный желтый цвет для данных */
-var dataYellowMinorActive = 'var(--data-yellow-minor-active, #996600FF)';
-
-/** Прозрачный желтый цвет для данных */
-var dataYellowTransparentHover = 'var(--data-yellow-transparent-hover, #F4B22FFF)';
-
-/** Прозрачный желтый цвет для данных */
-var dataYellowTransparentActive = 'var(--data-yellow-transparent-active, #EDA20CFF)';
-
-/** Желтый цвет для данных на темном фоне */
-var onDarkDataYellowHover = 'var(--on-dark-data-yellow-hover, #F4B22FFF)';
-
-/** Желтый цвет для данных на темном фоне */
-var onDarkDataYellowActive = 'var(--on-dark-data-yellow-active, #EDA20CFF)';
-
-/** Минорный желтый цвет для данных на темном фоне */
-var onDarkDataYellowMinorHover = 'var(--on-dark-data-yellow-minor-hover, #B87A00FF)';
-
-/** Минорный желтый цвет для данных на темном фоне */
-var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #996600FF)';
-
-/** Прозрачный желтый цвет для данных на темном фоне */
-var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F4B22FFF)';
-
-/** Прозрачный желтый цвет для данных на темном фоне */
-var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #EDA20CFF)';
-
-/** Желтый цвет для данных на светлом фоне */
-var onLightDataYellowHover = 'var(--on-light-data-yellow-hover, #F5B638FF)';
-
-/** Желтый цвет для данных на светлом фоне */
-var onLightDataYellowActive = 'var(--on-light-data-yellow-active, #E49C0CFF)';
-
-/** Минорный желтый цвет для данных на светлом фоне */
-var onLightDataYellowMinorHover = 'var(--on-light-data-yellow-minor-hover, #FFCF70FF)';
-
-/** Минорный желтый цвет для данных на светлом фоне */
-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 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 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 inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #E49C0CFF)';
-
-/** Инвертированный прозрачный желтый цвет для данных */
-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 onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F6F2F0)';
 
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #BFEDE1FF)';
 
-/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
-var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFD6DAFF)';
-
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
 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 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 lightBackgroundGradient = 'var(--light-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
 
@@ -2827,7 +2032,7 @@ var onLightPersonasOliveSurfaceAccentGradient = 'var(--on-light-personas-olive-s
 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 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 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 onLightSurfaceAccentGradientSecondary = 'var(--on-light-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
@@ -2904,6 +2109,9 @@ var onDarkSurfaceAccentGradientSecondary = 'var(--on-dark-surface-accent-gradien
 /** 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%))';
 
+/** 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 surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
 
@@ -2916,9 +2124,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 inverseSurfaceAccentMinorGradient = 'var(--inverse-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))';
-
 /** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
 var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192)  0.0%, rgb(29, 145, 88) 100.0%))';
 
@@ -2928,27 +2133,27 @@ var onLightSurfaceAccentMinorGradient = 'var(--on-light-surface-accent-minor-gra
 /** Инвертированный акцентный фон поверхности/контрола с градиентом */
 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%))';
+
 /** 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 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 soft l */
+var shadowDownSoftL = 'var(--shadow-down-soft-l, 0rem 3.75rem 7rem -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 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)';
 
@@ -2964,17 +2169,17 @@ 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)';
+/** 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)';
 
 /** New description */
-var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
+var borderRadius4xl = 'var(--border-radius-4xl, 2rem)';
 
 /** New description */
 var borderRadius5xl = 'var(--border-radius-5xl, 2.5rem)';
 
-/** borderRadius circle */
-var borderRadiusCircle = 'var(--border-radius-circle, 100rem)';
+/** New description */
+var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
 
 /** borderRadius m */
 var borderRadiusM = 'var(--border-radius-m, 0.75rem)';
@@ -2997,12 +2202,12 @@ var borderRadiusS = 'var(--border-radius-s, 0.5rem)';
 /** borderRadius xl */
 var borderRadiusXl = 'var(--border-radius-xl, 1.25rem)';
 
+/** borderRadius circle */
+var borderRadiusCircle = 'var(--border-radius-circle, 100rem)';
+
 /** spacing 16x */
 var spacing16x = 'var(--spacing-16x, 2rem)';
 
-/** spacing 3x */
-var spacing3x = 'var(--spacing-3x, 0.375rem)';
-
 /** spacing 6x */
 var spacing6x = 'var(--spacing-6x, 0.75rem)';
 
@@ -3042,6 +2247,9 @@ var spacing0x = 'var(--spacing-0x, 0rem)';
 /** spacing 1x */
 var spacing1x = 'var(--spacing-1x, 0.125rem)';
 
+/** spacing 3x */
+var spacing3x = 'var(--spacing-3x, 0.375rem)';
+
 /** typography s body-xxs-bold */
 var bodyXXSBold = {
   fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)',
@@ -3332,6 +2540,16 @@ var bodyM = {
   lineHeight: 'var(--plasma-typo-body-m-line-height)'
 };
 
+/** typography s text-xs-medium */
+var textXSMedium = {
+  fontFamily: 'var(--plasma-typo-text-xs-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)'
+};
+
 /** typography s body-xxs-medium */
 var bodyXXSMedium = {
   fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
@@ -3341,10 +2559,120 @@ var bodyXXSMedium = {
   letterSpacing: 'var(--plasma-typo-body-xxs-medium-letter-spacing)',
   lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
 };
+
+/** typography s text-l */
+var textL = {
+  fontFamily: 'var(--plasma-typo-text-l-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-line-height)'
+};
+
+/** typography s text-s-medium */
+var textSMedium = {
+  fontFamily: 'var(--plasma-typo-text-s-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-medium-line-height)'
+};
+
+/** typography s text-l-bold */
+var textLBold = {
+  fontFamily: 'var(--plasma-typo-text-l-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-bold-line-height)'
+};
+
+/** typography s text-m */
+var textM = {
+  fontFamily: 'var(--plasma-typo-text-m-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-line-height)'
+};
+
+/** typography s text-l-medium */
+var textLMedium = {
+  fontFamily: 'var(--plasma-typo-text-l-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-medium-line-height)'
+};
+
+/** typography s text-s */
+var textS = {
+  fontFamily: 'var(--plasma-typo-text-s-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-line-height)'
+};
+
+/** typography s text-s-bold */
+var textSBold = {
+  fontFamily: 'var(--plasma-typo-text-s-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-bold-line-height)'
+};
+
+/** typography s text-m-bold */
+var textMBold = {
+  fontFamily: 'var(--plasma-typo-text-m-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-bold-line-height)'
+};
+
+/** typography s text-m-medium */
+var textMMedium = {
+  fontFamily: 'var(--plasma-typo-text-m-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-medium-line-height)'
+};
+
+/** typography s text-xs */
+var textXS = {
+  fontFamily: 'var(--plasma-typo-text-xs-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-line-height)'
+};
+
+/** typography s text-xs-bold */
+var textXSBold = {
+  fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)'
+};
 var viewContainer = {
-  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      "
+  dark: "\n        --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-outline-default-active: var(--on-light-outline-default-active);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\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-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --outline-default-active: var(--on-dark-outline-default-active);\n        --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\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        --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\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        --inverse-outline-default: var(--on-light-outline-default);\n        --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --inverse-background-hardline: var(--light-background-hardline);\n        --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\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        --text-primary-brightness-active: var(--on-dark-text-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-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-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-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-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\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-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\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-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n        --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-dark-outline-default-hover);\n        --outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\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-active: var(--on-light-personas-olive-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        --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\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-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-secondary: var(--on-dark-text-secondary);\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-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        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\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-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-transparent-primary-active: var(--on-dark-surface-transparent-primary-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-active: var(--on-dark-surface-positive-active);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\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        --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-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-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\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-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-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-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\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-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-clear-active: var(--on-dark-outline-clear-active);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\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-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-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-active: var(--on-light-outline-positive-active);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-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        --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        --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-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-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-outline-default-active: var(--on-dark-outline-default-active);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\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-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --outline-default-active: var(--on-light-outline-default-active);\n        --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\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        --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\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        --inverse-outline-default: var(--on-dark-outline-default);\n        --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --inverse-background-hardline: var(--dark-background-hardline);\n        --surface-transparent-navi: var(--on-light-surface-transparent-navi);\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        --text-primary-brightness-active: var(--on-light-text-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-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-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-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-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\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-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\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-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-light-outline-default-hover);\n        --outline-primary-hover: var(--on-light-outline-primary-hover);\n        --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\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-active: var(--on-dark-personas-olive-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        --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\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-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary: var(--on-light-text-secondary);\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-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        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\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-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-transparent-primary-active: var(--on-light-surface-transparent-primary-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-active: var(--on-light-surface-positive-active);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\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        --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-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-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\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-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-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-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\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-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-clear-active: var(--on-light-outline-clear-active);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\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-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-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-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-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        --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        --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-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      "
 };
 
-export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dataYellowActive, dataYellowHover, dataYellowMinorActive, dataYellowMinorHover, dataYellowTransparentActive, dataYellowTransparentHover, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseDataYellowActive, inverseDataYellowHover, inverseDataYellowMinorActive, inverseDataYellowMinorHover, inverseDataYellowTransparentActive, inverseDataYellowTransparentHover, inverseOutlineAccentActive, inverseOutlineAccentHover, inverseOutlineAccentMinorActive, inverseOutlineAccentMinorHover, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineInfoMinorActive, inverseOutlineInfoMinorHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlineNegativeMinorActive, inverseOutlineNegativeMinorHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePositiveMinorActive, inverseOutlinePositiveMinorHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineReadOnlyActive, inverseOutlineReadOnlyHover, inverseOutlineSolidDefaultActive, inverseOutlineSolidDefaultHover, inverseOutlineSolidPrimaryActive, inverseOutlineSolidPrimaryHover, inverseOutlineSolidSecondaryActive, inverseOutlineSolidSecondaryHover, inverseOutlineSolidTertiaryActive, inverseOutlineSolidTertiaryHover, inverseOutlineTransparentAccentActive, inverseOutlineTransparentAccentHover, inverseOutlineTransparentInfoActive, inverseOutlineTransparentInfoHover, inverseOutlineTransparentNegativeActive, inverseOutlineTransparentNegativeHover, inverseOutlineTransparentPositiveActive, inverseOutlineTransparentPositiveHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentSecondaryActive, inverseOutlineTransparentSecondaryHover, inverseOutlineTransparentTertiaryActive, inverseOutlineTransparentTertiaryHover, inverseOutlineTransparentWarningActive, inverseOutlineTransparentWarningHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWarningMinorActive, inverseOutlineWarningMinorHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceInfoMinorActive, inverseSurfaceInfoMinorHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfaceNegativeMinorActive, inverseSurfaceNegativeMinorHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfacePositiveMinorActive, inverseSurfacePositiveMinorHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentInfoActive, inverseSurfaceTransparentInfoHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentNegativeActive, inverseSurfaceTransparentNegativeHover, inverseSurfaceTransparentPositiveActive, inverseSurfaceTransparentPositiveHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceTransparentWarningActive, inverseSurfaceTransparentWarningHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseSurfaceWarningMinorActive, inverseSurfaceWarningMinorHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextInfoMinorActive, inverseTextInfoMinorHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextNegativeMinorActive, inverseTextNegativeMinorHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPositiveMinorActive, inverseTextPositiveMinorHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, inverseTextWarningMinorActive, inverseTextWarningMinorHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkDataYellowActive, onDarkDataYellowHover, onDarkDataYellowMinorActive, onDarkDataYellowMinorHover, onDarkDataYellowTransparentActive, onDarkDataYellowTransparentHover, onDarkOutlineAccentActive, onDarkOutlineAccentHover, onDarkOutlineAccentMinorActive, onDarkOutlineAccentMinorHover, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineInfoMinorActive, onDarkOutlineInfoMinorHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlineNegativeMinorActive, onDarkOutlineNegativeMinorHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePositiveMinorActive, onDarkOutlinePositiveMinorHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineReadOnlyActive, onDarkOutlineReadOnlyHover, onDarkOutlineSolidDefaultActive, onDarkOutlineSolidDefaultHover, onDarkOutlineSolidPrimaryActive, onDarkOutlineSolidPrimaryHover, onDarkOutlineSolidSecondaryActive, onDarkOutlineSolidSecondaryHover, onDarkOutlineSolidTertiaryActive, onDarkOutlineSolidTertiaryHover, onDarkOutlineTransparentAccentActive, onDarkOutlineTransparentAccentHover, onDarkOutlineTransparentInfoActive, onDarkOutlineTransparentInfoHover, onDarkOutlineTransparentNegativeActive, onDarkOutlineTransparentNegativeHover, onDarkOutlineTransparentPositiveActive, onDarkOutlineTransparentPositiveHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentSecondaryActive, onDarkOutlineTransparentSecondaryHover, onDarkOutlineTransparentTertiaryActive, onDarkOutlineTransparentTertiaryHover, onDarkOutlineTransparentWarningActive, onDarkOutlineTransparentWarningHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWarningMinorActive, onDarkOutlineWarningMinorHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceInfoMinorActive, onDarkSurfaceInfoMinorHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfaceNegativeMinorActive, onDarkSurfaceNegativeMinorHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfacePositiveMinorActive, onDarkSurfacePositiveMinorHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentInfoActive, onDarkSurfaceTransparentInfoHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentNegativeActive, onDarkSurfaceTransparentNegativeHover, onDarkSurfaceTransparentPositiveActive, onDarkSurfaceTransparentPositiveHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceTransparentWarningActive, onDarkSurfaceTransparentWarningHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkSurfaceWarningMinorActive, onDarkSurfaceWarningMinorHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextInfoMinorActive, onDarkTextInfoMinorHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextNegativeMinorActive, onDarkTextNegativeMinorHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPositiveMinorActive, onDarkTextPositiveMinorHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onDarkTextWarningMinorActive, onDarkTextWarningMinorHover, onLightDataYellowActive, onLightDataYellowHover, onLightDataYellowMinorActive, onLightDataYellowMinorHover, onLightDataYellowTransparentActive, onLightDataYellowTransparentHover, onLightOutlineAccentActive, onLightOutlineAccentHover, onLightOutlineAccentMinorActive, onLightOutlineAccentMinorHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineInfoMinorActive, onLightOutlineInfoMinorHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlineNegativeMinorActive, onLightOutlineNegativeMinorHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePositiveMinorActive, onLightOutlinePositiveMinorHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineReadOnlyActive, onLightOutlineReadOnlyHover, onLightOutlineSolidDefaultActive, onLightOutlineSolidDefaultHover, onLightOutlineSolidPrimaryActive, onLightOutlineSolidPrimaryHover, onLightOutlineSolidSecondaryActive, onLightOutlineSolidSecondaryHover, onLightOutlineSolidTertiaryActive, onLightOutlineSolidTertiaryHover, onLightOutlineTransparentAccentActive, onLightOutlineTransparentAccentHover, onLightOutlineTransparentInfoActive, onLightOutlineTransparentInfoHover, onLightOutlineTransparentNegativeActive, onLightOutlineTransparentNegativeHover, onLightOutlineTransparentPositiveActive, onLightOutlineTransparentPositiveHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentSecondaryActive, onLightOutlineTransparentSecondaryHover, onLightOutlineTransparentTertiaryActive, onLightOutlineTransparentTertiaryHover, onLightOutlineTransparentWarningActive, onLightOutlineTransparentWarningHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWarningMinorActive, onLightOutlineWarningMinorHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceInfoMinorActive, onLightSurfaceInfoMinorHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfaceNegativeMinorActive, onLightSurfaceNegativeMinorHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfacePositiveMinorActive, onLightSurfacePositiveMinorHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentInfoActive, onLightSurfaceTransparentInfoHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentNegativeActive, onLightSurfaceTransparentNegativeHover, onLightSurfaceTransparentPositiveActive, onLightSurfaceTransparentPositiveHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceTransparentWarningActive, onLightSurfaceTransparentWarningHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightSurfaceWarningMinorActive, onLightSurfaceWarningMinorHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextInfoMinorActive, onLightTextInfoMinorHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextNegativeMinorActive, onLightTextNegativeMinorHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPositiveMinorActive, onLightTextPositiveMinorHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, onLightTextWarningMinorActive, onLightTextWarningMinorHover, outlineAccentActive, outlineAccentHover, outlineAccentMinorActive, outlineAccentMinorHover, outlineClear, outlineClearActive, outlineClearHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineInfoMinorActive, outlineInfoMinorHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlineNegativeMinorActive, outlineNegativeMinorHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePositiveMinorActive, outlinePositiveMinorHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineReadOnlyActive, outlineReadOnlyHover, outlineSolidDefaultActive, outlineSolidDefaultHover, outlineSolidPrimaryActive, outlineSolidPrimaryHover, outlineSolidSecondaryActive, outlineSolidSecondaryHover, outlineSolidTertiaryActive, outlineSolidTertiaryHover, outlineTransparentAccentActive, outlineTransparentAccentHover, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegativeActive, outlineTransparentNegativeHover, outlineTransparentPositiveActive, outlineTransparentPositiveHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineTransparentSecondaryActive, outlineTransparentSecondaryHover, outlineTransparentTertiaryActive, outlineTransparentTertiaryHover, outlineTransparentWarningActive, outlineTransparentWarningHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWarningMinorActive, outlineWarningMinorHover, outlineWhiteGradient, overlayGradient, overlayHard, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceInfoMinorActive, surfaceInfoMinorHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfaceNegativeMinorActive, surfaceNegativeMinorHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfacePositiveMinorActive, surfacePositiveMinorHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentInfoActive, surfaceTransparentInfoHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentNegativeActive, surfaceTransparentNegativeHover, surfaceTransparentPositiveActive, surfaceTransparentPositiveHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceTransparentWarningActive, surfaceTransparentWarningHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, surfaceWarningMinorActive, surfaceWarningMinorHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textInfoMinorActive, textInfoMinorHover, textNegative, textNegativeActive, textNegativeHover, textNegativeMinorActive, textNegativeMinorHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPositiveMinorActive, textPositiveMinorHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, textWarningMinorActive, textWarningMinorHover, viewContainer };
+export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineClear, outlineClearActive, outlineClearHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWhiteGradient, overlayGradient, overlayHard, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textL, textLBold, textLMedium, textM, textMBold, textMMedium, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textS, textSBold, textSMedium, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, textXS, textXSBold, textXSMedium, viewContainer };
 //# sourceMappingURL=index.js.map