@salutejs-ds/sdds_sbcom 0.1.10 → 0.1.11

package/theme/tokens/index.js

@@ -8,628 +8,625 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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 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, #FFFFFFA8)';
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness-hover, #303030FF)';
 
-/** null */
-var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFAD)';
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+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)';
 
-/** null */
-var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryBrightnessActive = 'var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)';
 
 /** null */
-var onDarkPersonasIndigoTextAccentHover = 'var(--on-dark-personas-indigo-text-accent-hover, #E8DAFCFF)';
+var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
 
 /** null */
-var onDarkPersonasIndigoTextAccentActive = 'var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)';
+var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent, #BD91F5)';
 
 /** null */
-var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)';
+var inversePersonasPinkTextAccent = 'var(--inverse-personas-pink-text-accent, #F7A4A4)';
 
-/** null */
-var onDarkSurfaceAccentSecondaryActive = 'var(--on-dark-surface-accent-secondary-active, #59C5ACFF)';
+/** Цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
 
 /** null */
-var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-accent-hover, #8CDECAFF)';
+var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
 
 /** null */
-var inversePersonasGreenTextAccentActive = 'var(--inverse-personas-green-text-accent-active, #4CCDACFF)';
+var inversePersonasOchreTextAccent = 'var(--inverse-personas-ochre-text-accent, #D15A11)';
 
-/** null */
-var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-accent-hover, #E47777FF)';
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #424242FF)';
 
-/** null */
-var onLightPersonasPinkTextAccentActive = 'var(--on-light-personas-pink-text-accent-active, #D73333FF)';
+/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #FFFFFFFF)';
 
 /** null */
-var onDarkPersonasOchreTextAccent = 'var(--on-dark-personas-ochre-text-accent, #F4B49B)';
+var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
 
-/** null */
-var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #70CDB7FF)';
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardBrightnessHover = 'var(--on-light-surface-transparent-card-brightness-hover, #FFFFFFFF)';
 
-/** null */
-var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
+/** Основной цвет текста */
+var textPrimary = 'var(--text-primary, #FFFFFFFC)';
 
-/** null */
-var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #60C7AFFF)';
 
 /** null */
-var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0BA68647)';
+var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
 
 /** null */
-var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
+var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
 
-/** null */
-var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardBrightnessActive = 'var(--on-light-surface-transparent-card-brightness-active, #FFFFFFFF)';
 
-/** null */
-var personasIndigoTextAccentActive = 'var(--personas-indigo-text-accent-active, #AA73F2FF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #043F34FF)';
 
-/** null */
-var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardBrightnessHover = 'var(--on-light-surface-solid-card-brightness-hover, #FFFFFFFF)';
 
-/** null */
-var onDarkPersonasVioletTextAccentActive = 'var(--on-dark-personas-violet-text-accent-active, #D982E8FF)';
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardBrightnessActive = 'var(--on-light-surface-solid-card-brightness-active, #FFFFFFFF)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryBrightnessHover = 'var(--inverse-surface-solid-primary-brightness-hover, #FFFFFFFF)';
+
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryBrightnessActive = 'var(--inverse-surface-solid-primary-brightness-active, #FFFFFFFF)';
+
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardBrightnessHover = 'var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)';
+
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #A3420AFF)';
 
 /** null */
-var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
+var onLightPersonasVioletTextAccent = 'var(--on-light-personas-violet-text-accent, #9E32AF)';
 
 /** null */
-var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)';
+var onLightPersonasOchreTextAccent = 'var(--on-light-personas-ochre-text-accent, #D15A11)';
 
 /** null */
-var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
+var onDarkPersonasIndigoTextAccent = 'var(--on-dark-personas-indigo-text-accent, #BD91F5)';
 
 /** null */
-var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFAD)';
+var onDarkSurfaceAccentSecondary = 'var(--on-dark-surface-accent-secondary, #61C8B0)';
 
 /** null */
-var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
+var inversePersonasGreenTextAccent = 'var(--inverse-personas-green-text-accent, #6CD5BB)';
 
 /** null */
-var backgroundHardline = 'var(--background-hardline, #000000)';
+var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
 
 /** null */
-var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1063BA)';
+var surfaceAccentSecondary = 'var(--surface-accent-secondary, #61C8B0)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinor = 'var(--surface-accent-minor, #04473B)';
+
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #424242FF)';
+
+/** Вторичный фон на светлом фоне */
+var lightBackgroundSecondary = 'var(--light-background-secondary, #F6F2F0)';
+
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #FFFFFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #D0F2E9)';
+
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardBrightnessActive = 'var(--inverse-surface-transparent-card-brightness-active, #FFFFFFFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
+
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D0F2E9)';
+
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardBrightnessActive = 'var(--inverse-surface-solid-card-brightness-active, #FFFFFFFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #055C4CFF)';
 
 /** null */
-var onDarkPersonasBlueTextAccentHover = 'var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)';
+var onDarkPersonasVioletTextAccent = 'var(--on-dark-personas-violet-text-accent, #E19DED)';
 
 /** null */
-var inversePersonasVioletTextAccent = 'var(--inverse-personas-violet-text-accent, #9E32AF)';
+var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #FFFFFF99)';
 
 /** null */
-var onDarkPersonasBlueTextAccentActive = 'var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)';
+var onDarkPersonasBlueTextAccent = 'var(--on-dark-personas-blue-text-accent, #79B3F2)';
 
 /** null */
-var inverseSurfaceTransparentAccentMinor = 'var(--inverse-surface-transparent-accent-minor, #0BA68647)';
+var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
 
 /** null */
-var onLightPersonasIndigoTextAccentHover = 'var(--on-light-personas-indigo-text-accent-hover, #000000FF)';
+var onLightPersonasSeaBlueTextAccent = 'var(--on-light-personas-sea-blue-text-accent, #00898D)';
 
 /** null */
-var onLightPersonasBlueTextAccent = 'var(--on-light-personas-blue-text-accent, #1063BA)';
+var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
 
 /** null */
-var onLightPersonasIndigoTextAccentActive = 'var(--on-light-personas-indigo-text-accent-active, #5B2999FF)';
+var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
 
 /** null */
-var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #23232399)';
+var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-accent-minor, #0BA68647)';
+
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
 
 /** null */
-var onLightPersonasSeaBlueTextAccentHover = 'var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)';
+var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
 
 /** null */
-var inverseOutlinePrimary = 'var(--inverse-outline-primary, #DDD9D7)';
+var onDarkPersonasGreenTextAccentHover = 'var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)';
 
 /** null */
-var onLightPersonasSeaBlueTextAccentActive = 'var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)';
+var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
 
 /** null */
-var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
+var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
 
 /** null */
-var inversePersonasOliveTextAccentHover = 'var(--inverse-personas-olive-text-accent-hover, #1DB71AFF)';
+var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
 
 /** null */
-var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
+var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
 
 /** null */
-var personasOchreTextAccentHover = 'var(--personas-ochre-text-accent-hover, #F7C8B6FF)';
+var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
 
 /** null */
-var onDarkOutlineDefault = 'var(--on-dark-outline-default, #383838)';
+var personasGreenTextAccentActive = 'var(--personas-green-text-accent-active, #03A57FFF)';
 
 /** null */
-var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
+var personasSeaBlueTextAccentActive = 'var(--personas-sea-blue-text-accent-active, #00A8ADFF)';
 
 /** null */
-var personasGreenTextAccent = 'var(--personas-green-text-accent, #038768)';
+var inverseSurfaceAccentSecondaryActive = 'var(--inverse-surface-accent-secondary-active, #3CAF94FF)';
 
 /** null */
-var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
+var onDarkPersonasPinkTextAccentActive = 'var(--on-dark-personas-pink-text-accent-active, #F58A8AFF)';
 
 /** null */
-var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
+var outlinePrimaryActive = 'var(--outline-primary-active, #665C57FF)';
 
 /** null */
-var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
+var inversePersonasIndigoTextAccentActive = 'var(--inverse-personas-indigo-text-accent-active, #A46AF1FF)';
 
 /** null */
-var inverseSurfaceAccentSecondary = 'var(--inverse-surface-accent-secondary, #41BDA1)';
+var inversePersonasPinkTextAccentActive = 'var(--inverse-personas-pink-text-accent-active, #F48080FF)';
 
 /** null */
-var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)';
+var onDarkPersonasOliveTextAccentActive = 'var(--on-dark-personas-olive-text-accent-active, #7DC07CFF)';
 
 /** null */
-var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
+var onDarkSurfaceAccentSecondaryActive = 'var(--on-dark-surface-accent-secondary-active, #59C5ACFF)';
 
 /** null */
-var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
+var inversePersonasGreenTextAccentActive = 'var(--inverse-personas-green-text-accent-active, #4CCDACFF)';
 
 /** null */
-var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
+var onLightPersonasPinkTextAccentActive = 'var(--on-light-personas-pink-text-accent-active, #D73333FF)';
 
 /** null */
-var surfaceTransparentNavi = 'var(--surface-transparent-navi, #FFFFFF99)';
+var personasIndigoTextAccentActive = 'var(--personas-indigo-text-accent-active, #AA73F2FF)';
 
 /** null */
-var onDarkPersonasSeaBlueTextAccentActive = 'var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)';
+var onDarkPersonasVioletTextAccentActive = 'var(--on-dark-personas-violet-text-accent-active, #D982E8FF)';
 
 /** null */
-var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
+var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)';
 
 /** null */
-var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #0BA6863D)';
+var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFAD)';
 
 /** null */
-var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
+var inversePersonasOliveTextAccentHover = 'var(--inverse-personas-olive-text-accent-hover, #1DB71AFF)';
 
 /** null */
-var onLightPersonasGreenTextAccent = 'var(--on-light-personas-green-text-accent, #038768)';
+var personasOchreTextAccentHover = 'var(--personas-ochre-text-accent-hover, #F7C8B6FF)';
 
 /** null */
-var personasBlueTextAccentHover = 'var(--personas-blue-text-accent-hover, #C3DDF9FF)';
+var inverseSurfaceAccentSecondary = 'var(--inverse-surface-accent-secondary, #41BDA1)';
 
 /** null */
-var outlineDefault = 'var(--outline-default, #FFFFFF)';
+var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
 
 /** null */
-var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
+var onDarkPersonasSeaBlueTextAccentActive = 'var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)';
 
-/** Основной цвет текста */
-var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93)';
+/** null */
+var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #0BA6863D)';
 
 /** null */
-var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
+var onLightPersonasGreenTextAccent = 'var(--on-light-personas-green-text-accent, #038768)';
 
 /** Основной цвет текста */
-var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
-
-/** null */
-var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
+var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93)';
 
 /** Основной цвет текста на темном фоне */
 var onDarkTextPrimaryBrightnessHover = 'var(--on-dark-text-primary-brightness-hover, #FAFAFA93)';
 
 /** 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 personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
 
 /** null */
-var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
+var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
 
 /** null */
-var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent, #BD91F5)';
+var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
 
 /** null */
-var inversePersonasPinkTextAccent = 'var(--inverse-personas-pink-text-accent, #F7A4A4)';
-
-/** Цвет обводки успех на светлом фоне */
-var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
+var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
 
 /** null */
-var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
+var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
 
 /** null */
-var inversePersonasOchreTextAccent = 'var(--inverse-personas-ochre-text-accent, #D15A11)';
+var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
 
-/** Третичный непрозрачный фон поверхности/контрола */
-var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #424242FF)';
+/** null */
+var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
 
-/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #FFFFFFFF)';
+/** null */
+var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
 
 /** null */
-var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
+var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)';
 
-/** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCardBrightnessHover = 'var(--on-light-surface-transparent-card-brightness-hover, #FFFFFFFF)';
+/** null */
+var onLightPersonasBlueTextAccentHover = 'var(--on-light-personas-blue-text-accent-hover, #1477E1FF)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #043F34FF)';
+/** null */
+var onDarkSurfaceTransparentNaviHover = 'var(--on-dark-surface-transparent-navi-hover, #242424B8)';
 
-/** Основной цвет текста */
-var textPrimary = 'var(--text-primary, #FFFFFFFC)';
+/** null */
+var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
 
-/** Акцентный минорный цвет на темном фоне */
-var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #60C7AFFF)';
+/** null */
+var onLightSurfaceAccentSecondaryHover = 'var(--on-light-surface-accent-secondary-hover, #50C3A8FF)';
 
 /** null */
-var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
+var surfaceTransparentNaviHover = 'var(--surface-transparent-navi-hover, #FFFFFFB8)';
 
 /** null */
-var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
-
-/** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCardBrightnessActive = 'var(--on-light-surface-transparent-card-brightness-active, #FFFFFFFF)';
+var onLightSurfaceTransparentAccentMinorHover = 'var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)';
 
-/** Основной фон для карточек на светлом фоне */
-var onLightSurfaceSolidCardBrightnessHover = 'var(--on-light-surface-solid-card-brightness-hover, #FFFFFFFF)';
+/** null */
+var onLightPersonasGreenTextAccentHover = 'var(--on-light-personas-green-text-accent-hover, #04D7A6FF)';
 
-/** Основной фон для карточек на светлом фоне */
-var onLightSurfaceSolidCardBrightnessActive = 'var(--on-light-surface-solid-card-brightness-active, #FFFFFFFF)';
+/** null */
+var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
 
-/** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimaryBrightnessHover = 'var(--inverse-surface-solid-primary-brightness-hover, #FFFFFFFF)';
+/** null */
+var onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #6B6461FF)';
 
-/** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimaryBrightnessActive = 'var(--inverse-surface-solid-primary-brightness-active, #FFFFFFFF)';
+/** null */
+var onDarkPersonasPinkTextAccentHover = 'var(--on-dark-personas-pink-text-accent-hover, #F26E6EFF)';
 
-/** Инвертированный прозрачный фон для карточек */
-var inverseSurfaceTransparentCardBrightnessHover = 'var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)';
+/** null */
+var outlinePrimaryHover = 'var(--outline-primary-hover, #91847EFF)';
 
-/** Цвет обводки предупреждение на светлом фоне */
-var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #A3420AFF)';
+/** null */
+var inversePersonasIndigoTextAccentHover = 'var(--inverse-personas-indigo-text-accent-hover, #D2B4F8FF)';
 
 /** null */
-var onLightPersonasVioletTextAccent = 'var(--on-light-personas-violet-text-accent, #9E32AF)';
+var inversePersonasPinkTextAccentHover = 'var(--inverse-personas-pink-text-accent-hover, #FBCBCBFF)';
 
 /** null */
-var onLightPersonasOchreTextAccent = 'var(--on-light-personas-ochre-text-accent, #D15A11)';
+var personasOliveTextAccentHover = 'var(--personas-olive-text-accent-hover, #A6D4A5FF)';
 
 /** null */
-var onDarkPersonasIndigoTextAccent = 'var(--on-dark-personas-indigo-text-accent, #BD91F5)';
+var inversePersonasOchreTextAccentHover = 'var(--inverse-personas-ochre-text-accent-hover, #ED6C1DFF)';
 
 /** null */
-var onDarkSurfaceAccentSecondary = 'var(--on-dark-surface-accent-secondary, #61C8B0)';
+var inverseSurfaceTransparentNaviHover = 'var(--inverse-surface-transparent-navi-hover, #FFFFFFA8)';
 
 /** null */
-var inversePersonasGreenTextAccent = 'var(--inverse-personas-green-text-accent, #6CD5BB)';
+var onLightPersonasOliveTextAccentHover = 'var(--on-light-personas-olive-text-accent-hover, #1DB71AFF)';
 
 /** null */
-var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
+var onLightPersonasVioletTextAccentHover = 'var(--on-light-personas-violet-text-accent-hover, #B740C9FF)';
 
 /** null */
-var surfaceAccentSecondary = 'var(--surface-accent-secondary, #61C8B0)';
+var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола */
-var surfaceAccentMinor = 'var(--surface-accent-minor, #04473B)';
+/** null */
+var onDarkPersonasIndigoTextAccentHover = 'var(--on-dark-personas-indigo-text-accent-hover, #E8DAFCFF)';
 
-/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #424242FF)';
+/** null */
+var onDarkPersonasOchreTextAccent = 'var(--on-dark-personas-ochre-text-accent, #F4B49B)';
 
-/** Вторичный фон на светлом фоне */
-var lightBackgroundSecondary = 'var(--light-background-secondary, #F6F2F0)';
+/** null */
+var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
 
-/** Инвертированный третичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #FFFFFF)';
+/** null */
+var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0BA68647)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #D0F2E9)';
+/** null */
+var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
 
-/** Инвертированный прозрачный фон для карточек */
-var inverseSurfaceTransparentCardBrightnessActive = 'var(--inverse-surface-transparent-card-brightness-active, #FFFFFFFF)';
+/** null */
+var backgroundHardline = 'var(--background-hardline, #000000)';
 
-/** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
+/** null */
+var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1063BA)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
+/** null */
+var inversePersonasVioletTextAccent = 'var(--inverse-personas-violet-text-accent, #9E32AF)';
 
-/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D0F2E9)';
+/** null */
+var inverseSurfaceTransparentAccentMinor = 'var(--inverse-surface-transparent-accent-minor, #0BA68647)';
 
-/** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardBrightnessActive = 'var(--inverse-surface-solid-card-brightness-active, #FFFFFFFF)';
+/** null */
+var onLightPersonasBlueTextAccent = 'var(--on-light-personas-blue-text-accent, #1063BA)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #055C4CFF)';
+/** null */
+var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #23232399)';
 
 /** null */
-var personasPinkTextAccent = 'var(--personas-pink-text-accent, #DE5555)';
+var inverseOutlinePrimary = 'var(--inverse-outline-primary, #DDD9D7)';
 
 /** null */
-var personasIndigoTextAccent = 'var(--personas-indigo-text-accent, #BD91F5)';
+var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
 
 /** null */
-var onDarkPersonasVioletTextAccent = 'var(--on-dark-personas-violet-text-accent, #E19DED)';
+var onDarkOutlineDefault = 'var(--on-dark-outline-default, #383838)';
 
 /** null */
-var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #FFFFFF99)';
+var personasGreenTextAccent = 'var(--personas-green-text-accent, #038768)';
 
 /** null */
-var onDarkPersonasBlueTextAccent = 'var(--on-dark-personas-blue-text-accent, #79B3F2)';
+var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
 
 /** null */
-var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
+var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
 
 /** null */
-var onLightPersonasSeaBlueTextAccent = 'var(--on-light-personas-sea-blue-text-accent, #00898D)';
+var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
 
 /** null */
-var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
+var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
 
 /** null */
-var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
+var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
 
 /** null */
-var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-accent-minor, #0BA68647)';
+var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
 
-/** Цвет предупреждения на светлом фоне */
-var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryBrightnessHover = 'var(--on-light-text-primary-brightness-hover, #17171793)';
 
-/** null */
-var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryBrightnessHover = 'var(--inverse-text-primary-brightness-hover, #17171793)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightnessActive = 'var(--surface-solid-primary-brightness-active, #212121FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryBrightnessHover = 'var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)';
+
+/** Инвертированный основной фон для карточек */
+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)';
@@ -697,6 +694,9 @@ var textInfoActive = 'var(--text-info-active, #53A3F3FF)';
 /** Вторичный цвет текста */
 var textSecondaryHover = 'var(--text-secondary-hover, #F5F1EFFF)';
 
+/** Вторичный цвет текста */
+var textSecondary = 'var(--text-secondary, #F6F2F0A3)';
+
 /** Основной цвет текста */
 var textPrimaryActive = 'var(--text-primary-active, #FFFFFFCA)';
 
@@ -715,9 +715,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)';
 
@@ -781,6 +778,9 @@ var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #53A3F3FF)';
 /** Основной цвет текста на темном фоне */
 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)';
 
@@ -952,9 +952,6 @@ var onLightTextInfoActive = 'var(--on-light-text-info-active, #194B85FF)';
 /** Цвет ошибки на светлом фоне */
 var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #E3353BFF)';
 
-/** Инвертированный цвет предупреждения */
-var inverseTextWarningActive = 'var(--inverse-text-warning-active, #6F2D06FF)';
-
 /** Инвертированный цвет ошибки */
 var inverseTextNegative = 'var(--inverse-text-negative, #D11D23)';
 
@@ -976,6 +973,9 @@ var inverseTextInfoActive = 'var(--inverse-text-info-active, #194B85FF)';
 /** Основной непрозрачный фон поверхности/контрола */
 var surfaceSolidPrimary = 'var(--surface-solid-primary, #232323)';
 
+/** Инвертированный цвет предупреждения */
+var inverseTextWarningActive = 'var(--inverse-text-warning-active, #6F2D06FF)';
+
 /** Основной непрозрачный фон поверхности/контрола */
 var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #2E2E2EFF)';
 
@@ -1015,9 +1015,6 @@ var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #BC4C0BFF)';
 /** Инвертированный цвет успеха */
 var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #185E17FF)';
 
-/** Основной прозрачный фон поверхности/контрола */
-var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0F)';
-
 /** Вторичный прозрачный фон поверхности/контрола */
 var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
 
@@ -1117,8 +1114,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)';
@@ -1147,6 +1144,9 @@ var surfaceInfoHover = 'var(--surface-info-hover, #AED4F9FF)';
 /** Цвет фона поверхности/контрола информация */
 var surfaceInfoActive = 'var(--surface-info-active, #91C4F7FF)';
 
+/** Цвет фона поверхности/контрола успех */
+var surfacePositiveActive = 'var(--surface-positive-active, #9FCF9BFF)';
+
 /** Цвет фона поверхности/контрола успех */
 var surfacePositive = 'var(--surface-positive, #A6D2A2)';
 
@@ -1189,9 +1189,6 @@ var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #474747)
 /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #525252FF)';
 
-/** Основной прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0F)';
-
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
 
@@ -1276,6 +1273,9 @@ var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-pr
 /** Основной фон для карточек на темном фоне */
 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)';
 
@@ -1357,9 +1357,6 @@ var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #FFFFF
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #FFFFFFFF)';
 
-/** Основной прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #15110F0F)';
-
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #15110F14)';
 
@@ -1444,6 +1441,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)';
 
@@ -1519,9 +1519,6 @@ var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-h
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
 
-/** Инвертированный основной прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #15110F0D)';
-
 /** Инвертированный основной прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #15110F0F)';
 
@@ -1606,6 +1603,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)';
 
@@ -1900,9 +1900,6 @@ var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
 /** Инвертированная бесцветная обводка */
 var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
 
-/** Инвертированный цвет обводки успех */
-var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #20801EFF)';
-
 /** Инвертированный цвет обводки предупреждение */
 var inverseOutlineWarning = 'var(--inverse-outline-warning, #BE4E0C)';
 
@@ -1930,6 +1927,9 @@ var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #81AADAFF)';
 /** Инвертированный цвет обводки информация */
 var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #3067A6FF)';
 
+/** Инвертированный цвет обводки успех */
+var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #20801EFF)';
+
 /** Инвертированный цвет обводки успех */
 var inverseOutlinePositive = 'var(--inverse-outline-positive, #239322)';
 
@@ -1951,9 +1951,6 @@ var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover,
 /** 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%))';
 
@@ -2039,7 +2036,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%))';
@@ -2116,6 +2113,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%))';
 
@@ -2128,9 +2128,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%))';
 
@@ -2140,27 +2137,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)';
 
@@ -2176,17 +2173,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)';
@@ -2209,12 +2206,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)';
 
@@ -2254,6 +2251,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)',
@@ -2544,6 +2544,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)',
@@ -2553,9 +2563,119 @@ 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-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-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\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        --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        --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-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        --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: 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-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-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-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: 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        --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-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-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\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        --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        --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-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        --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: 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-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-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-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: 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        --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      "
 };
 
 exports.backgroundGradient = backgroundGradient;
@@ -3314,6 +3434,12 @@ exports.textAccentMinorHover = textAccentMinorHover;
 exports.textInfo = textInfo;
 exports.textInfoActive = textInfoActive;
 exports.textInfoHover = textInfoHover;
+exports.textL = textL;
+exports.textLBold = textLBold;
+exports.textLMedium = textLMedium;
+exports.textM = textM;
+exports.textMBold = textMBold;
+exports.textMMedium = textMMedium;
 exports.textNegative = textNegative;
 exports.textNegativeActive = textNegativeActive;
 exports.textNegativeHover = textNegativeHover;
@@ -3329,6 +3455,9 @@ exports.textPrimaryBrightness = textPrimaryBrightness;
 exports.textPrimaryBrightnessActive = textPrimaryBrightnessActive;
 exports.textPrimaryBrightnessHover = textPrimaryBrightnessHover;
 exports.textPrimaryHover = textPrimaryHover;
+exports.textS = textS;
+exports.textSBold = textSBold;
+exports.textSMedium = textSMedium;
 exports.textSecondary = textSecondary;
 exports.textSecondaryActive = textSecondaryActive;
 exports.textSecondaryHover = textSecondaryHover;
@@ -3338,5 +3467,8 @@ exports.textTertiaryHover = textTertiaryHover;
 exports.textWarning = textWarning;
 exports.textWarningActive = textWarningActive;
 exports.textWarningHover = textWarningHover;
+exports.textXS = textXS;
+exports.textXSBold = textXSBold;
+exports.textXSMedium = textXSMedium;
 exports.viewContainer = viewContainer;
 //# sourceMappingURL=index.js.map