@salutejs-ds/sdds_sbcom 0.1.15 → 0.1.17

package/theme/tokens/index.js

@@ -19,12 +19,12 @@ var inversePersonasVioletTextAccentActive = 'var(--inverse-personas-violet-text-
 /** Default Hover On Light */
 var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
 
-/** Default Hover On Dark */
-var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #666666FF)';
-
 /** Default Active On Dark */
 var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
 
+/** Default Hover On Dark */
+var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #666666FF)';
+
 /** Green Text Accent Hover Default */
 var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
 
@@ -118,107 +118,101 @@ var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFA
 /** Прозрачный фон для карточек */
 var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
 
+/** Основной фон для карточек */
+var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
+
 /** Основной фон для карточек */
 var surfaceSolidCardBrightnessActive = 'var(--surface-solid-card-brightness-active, #212121FF)';
 
 /** Основной непрозрачный фон поверхности/контрола */
 var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness-hover, #303030FF)';
 
-/** Прозрачный фон для карточек */
-var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryBrightnessHover = 'var(--on-light-surface-solid-primary-brightness-hover, #FFFFFFFF)';
 
-/** Основной фон для карточек */
-var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryBrightnessActive = 'var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)';
 
-/** Прозрачный фон для карточек на темном фоне */
-var onDarkSurfaceTransparentCardBrightnessHover = 'var(--on-dark-surface-transparent-card-brightness-hover, #FAFAFA1F)';
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardBrightnessActive = 'var(--on-dark-surface-solid-card-brightness-active, #212121FF)';
 
 /** Прозрачный фон для карточек на темном фоне */
-var onDarkSurfaceTransparentCardBrightnessActive = 'var(--on-dark-surface-transparent-card-brightness-active, #FAFAFA0A)';
+var onDarkSurfaceTransparentCardBrightnessHover = 'var(--on-dark-surface-transparent-card-brightness-hover, #FAFAFA1F)';
 
 /** Основной фон для карточек на темном фоне */
 var onDarkSurfaceSolidCardBrightnessHover = 'var(--on-dark-surface-solid-card-brightness-hover, #303030FF)';
 
-/** Основной фон для карточек на темном фоне */
-var onDarkSurfaceSolidCardBrightnessActive = 'var(--on-dark-surface-solid-card-brightness-active, #212121FF)';
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardBrightnessActive = 'var(--on-dark-surface-transparent-card-brightness-active, #FAFAFA0A)';
 
-/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidPrimaryBrightnessHover = 'var(--on-light-surface-solid-primary-brightness-hover, #FFFFFFFF)';
+/** On Light Personas Olive Text Accent */
+var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
 
-/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidPrimaryBrightnessActive = 'var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)';
+/** On Dark Personas Olive Text Accent */
+var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
 
-/** Inverse Personas Indigo Text Accent */
-var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent, #BD91F5)';
+/** Inverse Personas Ochre Text Accent */
+var inversePersonasOchreTextAccent = 'var(--inverse-personas-ochre-text-accent, #D15A11)';
 
 /** Inverse Personas Pink Text Accent */
 var inversePersonasPinkTextAccent = 'var(--inverse-personas-pink-text-accent, #F7A4A4)';
 
-/** Personas Olive Text Accent */
-var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #424242FF)';
 
-/** Цвет обводки успех на светлом фоне */
-var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryBrightnessHover = 'var(--inverse-surface-solid-primary-brightness-hover, #FFFFFFFF)';
 
-/** Inverse Personas Ochre Text Accent */
-var inversePersonasOchreTextAccent = 'var(--inverse-personas-ochre-text-accent, #D15A11)';
+/** Основной цвет текста */
+var textPrimary = 'var(--text-primary, #FFFFFFFC)';
 
-/** On Dark Personas Olive Text Accent */
-var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
+/** Inverse Surface Transparent Navi */
+var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
 
-/** Третичный непрозрачный фон поверхности/контрола */
-var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #424242FF)';
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardBrightnessHover = 'var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)';
 
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #FFFFFFFF)';
 
-/** Inverse Surface Transparent Navi */
-var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
+/** Inverse Personas Indigo Text Accent */
+var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent, #BD91F5)';
 
-/** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCardBrightnessHover = 'var(--on-light-surface-transparent-card-brightness-hover, #FFFFFFFF)';
+/** Инвертированный основной непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidPrimaryBrightnessActive = 'var(--inverse-surface-solid-primary-brightness-active, #FFFFFFFF)';
 
-/** Основной цвет текста */
-var textPrimary = 'var(--text-primary, #FFFFFFFC)';
+/** Personas Olive Text Accent */
+var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
 
 /** Акцентный минорный цвет на темном фоне */
 var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #60C7AFFF)';
 
-/** On Light Personas Olive Text Accent */
-var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
-
 /** Прозрачный фон для карточек на светлом фоне */
 var onLightSurfaceTransparentCardBrightnessActive = 'var(--on-light-surface-transparent-card-brightness-active, #FFFFFFFF)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #043F34FF)';
-
-/** Основной фон для карточек на светлом фоне */
-var onLightSurfaceSolidCardBrightnessHover = 'var(--on-light-surface-solid-card-brightness-hover, #FFFFFFFF)';
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardBrightnessHover = 'var(--on-light-surface-transparent-card-brightness-hover, #FFFFFFFF)';
 
 /** Основной фон для карточек на светлом фоне */
 var onLightSurfaceSolidCardBrightnessActive = 'var(--on-light-surface-solid-card-brightness-active, #FFFFFFFF)';
 
-/** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimaryBrightnessHover = 'var(--inverse-surface-solid-primary-brightness-hover, #FFFFFFFF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #043F34FF)';
 
-/** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimaryBrightnessActive = 'var(--inverse-surface-solid-primary-brightness-active, #FFFFFFFF)';
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCardBrightnessHover = 'var(--on-light-surface-solid-card-brightness-hover, #FFFFFFFF)';
 
-/** Инвертированный прозрачный фон для карточек */
-var inverseSurfaceTransparentCardBrightnessHover = 'var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)';
+/** Цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
 
 /** Outline Primary */
 var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
 
-/** On Light Personas Ochre Text Accent */
-var onLightPersonasOchreTextAccent = 'var(--on-light-personas-ochre-text-accent, #D15A11)';
-
-/** On Dark Personas Indigo Text Accent */
-var onDarkPersonasIndigoTextAccent = 'var(--on-dark-personas-indigo-text-accent, #BD91F5)';
-
-/** On Dark Surface Accent Secondary */
-var onDarkSurfaceAccentSecondary = 'var(--on-dark-surface-accent-secondary, #61C8B0)';
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #FFFFFF)';
 
 /** Inverse Personas Green Text Accent */
 var inversePersonasGreenTextAccent = 'var(--inverse-personas-green-text-accent, #6CD5BB)';
@@ -229,320 +223,332 @@ var surfaceAccentSecondary = 'var(--surface-accent-secondary, #61C8B0)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
 var surfaceAccentMinor = 'var(--surface-accent-minor, #04473B)';
 
-/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #424242FF)';
+/** On Dark Surface Accent Secondary */
+var onDarkSurfaceAccentSecondary = 'var(--on-dark-surface-accent-secondary, #61C8B0)';
+
+/** On Dark Personas Indigo Text Accent */
+var onDarkPersonasIndigoTextAccent = 'var(--on-dark-personas-indigo-text-accent, #BD91F5)';
 
 /** Вторичный фон на светлом фоне */
 var lightBackgroundSecondary = 'var(--light-background-secondary, #F6F2F0)';
 
-/** Инвертированный третичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #FFFFFF)';
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #424242FF)';
 
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #D0F2E9)';
 
+/** On Light Personas Ochre Text Accent */
+var onLightPersonasOchreTextAccent = 'var(--on-light-personas-ochre-text-accent, #D15A11)';
+
+/** On Light Personas Violet Text Accent */
+var onLightPersonasVioletTextAccent = 'var(--on-light-personas-violet-text-accent, #9E32AF)';
+
 /** Инвертированный прозрачный фон для карточек */
 var inverseSurfaceTransparentCardBrightnessActive = 'var(--inverse-surface-transparent-card-brightness-active, #FFFFFFFF)';
 
 /** Цвет обводки предупреждение на светлом фоне */
 var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #A3420AFF)';
 
-/** On Light Personas Violet Text Accent */
-var onLightPersonasVioletTextAccent = 'var(--on-light-personas-violet-text-accent, #9E32AF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #055C4CFF)';
 
 /** Инвертированный основной фон для карточек */
 var inverseSurfaceSolidCardBrightnessActive = 'var(--inverse-surface-solid-card-brightness-active, #FFFFFFFF)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #055C4CFF)';
-
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
 
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
 var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D0F2E9)';
 
+/** On Dark Surface Transparent Accent Minor */
+var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-accent-minor, #0BA68647)';
+
 /** On Light Personas Sea Blue Text Accent */
 var onLightPersonasSeaBlueTextAccent = 'var(--on-light-personas-sea-blue-text-accent, #00898D)';
 
-/** Personas Ochre Text Accent */
-var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
-
-/** On Dark Surface Transparent Accent Minor */
-var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-accent-minor, #0BA68647)';
+/** On Dark Personas Blue Text Accent */
+var onDarkPersonasBlueTextAccent = 'var(--on-dark-personas-blue-text-accent, #79B3F2)';
 
 /** On Dark Personas Violet Text Accent */
 var onDarkPersonasVioletTextAccent = 'var(--on-dark-personas-violet-text-accent, #E19DED)';
 
+/** Personas Ochre Text Accent */
+var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
+
 /** On Light Surface Transparent Navi */
 var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #FFFFFF99)';
 
-/** On Dark Personas Blue Text Accent */
-var onDarkPersonasBlueTextAccent = 'var(--on-dark-personas-blue-text-accent, #79B3F2)';
+/** Blue Text Accent Active Inverse */
+var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
 
-/** Green Text Accent Active Default */
-var personasGreenTextAccentActive = 'var(--personas-green-text-accent-active, #03A57FFF)';
+/** Light Background Hardline */
+var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
 
-/** Sea Blue Text Accent Active Default */
-var personasSeaBlueTextAccentActive = 'var(--personas-sea-blue-text-accent-active, #00A8ADFF)';
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
 
-/** Accent Secondary Active Inverse */
-var inverseSurfaceAccentSecondaryActive = 'var(--inverse-surface-accent-secondary-active, #3CAF94FF)';
+/** Olive Text Accent Hover Inverse */
+var inversePersonasOliveTextAccentHover = 'var(--inverse-personas-olive-text-accent-hover, #1DB71AFF)';
 
-/** Pink Text Accent Active On Dark */
-var onDarkPersonasPinkTextAccentActive = 'var(--on-dark-personas-pink-text-accent-active, #F58A8AFF)';
+/** Transparent Navi Active On Light */
+var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFAD)';
 
-/** Primary Active Default */
-var outlinePrimaryActive = 'var(--outline-primary-active, #665C57FF)';
+/** Blue Text Accent Active On Light */
+var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
 
-/** Indigo Text Accent Active Inverse */
-var inversePersonasIndigoTextAccentActive = 'var(--inverse-personas-indigo-text-accent-active, #A46AF1FF)';
+/** Primary Active On Light */
+var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
 
-/** Pink Text Accent Active Inverse */
-var inversePersonasPinkTextAccentActive = 'var(--inverse-personas-pink-text-accent-active, #F48080FF)';
+/** Default Active On Light */
+var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
 
 /** Olive Text Accent Active On Dark */
 var onDarkPersonasOliveTextAccentActive = 'var(--on-dark-personas-olive-text-accent-active, #7DC07CFF)';
 
+/** On Dark Personas Sea Blue Text Accent */
+var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
+
+/** Violet Text Accent Active On Dark */
+var onDarkPersonasVioletTextAccentActive = 'var(--on-dark-personas-violet-text-accent-active, #D982E8FF)';
+
+/** Green Text Accent Hover On Dark */
+var onDarkPersonasGreenTextAccentHover = 'var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)';
+
 /** Accent Secondary Active On Dark */
 var onDarkSurfaceAccentSecondaryActive = 'var(--on-dark-surface-accent-secondary-active, #59C5ACFF)';
 
 /** Green Text Accent Active Inverse */
 var inversePersonasGreenTextAccentActive = 'var(--inverse-personas-green-text-accent-active, #4CCDACFF)';
 
-/** Pink Text Accent Active On Light */
-var onLightPersonasPinkTextAccentActive = 'var(--on-light-personas-pink-text-accent-active, #D73333FF)';
+/** Inverse Surface Accent Secondary */
+var inverseSurfaceAccentSecondary = 'var(--inverse-surface-accent-secondary, #41BDA1)';
 
-/** Indigo Text Accent Active Default */
-var personasIndigoTextAccentActive = 'var(--personas-indigo-text-accent-active, #AA73F2FF)';
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimaryBrightnessHover = 'var(--on-dark-text-primary-brightness-hover, #FAFAFA93)';
 
-/** Violet Text Accent Active On Dark */
-var onDarkPersonasVioletTextAccentActive = 'var(--on-dark-personas-violet-text-accent-active, #D982E8FF)';
+/** Pink Text Accent Active On Dark */
+var onDarkPersonasPinkTextAccentActive = 'var(--on-dark-personas-pink-text-accent-active, #F58A8AFF)';
 
-/** Transparent Navi Hover On Light */
-var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)';
+/** Indigo Text Accent Active Inverse */
+var inversePersonasIndigoTextAccentActive = 'var(--inverse-personas-indigo-text-accent-active, #A46AF1FF)';
 
-/** Transparent Navi Active On Light */
-var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFAD)';
+/** Sea Blue Text Accent Active Default */
+var personasSeaBlueTextAccentActive = 'var(--personas-sea-blue-text-accent-active, #00A8ADFF)';
 
-/** Olive Text Accent Hover Inverse */
-var inversePersonasOliveTextAccentHover = 'var(--inverse-personas-olive-text-accent-hover, #1DB71AFF)';
+/** On Light Surface Transparent Accent Minor */
+var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #0BA6863D)';
+
+/** Pink Text Accent Active On Light */
+var onLightPersonasPinkTextAccentActive = 'var(--on-light-personas-pink-text-accent-active, #D73333FF)';
+
+/** Основной цвет текста */
+var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93)';
+
+/** Transparent Accent Minor Active Inverse */
+var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
 
 /** Ochre Text Accent Hover Default */
 var personasOchreTextAccentHover = 'var(--personas-ochre-text-accent-hover, #F7C8B6FF)';
 
-/** Inverse Surface Accent Secondary */
-var inverseSurfaceAccentSecondary = 'var(--inverse-surface-accent-secondary, #41BDA1)';
+/** Pink Text Accent Active Inverse */
+var inversePersonasPinkTextAccentActive = 'var(--inverse-personas-pink-text-accent-active, #F48080FF)';
 
-/** Light Background Hardline */
-var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
+/** Transparent Navi Hover On Light */
+var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)';
+
+/** Primary Active Default */
+var outlinePrimaryActive = 'var(--outline-primary-active, #665C57FF)';
 
 /** Sea Blue Text Accent Active On Dark */
 var onDarkPersonasSeaBlueTextAccentActive = 'var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)';
 
-/** On Light Surface Transparent Accent Minor */
-var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #0BA6863D)';
-
 /** On Light Personas Green Text Accent */
 var onLightPersonasGreenTextAccent = 'var(--on-light-personas-green-text-accent, #038768)';
 
-/** Primary Active On Light */
-var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
+/** Accent Secondary Active Inverse */
+var inverseSurfaceAccentSecondaryActive = 'var(--inverse-surface-accent-secondary-active, #3CAF94FF)';
 
-/** Blue Text Accent Active Inverse */
-var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
+/** Indigo Text Accent Active Default */
+var personasIndigoTextAccentActive = 'var(--personas-indigo-text-accent-active, #AA73F2FF)';
 
-/** Transparent Accent Minor Active Inverse */
-var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
+/** Green Text Accent Active Default */
+var personasGreenTextAccentActive = 'var(--personas-green-text-accent-active, #03A57FFF)';
 
-/** Основной цвет текста */
-var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93)';
+/** Transparent Navi Hover On Dark */
+var onDarkSurfaceTransparentNaviHover = 'var(--on-dark-surface-transparent-navi-hover, #242424B8)';
 
-/** Green Text Accent Hover On Dark */
-var onDarkPersonasGreenTextAccentHover = 'var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)';
+/** Sea Blue Text Accent Hover Inverse */
+var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
 
-/** Основной цвет текста на темном фоне */
-var onDarkTextPrimaryBrightnessHover = 'var(--on-dark-text-primary-brightness-hover, #FAFAFA93)';
+/** Accent Secondary Hover On Light */
+var onLightSurfaceAccentSecondaryHover = 'var(--on-light-surface-accent-secondary-hover, #50C3A8FF)';
 
-/** On Dark Personas Sea Blue Text Accent */
-var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
-
-/** Blue Text Accent Active On Light */
-var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
+/** Blue Text Accent Hover Inverse */
+var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
 
-/** Default Active On Light */
-var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
+/** Indigo Text Accent Hover Inverse */
+var inversePersonasIndigoTextAccentHover = 'var(--inverse-personas-indigo-text-accent-hover, #D2B4F8FF)';
 
-/** Цвет предупреждения на светлом фоне */
-var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
+/** On Dark Personas Ochre Text Accent */
+var onDarkPersonasOchreTextAccent = 'var(--on-dark-personas-ochre-text-accent, #F4B49B)';
 
 /** Green Text Accent Hover On Light */
 var onLightPersonasGreenTextAccentHover = 'var(--on-light-personas-green-text-accent-hover, #04D7A6FF)';
 
-/** Pink Text Accent Hover On Dark */
-var onDarkPersonasPinkTextAccentHover = 'var(--on-dark-personas-pink-text-accent-hover, #F26E6EFF)';
+/** Ochre Text Accent Active On Dark */
+var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
+
+/** Ochre Text Accent Hover On Light */
+var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
 
 /** Primary Hover Default */
 var outlinePrimaryHover = 'var(--outline-primary-hover, #91847EFF)';
 
-/** Indigo Text Accent Hover Inverse */
-var inversePersonasIndigoTextAccentHover = 'var(--inverse-personas-indigo-text-accent-hover, #D2B4F8FF)';
-
-/** Pink Text Accent Hover Inverse */
-var inversePersonasPinkTextAccentHover = 'var(--inverse-personas-pink-text-accent-hover, #FBCBCBFF)';
-
-/** Olive Text Accent Hover Default */
-var personasOliveTextAccentHover = 'var(--personas-olive-text-accent-hover, #A6D4A5FF)';
-
-/** Ochre Text Accent Hover Inverse */
-var inversePersonasOchreTextAccentHover = 'var(--inverse-personas-ochre-text-accent-hover, #ED6C1DFF)';
-
-/** Transparent Navi Hover Inverse */
-var inverseSurfaceTransparentNaviHover = 'var(--inverse-surface-transparent-navi-hover, #FFFFFFA8)';
+/** Transparent Accent Minor Active Default */
+var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
 
-/** Olive Text Accent Hover On Light */
-var onLightPersonasOliveTextAccentHover = 'var(--on-light-personas-olive-text-accent-hover, #1DB71AFF)';
+/** Transparent Navi Hover Default */
+var surfaceTransparentNaviHover = 'var(--surface-transparent-navi-hover, #242424B8)';
 
-/** Violet Text Accent Hover On Light */
-var onLightPersonasVioletTextAccentHover = 'var(--on-light-personas-violet-text-accent-hover, #B740C9FF)';
+/** Default Hover Default */
+var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
 
-/** Ochre Text Accent Hover On Light */
-var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
+/** Default Hover Inverse */
+var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
 
-/** Indigo Text Accent Hover On Dark */
-var onDarkPersonasIndigoTextAccentHover = 'var(--on-dark-personas-indigo-text-accent-hover, #E8DAFCFF)';
+/** Violet Text Accent Hover Inverse */
+var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
 
-/** On Dark Personas Ochre Text Accent */
-var onDarkPersonasOchreTextAccent = 'var(--on-dark-personas-ochre-text-accent, #F4B49B)';
+/** Transparent Accent Minor Hover On Light */
+var onLightSurfaceTransparentAccentMinorHover = 'var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)';
 
-/** Green Text Accent Active On Dark */
-var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
+/** Transparent Accent Minor Hover Inverse */
+var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)';
 
-/** Ochre Text Accent Active On Dark */
-var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
+/** Transparent Navi Hover Inverse */
+var inverseSurfaceTransparentNaviHover = 'var(--inverse-surface-transparent-navi-hover, #FFFFFFA8)';
 
-/** Transparent Accent Minor Active Default */
-var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
+/** Primary Hover Inverse */
+var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
 
-/** Default Hover Inverse */
-var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
+/** Olive Text Accent Hover Default */
+var personasOliveTextAccentHover = 'var(--personas-olive-text-accent-hover, #A6D4A5FF)';
 
 /** Personas Violet Text Accent */
 var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
 
-/** Primary Hover Inverse */
-var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
+/** Ochre Text Accent Hover Inverse */
+var inversePersonasOchreTextAccentHover = 'var(--inverse-personas-ochre-text-accent-hover, #ED6C1DFF)';
 
-/** Sea Blue Text Accent Hover Inverse */
-var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
+/** Green Text Accent Active On Dark */
+var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
 
-/** Blue Text Accent Hover Inverse */
-var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
+/** Pink Text Accent Hover On Dark */
+var onDarkPersonasPinkTextAccentHover = 'var(--on-dark-personas-pink-text-accent-hover, #F26E6EFF)';
 
-/** Violet Text Accent Hover Inverse */
-var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
+/** Pink Text Accent Hover Inverse */
+var inversePersonasPinkTextAccentHover = 'var(--inverse-personas-pink-text-accent-hover, #FBCBCBFF)';
 
-/** Transparent Accent Minor Hover Inverse */
-var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)';
+/** Indigo Text Accent Hover On Dark */
+var onDarkPersonasIndigoTextAccentHover = 'var(--on-dark-personas-indigo-text-accent-hover, #E8DAFCFF)';
 
 /** Blue Text Accent Hover On Light */
 var onLightPersonasBlueTextAccentHover = 'var(--on-light-personas-blue-text-accent-hover, #1477E1FF)';
 
-/** Transparent Navi Hover On Dark */
-var onDarkSurfaceTransparentNaviHover = 'var(--on-dark-surface-transparent-navi-hover, #242424B8)';
-
-/** Accent Secondary Hover On Light */
-var onLightSurfaceAccentSecondaryHover = 'var(--on-light-surface-accent-secondary-hover, #50C3A8FF)';
-
-/** Transparent Navi Hover Default */
-var surfaceTransparentNaviHover = 'var(--surface-transparent-navi-hover, #242424B8)';
-
-/** Transparent Accent Minor Hover On Light */
-var onLightSurfaceTransparentAccentMinorHover = 'var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)';
+/** Olive Text Accent Hover On Light */
+var onLightPersonasOliveTextAccentHover = 'var(--on-light-personas-olive-text-accent-hover, #1DB71AFF)';
 
-/** Default Hover Default */
-var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
+/** Violet Text Accent Hover On Light */
+var onLightPersonasVioletTextAccentHover = 'var(--on-light-personas-violet-text-accent-hover, #B740C9FF)';
 
 /** Primary Hover On Dark */
 var onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #6B6461FF)';
 
-/** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
+/** On Dark Personas Pink Text Accent */
+var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
 
-/** Inverse Personas Blue Text Accent */
-var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1063BA)';
+/** On Dark Outline Primary */
+var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
 
-/** Blue Text Accent Active Default */
-var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
+/** On Light Personas Blue Text Accent */
+var onLightPersonasBlueTextAccent = 'var(--on-light-personas-blue-text-accent, #1063BA)';
 
 /** Accent Secondary Active Default */
 var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
 
-/** Surface Transparent Accent Minor */
-var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0BA68647)';
+/** Personas Blue Text Accent */
+var personasBlueTextAccent = 'var(--personas-blue-text-accent, #79B3F2)';
 
-/** Inverse Personas Sea Blue Text Accent */
-var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
+/** Blue Text Accent Active Default */
+var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
 
-/** On Dark Personas Pink Text Accent */
-var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
+/** Personas Green Text Accent */
+var personasGreenTextAccent = 'var(--personas-green-text-accent, #038768)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightnessActive = 'var(--surface-solid-primary-brightness-active, #212121FF)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryBrightnessHover = 'var(--on-light-text-primary-brightness-hover, #17171793)';
 
 /** Personas Pink Text Accent */
 var personasPinkTextAccent = 'var(--personas-pink-text-accent, #DE5555)';
 
-/** On Dark Surface Transparent Navi */
-var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #23232399)';
+/** Personas Sea Blue Text Accent */
+var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
 
-/** Inverse Outline Primary */
-var inverseOutlinePrimary = 'var(--inverse-outline-primary, #DDD9D7)';
+/** Surface Transparent Accent Minor */
+var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0BA68647)';
+
+/** Violet Text Accent Hover Default */
+var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
+
+/** Inverse Personas Blue Text Accent */
+var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1063BA)';
 
 /** Olive Text Accent Active Inverse */
 var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
 
-/** On Dark Outline Default */
-var onDarkOutlineDefault = 'var(--on-dark-outline-default, #383838)';
+/** Inverse Personas Sea Blue Text Accent */
+var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
 
-/** Personas Green Text Accent */
-var personasGreenTextAccent = 'var(--personas-green-text-accent, #038768)';
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
 
-/** Dark Background Hardline */
-var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
+/** Inverse Surface Transparent Accent Minor */
+var inverseSurfaceTransparentAccentMinor = 'var(--inverse-surface-transparent-accent-minor, #0BA68647)';
 
-/** On Dark Outline Primary */
-var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryBrightnessHover = 'var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)';
 
-/** Personas Blue Text Accent */
-var personasBlueTextAccent = 'var(--personas-blue-text-accent, #79B3F2)';
+/** On Dark Surface Transparent Navi */
+var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #23232399)';
 
-/** Personas Sea Blue Text Accent */
-var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryBrightnessHover = 'var(--inverse-text-primary-brightness-hover, #17171793)';
 
-/** Violet Text Accent Hover Default */
-var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
+/** Dark Background Hardline */
+var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
 
 /** Background Hardline */
 var backgroundHardline = 'var(--background-hardline, #000000)';
 
-/** Основной цвет текста на светлом фоне */
-var onLightTextPrimaryBrightnessHover = 'var(--on-light-text-primary-brightness-hover, #17171793)';
-
-/** Инвертированный основной цвет текста */
-var inverseTextPrimaryBrightnessHover = 'var(--inverse-text-primary-brightness-hover, #17171793)';
-
-/** Основной непрозрачный фон поверхности/контрола */
-var surfaceSolidPrimaryBrightnessActive = 'var(--surface-solid-primary-brightness-active, #212121FF)';
+/** Inverse Outline Primary */
+var inverseOutlinePrimary = 'var(--inverse-outline-primary, #DDD9D7)';
 
-/** Основной непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidPrimaryBrightnessHover = 'var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)';
+/** On Dark Outline Default */
+var onDarkOutlineDefault = 'var(--on-dark-outline-default, #383838)';
 
 /** Inverse Personas Violet Text Accent */
 var inversePersonasVioletTextAccent = 'var(--inverse-personas-violet-text-accent, #9E32AF)';
 
-/** Inverse Surface Transparent Accent Minor */
-var inverseSurfaceTransparentAccentMinor = 'var(--inverse-surface-transparent-accent-minor, #0BA68647)';
+/** Personas Indigo Text Accent */
+var personasIndigoTextAccent = 'var(--personas-indigo-text-accent, #BD91F5)';
 
-/** On Light Personas Blue Text Accent */
-var onLightPersonasBlueTextAccent = 'var(--on-light-personas-blue-text-accent, #1063BA)';
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryBrightnessActive = 'var(--inverse-text-primary-brightness-active, #171717C4)';
 
 /** Основной цвет текста на темном фоне */
 var onDarkTextPrimaryBrightnessActive = 'var(--on-dark-text-primary-brightness-active, #FAFAFAC4)';
@@ -550,77 +556,71 @@ var onDarkTextPrimaryBrightnessActive = 'var(--on-dark-text-primary-brightness-a
 /** Основной цвет текста на светлом фоне */
 var onLightTextPrimaryBrightnessActive = 'var(--on-light-text-primary-brightness-active, #171717C4)';
 
-/** Инвертированный основной цвет текста */
-var inverseTextPrimaryBrightnessActive = 'var(--inverse-text-primary-brightness-active, #171717C4)';
-
-/** Personas Indigo Text Accent */
-var personasIndigoTextAccent = 'var(--personas-indigo-text-accent, #BD91F5)';
+/** Indigo Text Accent Active On Dark */
+var onDarkPersonasIndigoTextAccentActive = 'var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)';
 
 /** Ochre Text Accent Hover On Dark */
 var onDarkPersonasOchreTextAccentHover = 'var(--on-dark-personas-ochre-text-accent-hover, #F7C8B6FF)';
 
-/** Indigo Text Accent Active On Dark */
-var onDarkPersonasIndigoTextAccentActive = 'var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)';
-
 /** Pink Text Accent Hover Default */
 var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
 
-/** On Dark Personas Green Text Accent */
-var onDarkPersonasGreenTextAccent = 'var(--on-dark-personas-green-text-accent, #6CD5BB)';
-
-/** Transparent Accent Minor Hover Default */
-var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #0BA88866)';
-
 /** Transparent Navi Active On Dark */
 var onDarkSurfaceTransparentNaviActive = 'var(--on-dark-surface-transparent-navi-active, #2424248A)';
 
-/** Ochre Text Accent Active Inverse */
-var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
-
-/** Transparent Navi Active Inverse */
-var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFAD)';
+/** On Light Surface Accent Secondary */
+var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
 
-/** Olive Text Accent Active On Light */
-var onLightPersonasOliveTextAccentActive = 'var(--on-light-personas-olive-text-accent-active, #179315FF)';
+/** On Light Outline Default */
+var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
 
 /** Pink Text Accent Active Default */
 var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
 
+/** Ochre Text Accent Active Inverse */
+var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
+
+/** Inverse Personas Olive Text Accent */
+var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
+
 /** Blue Text Accent Active On Dark */
 var onDarkPersonasBlueTextAccentActive = 'var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)';
 
+/** On Dark Personas Green Text Accent */
+var onDarkPersonasGreenTextAccent = 'var(--on-dark-personas-green-text-accent, #6CD5BB)';
+
+/** Olive Text Accent Active On Light */
+var onLightPersonasOliveTextAccentActive = 'var(--on-light-personas-olive-text-accent-active, #179315FF)';
+
+/** On Light Personas Pink Text Accent */
+var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
+
 /** Sea Blue Text Accent Active On Light */
 var onLightPersonasSeaBlueTextAccentActive = 'var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)';
 
-/** On Light Outline Default */
-var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
+/** Transparent Accent Minor Hover Default */
+var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #0BA88866)';
+
+/** Transparent Navi Active Inverse */
+var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFAD)';
 
 /** Transparent Accent Minor Hover On Dark */
 var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
 
-/** On Light Surface Accent Secondary */
-var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
-
-/** On Light Personas Pink Text Accent */
-var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
-
-/** Inverse Personas Olive Text Accent */
-var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
-
 /** Primary Active Inverse */
 var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
 
-/** Accent Secondary Active On Light */
-var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-secondary-active, #3CAF94FF)';
-
-/** Transparent Accent Minor Active On Dark */
-var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)';
+/** On Light Personas Indigo Text Accent */
+var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
 
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidPrimaryBrightnessActive = 'var(--on-dark-surface-solid-primary-brightness-active, #212121FF)';
 
-/** On Light Personas Indigo Text Accent */
-var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
+/** Transparent Accent Minor Active On Dark */
+var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)';
+
+/** Accent Secondary Active On Light */
+var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-secondary-active, #3CAF94FF)';
 
 /** Green Text Accent Hover Inverse */
 var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-accent-hover, #8CDECAFF)';
@@ -628,92 +628,266 @@ var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-acc
 /** Indigo Text Accent Active On Light */
 var onLightPersonasIndigoTextAccentActive = 'var(--on-light-personas-indigo-text-accent-active, #5B2999FF)';
 
-/** Акцентный цвет */
-var textAccent = 'var(--text-accent, #61C8B0)';
+/** New description */
+var outlineTransparentWhite = 'var(--outline-transparent-white, #FFFFFF7A)';
 
-/** Акцентный цвет */
-var textAccentHover = 'var(--text-accent-hover, #77CFBBFF)';
+/** New description */
+var outlineTransparentWhiteActive = 'var(--outline-transparent-white-active, #FFFFFF49)';
 
-/** Акцентный цвет */
-var textAccentActive = 'var(--text-accent-active, #4ABFA4FF)';
+/** New description */
+var outlineTransparentWhiteHover = 'var(--outline-transparent-white-hover, #FFFFFFF5)';
 
-/** Акцентный минорный цвет */
-var textAccentMinor = 'var(--text-accent-minor, #61C8B07A)';
+/** New description */
+var inverseOutlineDeep = 'var(--inverse-outline-deep, #A1A09F)';
 
-/** Акцентный минорный цвет */
-var textAccentMinorHover = 'var(--text-accent-minor-hover, #60C7AFFF)';
+/** New description */
+var inverseOutlineDeepActive = 'var(--inverse-outline-deep-active, #8D8C8BFF)';
 
-/** Акцентный минорный цвет */
-var textAccentMinorActive = 'var(--text-accent-minor-active, #60C7AF93)';
+/** New description */
+var inverseOutlineDeepHover = 'var(--inverse-outline-deep-hover, #CAC9C9FF)';
+
+/** New description */
+var inverseOutlineTransparentWhite = 'var(--inverse-outline-transparent-white, #FFFFFF66)';
+
+/** New description */
+var inverseOutlineTransparentWhiteHover = 'var(--inverse-outline-transparent-white-hover, #FFFFFF3D)';
+
+/** New description */
+var onDarkOutlineDeep = 'var(--on-dark-outline-deep, #777675)';
+
+/** New description */
+var onDarkOutlineDeepActive = 'var(--on-dark-outline-deep-active, #5D5C5BFF)';
+
+/** New description */
+var onDarkOutlineDeepHover = 'var(--on-dark-outline-deep-hover, #D2D1D1FF)';
+
+/** New description */
+var onDarkOutlineTransparentWhite = 'var(--on-dark-outline-transparent-white, #FFFFFF7A)';
+
+/** New description */
+var onDarkOutlineTransparentWhiteActive = 'var(--on-dark-outline-transparent-white-active, #FFFFFF49)';
+
+/** New description */
+var onDarkOutlineTransparentWhiteHover = 'var(--on-dark-outline-transparent-white-hover, #FFFFFFF5)';
+
+/** New description */
+var onLightOutlineDeep = 'var(--on-light-outline-deep, #A1A09F)';
+
+/** New description */
+var onLightOutlineDeepActive = 'var(--on-light-outline-deep-active, #8D8C8BFF)';
+
+/** New description */
+var onLightOutlineDeepHover = 'var(--on-light-outline-deep-hover, #CAC9C9FF)';
+
+/** New description */
+var onLightOutlineTransparentWhite = 'var(--on-light-outline-transparent-white, #FFFFFF66)';
+
+/** New description */
+var surfaceSolidDeep = 'var(--surface-solid-deep, #777675)';
+
+/** New description */
+var surfaceSolidDeepActive = 'var(--surface-solid-deep-active, #71706FFF)';
+
+/** New description */
+var surfaceSolidDeepHover = 'var(--surface-solid-deep-hover, #81807EFF)';
+
+/** New description */
+var surfaceTransparentCardMinor = 'var(--surface-transparent-card-minor, #23232380)';
+
+/** New description */
+var surfaceTransparentCardMinorActive = 'var(--surface-transparent-card-minor-active, #24242470)';
+
+/** New description */
+var surfaceTransparentCardMinorHover = 'var(--surface-transparent-card-minor-hover, #2424249E)';
+
+/** New description */
+var inverseSurfaceSolidDeep = 'var(--inverse-surface-solid-deep, #A1A09F)';
+
+/** New description */
+var inverseSurfaceSolidDeepActive = 'var(--inverse-surface-solid-deep-active, #979695FF)';
+
+/** New description */
+var inverseSurfaceSolidDeepHover = 'var(--inverse-surface-solid-deep-hover, #B1B0AFFF)';
+
+/** New description */
+var inverseSurfaceTransparentCardMinor = 'var(--inverse-surface-transparent-card-minor, #FFFFFF85)';
+
+/** New description */
+var inverseSurfaceTransparentCardMinorActive = 'var(--inverse-surface-transparent-card-minor-active, #FFFFFF99)';
+
+/** New description */
+var inverseSurfaceTransparentCardMinorHover = 'var(--inverse-surface-transparent-card-minor-hover, #FFFFFF94)';
+
+/** New description */
+var onDarkSurfaceSolidDeep = 'var(--on-dark-surface-solid-deep, #777675)';
+
+/** New description */
+var onDarkSurfaceSolidDeepActive = 'var(--on-dark-surface-solid-deep-active, #71706FFF)';
+
+/** New description */
+var onDarkSurfaceSolidDeepHover = 'var(--on-dark-surface-solid-deep-hover, #81807EFF)';
+
+/** New description */
+var onDarkSurfaceTransparentCardMinor = 'var(--on-dark-surface-transparent-card-minor, #23232380)';
+
+/** New description */
+var onDarkSurfaceTransparentCardMinorActive = 'var(--on-dark-surface-transparent-card-minor-active, #24242470)';
+
+/** New description */
+var onDarkSurfaceTransparentCardMinorHover = 'var(--on-dark-surface-transparent-card-minor-hover, #2424249E)';
+
+/** New description */
+var onLightSurfaceSolidDeep = 'var(--on-light-surface-solid-deep, #A1A09F)';
+
+/** New description */
+var onLightSurfaceSolidDeepActive = 'var(--on-light-surface-solid-deep-active, #979695FF)';
+
+/** New description */
+var onLightSurfaceSolidDeepHover = 'var(--on-light-surface-solid-deep-hover, #B1B0AFFF)';
+
+/** New description */
+var onLightSurfaceTransparentCardMinor = 'var(--on-light-surface-transparent-card-minor, #FFFFFF85)';
+
+/** New description */
+var onLightSurfaceTransparentCardMinorActive = 'var(--on-light-surface-transparent-card-minor-active, #FFFFFF99)';
+
+/** New description */
+var onLightSurfaceTransparentCardMinorHover = 'var(--on-light-surface-transparent-card-minor-hover, #FFFFFF94)';
+
+/** New description */
+var outlineDeepActive = 'var(--outline-deep-active, #5D5C5BFF)';
+
+/** New description */
+var outlineDeepHover = 'var(--outline-deep-hover, #D2D1D1FF)';
+
+/** New description */
+var onLightOutlineTransparentWhiteActive = 'var(--on-light-outline-transparent-white-active, #FFFFFFA3)';
+
+/** New description */
+var onLightOutlineTransparentWhiteHover = 'var(--on-light-outline-transparent-white-hover, #FFFFFF3D)';
+
+/** New description */
+var outlineDeep = 'var(--outline-deep, #777675)';
+
+/** New description */
+var inverseOutlineTransparentWhiteActive = 'var(--inverse-outline-transparent-white-active, #FFFFFFA3)';
 
 /** Цвет успеха */
-var textPositive = 'var(--text-positive, #50A84C)';
+var textPositiveActive = 'var(--text-positive-active, #469442FF)';
 
 /** Цвет успеха */
 var textPositiveHover = 'var(--text-positive-hover, #62B65DFF)';
 
-/** Цвет успеха */
-var textPositiveActive = 'var(--text-positive-active, #469442FF)';
+/** Основной цвет текста */
+var textPrimaryActive = 'var(--text-primary-active, #FFFFFFCA)';
+
+/** Основной цвет текста */
+var textPrimaryBrightness = 'var(--text-primary-brightness, #FAFAFAF5)';
+
+/** Цвет ошибки */
+var textNegative = 'var(--text-negative, #F57E83)';
+
+/** Цвет ошибки */
+var textNegativeActive = 'var(--text-negative-active, #F3626AFF)';
+
+/** Цвет ошибки */
+var textNegativeHover = 'var(--text-negative-hover, #F89BA0FF)';
+
+/** Третичный цвет текста */
+var textTertiaryActive = 'var(--text-tertiary-active, #F5F1EF49)';
+
+/** Третичный цвет текста */
+var textTertiaryHover = 'var(--text-tertiary-hover, #F5F1EFFF)';
 
 /** Цвет предупреждения */
 var textWarning = 'var(--text-warning, #DA6828)';
 
 /** Цвет предупреждения */
-var textWarningHover = 'var(--text-warning-hover, #DF7D43FF)';
+var textWarningActive = 'var(--text-warning-active, #C45D21FF)';
 
 /** Цвет предупреждения */
-var textWarningActive = 'var(--text-warning-active, #C45D21FF)';
+var textWarningHover = 'var(--text-warning-hover, #DF7D43FF)';
 
-/** Цвет ошибки */
-var textNegative = 'var(--text-negative, #F57E83)';
+/** Акцентный минорный цвет */
+var textAccentMinor = 'var(--text-accent-minor, #61C8B07A)';
 
-/** Цвет ошибки */
-var textNegativeHover = 'var(--text-negative-hover, #F89BA0FF)';
+/** Акцентный минорный цвет */
+var textAccentMinorActive = 'var(--text-accent-minor-active, #60C7AF93)';
 
-/** Цвет ошибки */
-var textNegativeActive = 'var(--text-negative-active, #F3626AFF)';
+/** Акцентный минорный цвет */
+var textAccentMinorHover = 'var(--text-accent-minor-hover, #60C7AFFF)';
 
-/** Цвет информации */
-var textInfo = 'var(--text-info, #70B2F5)';
+/** Сплошной наборный текст */
+var textParagraphHover = 'var(--text-paragraph-hover, #F5F1EFFF)';
+
+/** Цвет успеха */
+var textPositive = 'var(--text-positive, #50A84C)';
+
+/** Сплошной наборный текст */
+var textParagraph = 'var(--text-paragraph, #F6F2F07A)';
+
+/** Сплошной наборный текст */
+var textParagraphActive = 'var(--text-paragraph-active, #F5F1EF93)';
 
 /** Цвет информации */
-var textInfoHover = 'var(--text-info-hover, #BCDBFAFF)';
+var textInfo = 'var(--text-info, #70B2F5)';
 
 /** Цвет информации */
 var textInfoActive = 'var(--text-info-active, #53A3F3FF)';
 
-/** Вторичный цвет текста */
-var textSecondaryHover = 'var(--text-secondary-hover, #F5F1EFFF)';
+/** Цвет информации */
+var textInfoHover = 'var(--text-info-hover, #BCDBFAFF)';
 
 /** Вторичный цвет текста */
 var textSecondary = 'var(--text-secondary, #F6F2F0A3)';
 
-/** Основной цвет текста */
-var textPrimaryActive = 'var(--text-primary-active, #FFFFFFCA)';
-
 /** Вторичный цвет текста */
 var textSecondaryActive = 'var(--text-secondary-active, #F5F1EFC4)';
 
+/** Вторичный цвет текста */
+var textSecondaryHover = 'var(--text-secondary-hover, #F5F1EFFF)';
+
 /** Третичный цвет текста */
 var textTertiary = 'var(--text-tertiary, #F6F2F03D)';
 
-/** Третичный цвет текста */
-var textTertiaryHover = 'var(--text-tertiary-hover, #F5F1EFFF)';
+/** Акцентный цвет */
+var textAccent = 'var(--text-accent, #61C8B0)';
 
-/** Третичный цвет текста */
-var textTertiaryActive = 'var(--text-tertiary-active, #F5F1EF49)';
+/** Акцентный цвет */
+var textAccentActive = 'var(--text-accent-active, #4ABFA4FF)';
 
-/** Основной цвет текста */
-var textPrimaryBrightness = 'var(--text-primary-brightness, #FAFAFAF5)';
+/** Акцентный цвет */
+var textAccentHover = 'var(--text-accent-hover, #77CFBBFF)';
 
-/** Сплошной наборный текст */
-var textParagraph = 'var(--text-paragraph, #F6F2F07A)';
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #60C7AF93)';
 
-/** Сплошной наборный текст */
-var textParagraphHover = 'var(--text-paragraph-hover, #F5F1EFFF)';
+/** Цвет информации на темном фоне */
+var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #53A3F3FF)';
 
-/** Сплошной наборный текст */
-var textParagraphActive = 'var(--text-paragraph-active, #F5F1EF93)';
+/** Цвет информации на темном фоне */
+var onDarkTextInfo = 'var(--on-dark-text-info, #70B2F5)';
+
+/** Цвет информации на темном фоне */
+var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #BCDBFAFF)';
+
+/** Цвет ошибки на темном фоне */
+var onDarkTextNegative = 'var(--on-dark-text-negative, #F57E83)';
+
+/** Вторичный цвет текста на темном фоне */
+var onDarkTextSecondary = 'var(--on-dark-text-secondary, #F6F2F0A3)';
+
+/** Вторичный цвет текста на темном фоне */
+var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F5F1EFC4)';
+
+/** Третичный цвет текста на темном фоне */
+var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F6F2F03D)';
+
+/** Вторичный цвет текста на темном фоне */
+var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F5F1EFFF)';
+
+/** Основной цвет текста на темном фоне */
+var onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFFFC)';
 
 /** Акцентный цвет на темном фоне */
 var onDarkTextAccent = 'var(--on-dark-text-accent, #61C8B0ED)';
@@ -724,335 +898,266 @@ var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #60C7AF8E)';
 /** Акцентный цвет на темном фоне */
 var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #60C7AFBE)';
 
-/** Акцентный минорный цвет на темном фоне */
-var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #61C8B07A)';
-
-/** Акцентный минорный цвет на темном фоне */
-var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #60C7AF93)';
+/** Сплошной наборный текст на темном фоне */
+var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F1EF93)';
 
 /** Цвет успеха на темном фоне */
 var onDarkTextPositive = 'var(--on-dark-text-positive, #50A84C)';
 
-/** Цвет успеха на темном фоне */
-var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #62B65DFF)';
-
-/** Цвет успеха на темном фоне */
-var onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #469442FF)';
-
-/** Цвет предупреждения на темном фоне */
-var onDarkTextWarning = 'var(--on-dark-text-warning, #DA6828)';
-
-/** Цвет предупреждения на темном фоне */
-var onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #DF7D43FF)';
-
-/** Цвет предупреждения на темном фоне */
-var onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #C45D21FF)';
-
-/** Цвет ошибки на темном фоне */
-var onDarkTextNegative = 'var(--on-dark-text-negative, #F57E83)';
-
-/** Цвет ошибки на темном фоне */
-var onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #F89BA0FF)';
+/** Сплошной наборный текст на темном фоне */
+var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F1EFFF)';
 
 /** Цвет ошибки на темном фоне */
 var onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #F3626AFF)';
 
-/** Цвет информации на темном фоне */
-var onDarkTextInfo = 'var(--on-dark-text-info, #70B2F5)';
-
-/** Цвет информации на темном фоне */
-var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #BCDBFAFF)';
-
-/** Цвет информации на темном фоне */
-var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #53A3F3FF)';
-
-/** Основной цвет текста на темном фоне */
-var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFCA)';
+/** Сплошной наборный текст на темном фоне */
+var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F6F2F07A)';
 
-/** Третичный цвет текста на темном фоне */
-var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F5F1EF49)';
+/** Цвет ошибки на темном фоне */
+var onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #F89BA0FF)';
 
 /** Основной цвет текста на темном фоне */
-var onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFFFC)';
+var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFCA)';
 
 /** Основной цвет текста на темном фоне */
 var onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #FAFAFAF5)';
 
-/** Вторичный цвет текста на темном фоне */
-var onDarkTextSecondary = 'var(--on-dark-text-secondary, #F6F2F0A3)';
-
-/** Вторичный цвет текста на темном фоне */
-var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F5F1EFFF)';
+/** Цвет предупреждения на темном фоне */
+var onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #DF7D43FF)';
 
 /** Третичный цвет текста на темном фоне */
-var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F6F2F03D)';
+var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F5F1EF49)';
+
+/** Цвет предупреждения на темном фоне */
+var onDarkTextWarning = 'var(--on-dark-text-warning, #DA6828)';
+
+/** Цвет предупреждения на темном фоне */
+var onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #C45D21FF)';
 
 /** Третичный цвет текста на темном фоне */
 var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #F5F1EFFF)';
 
-/** Вторичный цвет текста на темном фоне */
-var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F5F1EFC4)';
-
 /** Основной цвет текста на темном фоне */
 var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF97)';
 
-/** Сплошной наборный текст на темном фоне */
-var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F6F2F07A)';
-
-/** Сплошной наборный текст на темном фоне */
-var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F1EFFF)';
-
-/** Сплошной наборный текст на темном фоне */
-var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F1EF93)';
-
-/** Вторичный цвет текста на светлом фоне */
-var onLightTextSecondary = 'var(--on-light-text-secondary, #15110FA3)';
-
-/** Вторичный цвет текста на светлом фоне */
-var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #15110FFF)';
-
-/** Вторичный цвет текста на светлом фоне */
-var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #15110FC4)';
+/** Цвет успеха на темном фоне */
+var onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #469442FF)';
 
-/** Третичный цвет текста на светлом фоне */
-var onLightTextTertiary = 'var(--on-light-text-tertiary, #15110F3D)';
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #61C8B07A)';
 
-/** Третичный цвет текста на светлом фоне */
-var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #15110FFF)';
+/** Цвет успеха на темном фоне */
+var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #62B65DFF)';
 
 /** Третичный цвет текста на светлом фоне */
 var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #15110F49)';
 
-/** Сплошной наборный текст на светлом фоне */
-var onLightTextParagraph = 'var(--on-light-text-paragraph, #15110F66)';
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarning = 'var(--on-light-text-warning, #973C09)';
 
-/** Сплошной наборный текст на светлом фоне */
-var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #15110FFF)';
+/** Третичный цвет текста на светлом фоне */
+var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #15110FFF)';
 
-/** Сплошной наборный текст на светлом фоне */
-var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #15110F7A)';
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #BC4C0BFF)';
 
-/** Акцентный цвет на светлом фоне */
-var onLightTextAccent = 'var(--on-light-text-accent, #0A8E73)';
+/** Цвет успеха на светлом фоне */
+var onLightTextPositiveActive = 'var(--on-light-text-positive-active, #185E17FF)';
 
-/** Акцентный цвет на светлом фоне */
-var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #0DB593FF)';
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimary = 'var(--on-light-text-primary, #15110FFC)';
 
-/** Акцентный цвет на светлом фоне */
-var onLightTextAccentActive = 'var(--on-light-text-accent-active, #076955FF)';
+/** Цвет успеха на светлом фоне */
+var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #29A027FF)';
 
 /** Акцентный минорный цвет на светлом фоне */
-var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #0A8E7366)';
+var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #0A8F747A)';
+
+/** Сплошной наборный текст на светлом фоне */
+var onLightTextParagraph = 'var(--on-light-text-paragraph, #15110F66)';
 
 /** Акцентный минорный цвет на светлом фоне */
 var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #0A8F74FF)';
 
-/** Акцентный минорный цвет на светлом фоне */
-var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #0A8F747A)';
+/** Сплошной наборный текст на светлом фоне */
+var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #15110F7A)';
 
 /** Цвет успеха на светлом фоне */
 var onLightTextPositive = 'var(--on-light-text-positive, #207F1F)';
 
-/** Цвет успеха на светлом фоне */
-var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #29A027FF)';
+/** Сплошной наборный текст на светлом фоне */
+var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #15110FFF)';
 
-/** Цвет успеха на светлом фоне */
-var onLightTextPositiveActive = 'var(--on-light-text-positive-active, #185E17FF)';
+/** Вторичный цвет текста на светлом фоне */
+var onLightTextSecondary = 'var(--on-light-text-secondary, #15110FA3)';
 
-/** Цвет предупреждения на светлом фоне */
-var onLightTextWarning = 'var(--on-light-text-warning, #973C09)';
+/** Вторичный цвет текста на светлом фоне */
+var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #15110FC4)';
 
-/** Цвет предупреждения на светлом фоне */
-var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #BC4C0BFF)';
+/** Третичный цвет текста на светлом фоне */
+var onLightTextTertiary = 'var(--on-light-text-tertiary, #15110F3D)';
 
-/** Основной цвет текста на светлом фоне */
-var onLightTextPrimary = 'var(--on-light-text-primary, #15110FFC)';
+/** Вторичный цвет текста на светлом фоне */
+var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #15110FFF)';
 
 /** Основной цвет текста на светлом фоне */
-var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #15110F97)';
+var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #15110FCA)';
 
 /** Основной цвет текста на светлом фоне */
-var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #15110FCA)';
+var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #15110F97)';
 
 /** Основной цвет текста на светлом фоне */
 var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #171717F5)';
 
-/** Инвертированный основной цвет текста */
-var inverseTextPrimary = 'var(--inverse-text-primary, #15110FFC)';
+/** Акцентный цвет на светлом фоне */
+var onLightTextAccentActive = 'var(--on-light-text-accent-active, #076955FF)';
 
-/** Инвертированный основной цвет текста */
-var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #15110F97)';
+/** Акцентный минорный цвет на светлом фоне */
+var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #0A8E7366)';
 
-/** Инвертированный основной цвет текста */
-var inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #15110FCA)';
+/** Акцентный цвет на светлом фоне */
+var onLightTextAccent = 'var(--on-light-text-accent, #0A8E73)';
 
-/** Инвертированный основной цвет текста */
-var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #171717F5)';
+/** Акцентный цвет на светлом фоне */
+var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #0DB593FF)';
 
-/** Инвертированный вторичный цвет текста */
-var inverseTextSecondary = 'var(--inverse-text-secondary, #15110FA3)';
+/** Цвет ошибки на светлом фоне */
+var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #AF181DFF)';
+
+/** Цвет ошибки на светлом фоне */
+var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #E3353BFF)';
+
+/** Инвертированный акцентный цвет */
+var inverseTextAccent = 'var(--inverse-text-accent, #0A8E73)';
 
 /** Инвертированный вторичный цвет текста */
 var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #15110FFF)';
 
+/** Инвертированный вторичный цвет текста */
+var inverseTextSecondary = 'var(--inverse-text-secondary, #15110FA3)';
+
 /** Инвертированный вторичный цвет текста */
 var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #15110FC4)';
 
 /** Инвертированный третичный цвет текста */
-var inverseTextTertiary = 'var(--inverse-text-tertiary, #15110F3D)';
+var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #15110F49)';
 
-/** Инвертированный третичный цвет текста */
-var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #15110FFF)';
+/** Цвет информации на светлом фоне */
+var onLightTextInfo = 'var(--on-light-text-info, #205EA5)';
 
 /** Инвертированный третичный цвет текста */
-var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #15110F49)';
-
-/** Инвертированный сплошной наборный текст */
-var inverseTextParagraph = 'var(--inverse-text-paragraph, #15110F66)';
+var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #15110FFF)';
 
-/** Инвертированный сплошной наборный текст */
-var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #15110FFF)';
+/** Цвет информации на светлом фоне */
+var onLightTextInfoActive = 'var(--on-light-text-info-active, #194B85FF)';
 
-/** Инвертированный сплошной наборный текст */
-var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #15110F7A)';
+/** Цвет информации на светлом фоне */
+var onLightTextInfoHover = 'var(--on-light-text-info-hover, #000000FF)';
 
-/** Инвертированный акцентный цвет */
-var inverseTextAccent = 'var(--inverse-text-accent, #0A8E73)';
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #15110FCA)';
 
-/** Инвертированный акцентный цвет */
-var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #0DB593FF)';
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #15110F97)';
 
-/** Инвертированный акцентный цвет */
-var inverseTextAccentActive = 'var(--inverse-text-accent-active, #076955FF)';
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #171717F5)';
 
 /** Инвертированный минорный акцентный цвет */
-var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #0A8E7366)';
+var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #0A8F747A)';
 
-/** Инвертированный минорный акцентный цвет */
-var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #0A8F74FF)';
+/** Инвертированный сплошной наборный текст */
+var inverseTextParagraph = 'var(--inverse-text-paragraph, #15110F66)';
 
 /** Инвертированный минорный акцентный цвет */
-var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #0A8F747A)';
-
-/** Цвет ошибки на светлом фоне */
-var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #AF181DFF)';
+var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #0A8F74FF)';
 
-/** Цвет ошибки на светлом фоне */
-var onLightTextNegative = 'var(--on-light-text-negative, #D11D23)';
+/** Инвертированный сплошной наборный текст */
+var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #15110F7A)';
 
-/** Цвет информации на светлом фоне */
-var onLightTextInfo = 'var(--on-light-text-info, #205EA5)';
+/** Инвертированный основной цвет текста */
+var inverseTextPrimary = 'var(--inverse-text-primary, #15110FFC)';
 
-/** Цвет информации на светлом фоне */
-var onLightTextInfoHover = 'var(--on-light-text-info-hover, #000000FF)';
+/** Инвертированный сплошной наборный текст */
+var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #15110FFF)';
 
-/** Цвет информации на светлом фоне */
-var onLightTextInfoActive = 'var(--on-light-text-info-active, #194B85FF)';
+/** Инвертированный третичный цвет текста */
+var inverseTextTertiary = 'var(--inverse-text-tertiary, #15110F3D)';
 
 /** Цвет ошибки на светлом фоне */
-var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #E3353BFF)';
-
-/** Инвертированный цвет информации */
-var inverseTextInfo = 'var(--inverse-text-info, #205EA5)';
+var onLightTextNegative = 'var(--on-light-text-negative, #D11D23)';
 
-/** Инвертированный цвет информации */
-var inverseTextInfoHover = 'var(--inverse-text-info-hover, #000000FF)';
+/** Инвертированный акцентный цвет */
+var inverseTextAccentActive = 'var(--inverse-text-accent-active, #076955FF)';
 
-/** Инвертированный цвет информации */
-var inverseTextInfoActive = 'var(--inverse-text-info-active, #194B85FF)';
+/** Инвертированный акцентный цвет */
+var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #0DB593FF)';
 
-/** Основной непрозрачный фон поверхности/контрола */
-var surfaceSolidPrimary = 'var(--surface-solid-primary, #232323)';
+/** Инвертированный минорный акцентный цвет */
+var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #0A8E7366)';
 
-/** Инвертированный цвет предупреждения */
-var inverseTextWarningActive = 'var(--inverse-text-warning-active, #6F2D06FF)';
+/** Инвертированный цвет ошибки */
+var inverseTextNegative = 'var(--inverse-text-negative, #D11D23)';
 
 /** Основной непрозрачный фон поверхности/контрола */
-var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #2E2E2EFF)';
+var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #262626FF)';
 
 /** Основной непрозрачный фон поверхности/контрола */
 var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #1F1F1FFF)';
 
-/** Основной непрозрачный фон поверхности/контрола */
-var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #262626FF)';
-
-/** Вторичный непрозрачный фон поверхности/контрола */
-var surfaceSolidSecondary = 'var(--surface-solid-secondary, #292929)';
-
-/** Вторичный непрозрачный фон поверхности/контрола */
-var surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #333333FF)';
-
-/** Вторичный непрозрачный фон поверхности/контрола */
-var surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #242424FF)';
-
-/** Третичный непрозрачный фон поверхности/контрола */
-var surfaceSolidTertiary = 'var(--surface-solid-tertiary, #474747)';
-
-/** Третичный непрозрачный фон поверхности/контрола */
-var surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #525252FF)';
-
 /** Инвертированный цвет успеха */
-var inverseTextPositive = 'var(--inverse-text-positive, #207F1F)';
+var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #185E17FF)';
 
 /** Инвертированный цвет успеха */
 var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #29A027FF)';
 
-/** Инвертированный цвет предупреждения */
-var inverseTextWarning = 'var(--inverse-text-warning, #973C09)';
-
-/** Инвертированный цвет предупреждения */
-var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #BC4C0BFF)';
-
-/** Инвертированный цвет успеха */
-var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #185E17FF)';
-
 /** Инвертированный цвет ошибки */
-var inverseTextNegative = 'var(--inverse-text-negative, #D11D23)';
+var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #AF181DFF)';
 
 /** Инвертированный цвет ошибки */
 var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #E3353BFF)';
 
-/** Инвертированный цвет ошибки */
-var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #AF181DFF)';
+/** Вторичный непрозрачный фон поверхности/контрола */
+var surfaceSolidSecondary = 'var(--surface-solid-secondary, #292929)';
 
-/** Третичный прозрачный фон поверхности/контрола */
-var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF3D)';
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiary = 'var(--surface-solid-tertiary, #474747)';
 
-/** Третичный прозрачный фон поверхности/контрола */
-var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF5C)';
+/** Вторичный непрозрачный фон поверхности/контрола */
+var surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #242424FF)';
 
-/** Третичный прозрачный фон поверхности/контрола */
-var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF2E)';
+/** Вторичный непрозрачный фон поверхности/контрола */
+var surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #333333FF)';
 
-/** Глубокий прозрачный фон поверхности/контрола */
-var surfaceTransparentDeep = 'var(--surface-transparent-deep, #373737B8)';
+/** Третичный непрозрачный фон поверхности/контрола */
+var surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #525252FF)';
 
-/** Глубокий прозрачный фон поверхности/контрола */
-var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #383838D6)';
+/** Инвертированный цвет информации */
+var inverseTextInfoActive = 'var(--inverse-text-info-active, #194B85FF)';
 
-/** Глубокий прозрачный фон поверхности/контрола */
-var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #383838A8)';
+/** Инвертированный цвет информации */
+var inverseTextInfo = 'var(--inverse-text-info, #205EA5)';
 
-/** Прозрачный фон для карточек */
-var surfaceTransparentCard = 'var(--surface-transparent-card, #23232380)';
+/** Инвертированный цвет информации */
+var inverseTextInfoHover = 'var(--inverse-text-info-hover, #000000FF)';
 
-/** Прозрачный фон для карточек */
-var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #2424249E)';
+/** Инвертированный цвет предупреждения */
+var inverseTextWarning = 'var(--inverse-text-warning, #973C09)';
 
-/** Прозрачный фон для карточек */
-var surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #24242470)';
+/** Инвертированный цвет предупреждения */
+var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #BC4C0BFF)';
 
-/** Прозрачный фон для карточек */
-var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #FAFAFA0F)';
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimary = 'var(--surface-solid-primary, #232323)';
 
-/** Фон поверхности/контрола без заливки */
-var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
+/** Инвертированный цвет предупреждения */
+var inverseTextWarningActive = 'var(--inverse-text-warning-active, #6F2D06FF)';
 
-/** Фон поверхности/контрола без заливки */
-var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)';
+/** Инвертированный цвет успеха */
+var inverseTextPositive = 'var(--inverse-text-positive, #207F1F)';
 
-/** Фон поверхности/контрола без заливки */
-var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #2E2E2EFF)';
 
 /** Акцентный фон поверхности/контрола */
 var surfaceAccent = 'var(--surface-accent, #0BA686)';
@@ -1063,86 +1168,116 @@ var surfaceAccentHover = 'var(--surface-accent-hover, #0CBB98FF)';
 /** Акцентный фон поверхности/контрола */
 var surfaceAccentActive = 'var(--surface-accent-active, #0A9E81FF)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола */
-var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #055C4CFF)';
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0F)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола */
-var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #043F34FF)';
+/** Вторичный прозрачный фон поверхности/контрола */
+var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
 
-/** Прозрачный акцентный фон поверхности/контрола */
-var surfaceTransparentAccent = 'var(--surface-transparent-accent, #0BA68633)';
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF24)';
 
-/** Прозрачный акцентный фон поверхности/контрола */
-var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #0BA88852)';
+/** Глубокий прозрачный фон поверхности/контрола */
+var surfaceTransparentDeep = 'var(--surface-transparent-deep, #A1A09F99)';
 
-/** Прозрачный акцентный фон поверхности/контрола */
-var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #0BA88824)';
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
+
+/** Глубокий прозрачный фон поверхности/контрола */
+var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #A2A1A08A)';
+
+/** Глубокий прозрачный фон поверхности/контрола */
+var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #A2A1A0B8)';
 
 /** Основной фон для карточек */
 var surfaceSolidCardActive = 'var(--surface-solid-card-active, #1F1F1FFF)';
 
 /** Основной фон для карточек */
-var surfaceSolidCard = 'var(--surface-solid-card, #232323)';
+var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #2E2E2EFF)';
 
 /** Основной фон для карточек */
 var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #262626FF)';
 
-/** Непрозрачный фон поверхности/контрола по умолчанию */
-var surfaceSolidDefault = 'var(--surface-solid-default, #F6F2F0)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #055C4CFF)';
 
-/** Непрозрачный фон поверхности/контрола по умолчанию */
-var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #F9F7F5FF)';
+/** Фон поверхности/контрола без заливки */
+var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
 
-/** Основной прозрачный фон поверхности/контрола */
-var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
+/** Фон поверхности/контрола без заливки */
+var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
 
-/** Основной прозрачный фон поверхности/контрола */
-var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF24)';
+/** Основной фон для карточек */
+var surfaceSolidCard = 'var(--surface-solid-card, #232323)';
+
+/** Фон поверхности/контрола без заливки */
+var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #383838A8)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #383838D6)';
+
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #FAFAFA0F)';
 
 /** Непрозрачный фон поверхности/контрола по умолчанию */
 var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F2ECE9FF)';
 
-/** Основной фон для карточек */
-var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #2E2E2EFF)';
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+var surfaceSolidDefault = 'var(--surface-solid-default, #F6F2F0)';
 
-/** Основной прозрачный фон поверхности/контрола */
-var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0F)';
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #F9F7F5FF)';
 
-/** Вторичный прозрачный фон поверхности/контрола */
-var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
+/** Прозрачный акцентный фон поверхности/контрола */
+var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #0BA88824)';
 
-/** Вторичный прозрачный фон поверхности/контрола */
-var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF47)';
+/** Прозрачный фон для карточек */
+var surfaceTransparentCard = 'var(--surface-transparent-card, #373737B8)';
 
 /** Вторичный прозрачный фон поверхности/контрола */
 var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF1A)';
 
-/** Цвет фона поверхности/контрола ошибка */
-var surfaceNegative = 'var(--surface-negative, #F8A6A9)';
+/** Третичный прозрачный фон поверхности/контрола */
+var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF3D)';
 
-/** Цвет фона поверхности/контрола ошибка */
-var surfaceNegativeHover = 'var(--surface-negative-hover, #F9B8BAFF)';
+/** Прозрачный акцентный фон поверхности/контрола */
+var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #0BA88852)';
 
-/** Цвет фона поверхности/контрола ошибка */
-var surfaceNegativeActive = 'var(--surface-negative-active, #F79C9FFF)';
+/** Прозрачный акцентный фон поверхности/контрола */
+var surfaceTransparentAccent = 'var(--surface-transparent-accent, #0BA68633)';
 
-/** Цвет фона поверхности/контрола информация */
-var surfaceInfo = 'var(--surface-info, #9BCAF8)';
+/** Вторичный прозрачный фон поверхности/контрола */
+var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF47)';
 
-/** Цвет фона поверхности/контрола информация */
-var surfaceInfoHover = 'var(--surface-info-hover, #AED4F9FF)';
+/** Третичный прозрачный фон поверхности/контрола */
+var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF2E)';
 
-/** Цвет фона поверхности/контрола информация */
-var surfaceInfoActive = 'var(--surface-info-active, #91C4F7FF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #043F34FF)';
+
+/** Третичный прозрачный фон поверхности/контрола */
+var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF5C)';
 
 /** Цвет фона поверхности/контрола успех */
 var surfacePositiveActive = 'var(--surface-positive-active, #9FCF9BFF)';
 
 /** Цвет фона поверхности/контрола успех */
-var surfacePositive = 'var(--surface-positive, #A6D2A2)';
+var surfacePositiveHover = 'var(--surface-positive-hover, #B3D9B0FF)';
+
+/** Цвет фона поверхности/контрола ошибка */
+var surfaceNegativeActive = 'var(--surface-negative-active, #F79C9FFF)';
 
 /** Цвет фона поверхности/контрола успех */
-var surfacePositiveHover = 'var(--surface-positive-hover, #B3D9B0FF)';
+var surfacePositive = 'var(--surface-positive, #A6D2A2)';
+
+/** Цвет фона поверхности/контрола ошибка */
+var surfaceNegativeHover = 'var(--surface-negative-hover, #F9B8BAFF)';
+
+/** Цвет фона поверхности/контрола информация */
+var surfaceInfoHover = 'var(--surface-info-hover, #AED4F9FF)';
 
 /** Цвет фона поверхности/контрола предупреждение */
 var surfaceWarning = 'var(--surface-warning, #F8AD80)';
@@ -1153,23 +1288,38 @@ var surfaceWarningHover = 'var(--surface-warning-hover, #F9BB94FF)';
 /** Цвет фона поверхности/контрола предупреждение */
 var surfaceWarningActive = 'var(--surface-warning-active, #F8A977FF)';
 
+/** Цвет фона поверхности/контрола информация */
+var surfaceInfoActive = 'var(--surface-info-active, #91C4F7FF)';
+
+/** Цвет фона поверхности/контрола ошибка */
+var surfaceNegative = 'var(--surface-negative, #F8A6A9)';
+
+/** Цвет фона поверхности/контрола информация */
+var surfaceInfo = 'var(--surface-info, #9BCAF8)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #F8A5A870)';
+
 /** Прозрачный цвет фона поверхности/контрола предупреждение */
 var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #F8A5A89E)';
 
-/** Цвет для readOnly */
-var surfaceReadOnly = 'var(--surface-read-only, #F9F9F905)';
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentNegative = 'var(--surface-transparent-negative, #F8A6A980)';
 
-/** Цвет для readOnly */
-var surfaceReadOnlyHover = 'var(--surface-read-only-hover, #FAFAFA0F)';
+/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #292929)';
 
-/** Цвет для readOnly */
-var surfaceReadOnlyActive = 'var(--surface-read-only-active, #FAFAFA00)';
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #474747)';
 
-/** Основной непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #232323)';
+/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #242424FF)';
 
-/** Основной непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #2E2E2EFF)';
+/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #333333FF)';
+
+/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #525252FF)';
 
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #1F1F1FFF)';
@@ -1177,56 +1327,59 @@ var onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-activ
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #262626FF)';
 
-/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #292929)';
+/** Цвет для readOnly */
+var surfaceReadOnlyActive = 'var(--surface-read-only-active, #FAFAFA00)';
 
-/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #333333FF)';
+/** Цвет для readOnly */
+var surfaceReadOnly = 'var(--surface-read-only, #F9F9F905)';
 
-/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #242424FF)';
+/** Цвет для readOnly */
+var surfaceReadOnlyHover = 'var(--surface-read-only-hover, #FAFAFA0F)';
 
-/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #474747)';
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #2E2E2EFF)';
 
-/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #525252FF)';
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #232323)';
 
-/** Прозрачный цвет фона поверхности/контрола предупреждение */
-var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #F8A5A870)';
+/** Акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #0BA686)';
 
-/** Прозрачный цвет фона поверхности/контрола предупреждение */
-var surfaceTransparentNegative = 'var(--surface-transparent-negative, #F8A6A980)';
+/** Акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #0CBB98FF)';
 
-/** Третичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF3D)';
+/** Акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #0A9E81FF)';
 
-/** Третичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF5C)';
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0F)';
 
-/** Третичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF2E)';
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
 
-/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #373737B8)';
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF24)';
 
 /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #383838D6)';
+var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #A1A09F99)';
+
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF14)';
 
 /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #383838A8)';
+var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #A2A1A08A)';
 
-/** Прозрачный фон для карточек на темном фоне */
-var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #23232380)';
+/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #A2A1A0B8)';
 
-/** Прозрачный фон для карточек на темном фоне */
-var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #2424249E)';
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #1F1F1FFF)';
 
-/** Прозрачный фон для карточек на темном фоне */
-var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #24242470)';
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #2E2E2EFF)';
 
-/** Прозрачный фон для карточек на темном фоне */
-var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FAFAFA0F)';
+/** Основной фон для карточек на темном фоне */
+var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #262626FF)';
 
 /** Фон поверхности/контрола без заливки на темном фоне */
 var onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)';
@@ -1234,29 +1387,11 @@ var onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)';
 /** Фон поверхности/контрола без заливки на темном фоне */
 var onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF00)';
 
-/** Фон поверхности/контрола без заливки на темном фоне */
-var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)';
-
-/** Акцентный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #0BA686)';
-
-/** Акцентный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #0CBB98FF)';
-
-/** Акцентный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #0A9E81FF)';
-
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #04473B)';
-
-/** Основной фон для карточек на темном фоне */
-var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #1F1F1FFF)';
-
-/** Основной фон для карточек на темном фоне */
-var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #232323)';
+/** Фон поверхности/контрола без заливки на темном фоне */
+var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFF00)';
 
 /** Основной фон для карточек на темном фоне */
-var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #262626FF)';
+var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #232323)';
 
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
 var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #F9F7F5FF)';
@@ -1264,62 +1399,62 @@ var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover,
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
 var onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F2ECE9FF)';
 
-/** Основной прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF14)';
-
-/** Основной прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF24)';
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #373737B8)';
 
-/** Основной фон для карточек на темном фоне */
-var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #2E2E2EFF)';
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #383838D6)';
 
-/** Основной прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0F)';
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FAFAFA0F)';
 
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
+var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF1A)';
+
+/** Третичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF3D)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #383838A8)';
 
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)';
 
-/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF1A)';
+/** Третичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF2E)';
 
-/** Цвет фона поверхности/контрола успех на темном фоне */
-var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #B3D9B0FF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #04473B)';
+
+/** Третичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF5C)';
 
 /** Цвет фона поверхности/контрола успех на темном фоне */
 var onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #9FCF9BFF)';
 
-/** Цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #F8AD80)';
-
-/** Цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #F9BB94FF)';
-
-/** Цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #F8A977FF)';
+/** Цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #B3D9B0FF)';
 
 /** Цвет фона поверхности/контрола ошибка на темном фоне */
-var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #F8A6A9)';
+var onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #F79C9FFF)';
 
-/** Цвет фона поверхности/контрола ошибка на темном фоне */
-var onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #F9B8BAFF)';
+/** Цвет фона поверхности/контрола успех на темном фоне */
+var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #A6D2A2)';
 
 /** Цвет фона поверхности/контрола ошибка на темном фоне */
-var onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #F79C9FFF)';
+var onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #F9B8BAFF)';
 
 /** Цвет фона поверхности/контрола информация на темном фоне */
-var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #9BCAF8)';
+var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #AED4F9FF)';
 
 /** Цвет фона поверхности/контрола информация на темном фоне */
-var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #AED4F9FF)';
+var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #9BCAF8)';
 
 /** Цвет фона поверхности/контрола информация на темном фоне */
 var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #91C4F7FF)';
 
-/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #0BA88824)';
+/** Цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #F8A977FF)';
 
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #0BA68633)';
@@ -1327,170 +1462,167 @@ var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent,
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #0BA88852)';
 
-/** Цвет фона поверхности/контрола успех на темном фоне */
-var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #A6D2A2)';
+/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #0BA88824)';
 
-/** Цвет для readOnly */
-var onDarkSurfaceReadOnly = 'var(--on-dark-surface-read-only, #F9F9F905)';
+/** Цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #F8AD80)';
 
-/** Цвет для readOnly */
-var onDarkSurfaceReadOnlyHover = 'var(--on-dark-surface-read-only-hover, #FAFAFA0F)';
+/** Цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #F9BB94FF)';
 
-/** Цвет для readOnly */
-var onDarkSurfaceReadOnlyActive = 'var(--on-dark-surface-read-only-active, #FAFAFA00)';
+/** Цвет фона поверхности/контрола ошибка на темном фоне */
+var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #F8A6A9)';
 
-/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #FFFFFF)';
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #F8A5A870)';
 
-/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FFFFFFFF)';
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #F8A5A89E)';
 
-/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #FFFFFFFF)';
+/** Цвет для readOnly */
+var onDarkSurfaceReadOnlyActive = 'var(--on-dark-surface-read-only-active, #FAFAFA00)';
 
-/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidPrimaryBrightness = 'var(--on-light-surface-solid-primary-brightness, #FFFFFFFF)';
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #F8A6A980)';
 
 /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #FFFFFF)';
 
-/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #FFFFFFFF)';
+/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #FFFFFF)';
 
 /** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #FFFFFFFF)';
 
-/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #FFFFFF)';
+/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #FFFFFFFF)';
 
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #FFFFFFFF)';
 
-/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #F8A5A870)';
-
-/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #F8A6A980)';
-
-/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
-var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #F8A5A89E)';
-
-/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #15110F1F)';
+/** Цвет для readOnly */
+var onDarkSurfaceReadOnlyHover = 'var(--on-dark-surface-read-only-hover, #FAFAFA0F)';
 
-/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #15110F2E)';
+/** Цвет для readOnly */
+var onDarkSurfaceReadOnly = 'var(--on-dark-surface-read-only, #F9F9F905)';
 
-/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #15110F33)';
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #FFFFFFFF)';
 
-/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #FFFFFFB3)';
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FFFFFFFF)';
 
-/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #FFFFFFC2)';
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimaryBrightness = 'var(--on-light-surface-solid-primary-brightness, #FFFFFFFF)';
 
-/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #FFFFFFC7)';
+/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #FFFFFF)';
 
-/** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFF85)';
+/** Акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccent = 'var(--on-light-surface-accent, #0BA686)';
 
-/** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFF94)';
+/** Акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #0CBB98FF)';
 
-/** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFF99)';
+/** Акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #099579FF)';
 
-/** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #15110F0F)';
 
-/** Фон поверхности/контрола без заливки на светлом фоне */
-var onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)';
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #15110F14)';
 
-/** Фон поверхности/контрола без заливки на светлом фоне */
-var onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)';
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #15110F0D)';
 
-/** Фон поверхности/контрола без заливки на светлом фоне */
-var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)';
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #A1A09FA3)';
 
-/** Акцентный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccent = 'var(--on-light-surface-accent, #0BA686)';
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #15110F0A)';
 
-/** Акцентный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #0CBB98FF)';
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #A2A1A0B8)';
 
-/** Акцентный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #099579FF)';
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #A2A1A0B3)';
 
 /** Основной фон для карточек на светлом фоне */
 var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)';
 
 /** Основной фон для карточек на светлом фоне */
-var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF)';
+var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)';
 
 /** Основной фон для карточек на светлом фоне */
 var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
 
+/** Фон поверхности/контрола без заливки на светлом фоне */
+var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFF00)';
+
+/** Основной фон для карточек на светлом фоне */
+var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF)';
+
+/** Фон поверхности/контрола без заливки на светлом фоне */
+var onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFF00)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
+var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #090706FF)';
+
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #15110F)';
 
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #271F1CFF)';
 
-/** Основной прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #15110F0A)';
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFC7)';
 
-/** Основной прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #15110F0D)';
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFC2)';
 
-/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #090706FF)';
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #15110F1F)';
 
-/** Основной фон для карточек на светлом фоне */
-var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)';
+/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #15110F1F)';
 
-/** Основной прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #15110F0F)';
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
 
-/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #15110F14)';
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFFB3)';
 
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
 
-/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #15110F1F)';
+/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #15110F33)';
 
-/** Цвет фона поверхности/контрола успех на светлом фоне */
-var onLightSurfacePositive = 'var(--on-light-surface-positive, #239322)';
+/** Фон поверхности/контрола без заливки на светлом фоне */
+var onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)';
 
-/** Цвет фона поверхности/контрола успех на светлом фоне */
-var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #28A126FF)';
+/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #15110F2E)';
+
+/** Цвет фона поверхности/контрола информация на светлом фоне */
+var onLightSurfaceInfo = 'var(--on-light-surface-info, #3776BC)';
 
 /** Цвет фона поверхности/контрола успех на светлом фоне */
 var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #20801EFF)';
 
-/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceWarning = 'var(--on-light-surface-warning, #BE4E0C)';
-
-/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #D3560DFF)';
-
-/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #AD460BFF)';
+/** Цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #28A126FF)';
 
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
-var onLightSurfaceNegative = 'var(--on-light-surface-negative, #E83439)';
+var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #E72329FF)';
 
-/** Цвет фона поверхности/контрола ошибка на светлом фоне */
-var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #EC5156FF)';
+/** Цвет фона поверхности/контрола успех на светлом фоне */
+var onLightSurfacePositive = 'var(--on-light-surface-positive, #239322)';
 
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
-var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #E72329FF)';
-
-/** Цвет фона поверхности/контрола информация на светлом фоне */
-var onLightSurfaceInfo = 'var(--on-light-surface-info, #3776BC)';
+var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #EC5156FF)';
 
 /** Цвет фона поверхности/контрола информация на светлом фоне */
 var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #4180C8FF)';
@@ -1499,211 +1631,214 @@ var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #4180C8FF)';
 var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #326CAEFF)';
 
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #0BA88833)';
+var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #0BA8882E)';
 
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #0BA6861F)';
 
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #0BA8882E)';
+var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #0BA88833)';
+
+/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarning = 'var(--on-light-surface-warning, #BE4E0C)';
+
+/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #AD460BFF)';
+
+/** Цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegative = 'var(--on-light-surface-negative, #E83439)';
+
+/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #D3560DFF)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #E9353B3D)';
 
 /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
 var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #E9353B38)';
 
 /** Цвет для readOnly */
-var onLightSurfaceReadOnly = 'var(--on-light-surface-read-only, #F9F9F903)';
+var onLightSurfaceReadOnlyActive = 'var(--on-light-surface-read-only-active, #FAFAFA08)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #E8343929)';
+
+/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #FFFFFF)';
+
+/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
+
+/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #FFFFFFFF)';
 
 /** Цвет для readOnly */
 var onLightSurfaceReadOnlyHover = 'var(--on-light-surface-read-only-hover, #FAFAFA05)';
 
 /** Цвет для readOnly */
-var onLightSurfaceReadOnlyActive = 'var(--on-light-surface-read-only-active, #FAFAFA08)';
+var onLightSurfaceReadOnly = 'var(--on-light-surface-read-only, #F9F9F903)';
 
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFF)';
+var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #FFFFFFFF)';
 
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #FFFFFFFF)';
+var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFF)';
 
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #FFFFFFFF)';
 
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #FFFFFFFF)';
+var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #FFFFFFFF)';
 
-/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #FFFFFF)';
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #15110F2E)';
 
-/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #FFFFFFFF)';
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccent = 'var(--inverse-surface-accent, #0BA686)';
 
-/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
+/** Инвертированный фон поверхности/контрола без заливки */
+var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)';
 
-/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #E9353B3D)';
+/** Инвертированный фон поверхности/контрола без заливки */
+var inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)';
 
-/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
-var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #E8343929)';
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #15110F0F)';
 
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #15110F1F)';
+var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #15110F14)';
 
-/** Инвертированный третичный прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #15110F1F)';
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #15110F0D)';
 
-/** Инвертированный третичный прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #15110F2E)';
+/** Инвертированный глубокий прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #A1A09FA3)';
 
-/** Инвертированный третичный прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #15110F33)';
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #15110F0A)';
 
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #FFFFFFB3)';
+var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #A2A1A0B8)';
 
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #FFFFFFC2)';
+var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #A2A1A0B3)';
 
-/** Инвертированный глубокий прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #FFFFFFC7)';
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)';
 
-/** Инвертированный прозрачный фон для карточек */
-var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFF85)';
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)';
 
-/** Инвертированный прозрачный фон для карточек */
-var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFF94)';
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)';
 
-/** Инвертированный прозрачный фон для карточек */
-var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFF99)';
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFF)';
 
 /** Инвертированный прозрачный фон для карточек */
 var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
 
-/** Инвертированный фон поверхности/контрола без заливки */
-var inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)';
-
-/** Инвертированный фон поверхности/контрола без заливки */
-var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)';
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFC2)';
 
-/** Инвертированный фон поверхности/контрола без заливки */
-var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)';
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110F)';
 
-/** Инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceAccent = 'var(--inverse-surface-accent, #0BA686)';
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #090706FF)';
 
 /** Инвертированный третичный непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #FFFFFFFF)';
 
-/** Инвертированный третичный непрозрачный фон поверхности/контрола */
-var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #FFFFFFFF)';
-
-/** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFF)';
-
-/** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)';
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFC7)';
 
-/** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)';
+/** Инвертированный прозрачный фон для карточек */
+var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFFB3)';
 
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
 var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #271F1CFF)';
 
-/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #090706FF)';
-
-/** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)';
-
-/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110F)';
-
-/** Инвертированный основной прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #15110F0A)';
-
-/** Инвертированный основной прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #15110F0D)';
-
-/** Инвертированный основной прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #15110F0F)';
+/** Инвертированный третичный непрозрачный фон поверхности/контрола */
+var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #FFFFFFFF)';
 
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #15110F14)';
+var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #15110F1F)';
+
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #15110F1F)';
 
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #15110F1A)';
 
-/** Инвертированный цвет фона поверхности/контрола успех */
-var inverseSurfacePositive = 'var(--inverse-surface-positive, #239322)';
-
-/** Инвертированный цвет фона поверхности/контрола успех */
-var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #28A126FF)';
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #15110F33)';
 
-/** Инвертированный цвет фона поверхности/контрола успех */
-var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #20801EFF)';
+/** Инвертированный фон поверхности/контрола без заливки */
+var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFF00)';
 
 /** Инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceWarning = 'var(--inverse-surface-warning, #BE4E0C)';
+var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #AD460BFF)';
 
 /** Инвертированный цвет фона поверхности/контрола предупреждение */
 var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #D3560DFF)';
 
-/** Инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #AD460BFF)';
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
+
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #BFEDE1FF)';
+
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #0CBB98FF)';
+
+/** Инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #20801EFF)';
+
+/** Инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #28A126FF)';
 
 /** Инвертированный цвет фона поверхности/контрола ошибка */
-var inverseSurfaceNegative = 'var(--inverse-surface-negative, #E83439)';
+var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #E72329FF)';
+
+/** Инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfacePositive = 'var(--inverse-surface-positive, #239322)';
 
 /** Инвертированный цвет фона поверхности/контрола ошибка */
 var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #EC5156FF)';
 
 /** Инвертированный цвет фона поверхности/контрола ошибка */
-var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #E72329FF)';
-
-/** Инвертированный цвет фона поверхности/контрола информация */
-var inverseSurfaceInfo = 'var(--inverse-surface-info, #3776BC)';
+var inverseSurfaceNegative = 'var(--inverse-surface-negative, #E83439)';
 
 /** Инвертированный цвет фона поверхности/контрола информация */
 var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #4180C8FF)';
 
-/** Инвертированный цвет фона поверхности/контрола информация */
-var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #326CAEFF)';
-
-/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #BFEDE1FF)';
-
-/** Инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #0CBB98FF)';
+/** Инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceWarning = 'var(--inverse-surface-warning, #BE4E0C)';
 
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
 var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #0BA6861F)';
 
-/** Прозрачный инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #0BA8882E)';
+/** Инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #326CAEFF)';
 
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
 var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #0BA88833)';
 
-/** Инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
+/** Инвертированный цвет фона поверхности/контрола информация */
+var inverseSurfaceInfo = 'var(--inverse-surface-info, #3776BC)';
+
+/** Прозрачный инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #0BA8882E)';
 
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
 var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #E9353B3D)';
 
 /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #E8343929)';
-
-/** Цвет для readOnly */
-var inverseSurfaceReadOnly = 'var(--inverse-surface-read-only, #F9F9F903)';
-
-/** Цвет для readOnly */
-var inverseSurfaceReadOnlyHover = 'var(--inverse-surface-read-only-hover, #FAFAFA05)';
-
-/** Цвет для readOnly */
-var inverseSurfaceReadOnlyActive = 'var(--inverse-surface-read-only-active, #FAFAFA08)';
+var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #E9353B38)';
 
-/** Основной фон */
-var backgroundPrimary = 'var(--background-primary, #141413)';
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #E8343929)';
 
 /** Вторичный фон */
 var backgroundSecondary = 'var(--background-secondary, #0F0F0F)';
@@ -1711,26 +1846,38 @@ var backgroundSecondary = 'var(--background-secondary, #0F0F0F)';
 /** Третичный фон */
 var backgroundTertiary = 'var(--background-tertiary, #141413)';
 
-/** Основной фон на темном фоне */
-var darkBackgroundPrimary = 'var(--dark-background-primary, #141413)';
+/** Основной фон на светлом фоне */
+var lightBackgroundPrimary = 'var(--light-background-primary, #EBE7E5)';
+
+/** Цвет для readOnly */
+var inverseSurfaceReadOnlyActive = 'var(--inverse-surface-read-only-active, #FAFAFA08)';
 
 /** Вторичный фон на темном фоне */
 var darkBackgroundSecondary = 'var(--dark-background-secondary, #0F0F0F)';
 
+/** Цвет для readOnly */
+var inverseSurfaceReadOnlyHover = 'var(--inverse-surface-read-only-hover, #FAFAFA05)';
+
+/** Цвет для readOnly */
+var inverseSurfaceReadOnly = 'var(--inverse-surface-read-only, #F9F9F903)';
+
 /** Третичный фон на темном фоне */
 var darkBackgroundTertiary = 'var(--dark-background-tertiary, #141413)';
 
-/** Основной фон на светлом фоне */
-var lightBackgroundPrimary = 'var(--light-background-primary, #EBE7E5)';
+/** Основной фон на темном фоне */
+var darkBackgroundPrimary = 'var(--dark-background-primary, #141413)';
 
-/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
-var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #E9353B38)';
+/** Основной фон */
+var backgroundPrimary = 'var(--background-primary, #141413)';
 
-/** Инвертированный цвет фона паранжи светлый */
-var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
+/** Цвет фона паранжи светлый на темном фоне */
+var onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0000001F)';
 
-/** Инвертированный цвет фона паранжи темный */
-var inverseOverlayHard = 'var(--inverse-overlay-hard, #00000052)';
+/** Цвет фона паранжи темный на темном фоне */
+var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #00000029)';
+
+/** Основной прозрачный цвет обводки */
+var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF12)';
 
 /** Основной прозрачный цвет обводки */
 var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
@@ -1738,122 +1885,128 @@ var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
 /** Основной прозрачный цвет обводки */
 var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFF4D)';
 
-/** Основной прозрачный цвет обводки */
-var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF12)';
+/** Цвет фона паранжи темный */
+var overlayHard = 'var(--overlay-hard, #00000029)';
 
-/** Бесцветная обводка */
-var outlineClear = 'var(--outline-clear, #FFFFFF00)';
+/** Цвет фона паранжи светлый */
+var overlaySoft = 'var(--overlay-soft, #0000001F)';
 
-/** Инвертированный вторичный фон */
-var inverseBackgroundSecondary = 'var(--inverse-background-secondary, #F6F2F0)';
+/** Цвет фона паранжи темный на светлом фоне */
+var onLightOverlayHard = 'var(--on-light-overlay-hard, #00000052)';
 
-/** Третичный фон на светлом фоне */
-var lightBackgroundTertiary = 'var(--light-background-tertiary, #FFFFFF)';
+/** Инвертированный цвет фона паранжи светлый */
+var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
 
-/** Инвертированный третичный фон */
-var inverseBackgroundTertiary = 'var(--inverse-background-tertiary, #FFFFFF)';
+/** Цвет фона паранжи светлый на светлом фоне */
+var onLightOverlaySoft = 'var(--on-light-overlay-soft, #0000003D)';
 
-/** Цвет фона паранжи светлый */
-var overlaySoft = 'var(--overlay-soft, #0000001F)';
+/** Инвертированный цвет фона паранжи темный */
+var inverseOverlayHard = 'var(--inverse-overlay-hard, #00000052)';
 
-/** Цвет фона паранжи темный */
-var overlayHard = 'var(--overlay-hard, #00000029)';
+/** Бесцветная обводка */
+var outlineClear = 'var(--outline-clear, #FFFFFF00)';
+
+/** Инвертированный третичный фон */
+var inverseBackgroundTertiary = 'var(--inverse-background-tertiary, #FFFFFF)';
 
-/** Цвет фона паранжи светлый на темном фоне */
-var onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0000001F)';
+/** Инвертированный вторичный фон */
+var inverseBackgroundSecondary = 'var(--inverse-background-secondary, #F6F2F0)';
 
-/** Цвет фона паранжи темный на темном фоне */
-var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #00000029)';
+/** Третичный фон на светлом фоне */
+var lightBackgroundTertiary = 'var(--light-background-tertiary, #FFFFFF)';
 
 /** Инвертированный основной фон */
 var inverseBackgroundPrimary = 'var(--inverse-background-primary, #EBE7E5)';
 
-/** Цвет фона паранжи светлый на светлом фоне */
-var onLightOverlaySoft = 'var(--on-light-overlay-soft, #0000003D)';
-
-/** Цвет фона паранжи темный на светлом фоне */
-var onLightOverlayHard = 'var(--on-light-overlay-hard, #00000052)';
-
 /** Цвет обводки успех */
 var outlinePositive = 'var(--outline-positive, #A6D2A2)';
 
-/** Цвет обводки успех */
-var outlinePositiveHover = 'var(--outline-positive-hover, #DBEDD9FF)';
+/** Цвет обводки ошибка */
+var outlineNegative = 'var(--outline-negative, #F8A6A9)';
 
-/** Цвет обводки успех */
-var outlinePositiveActive = 'var(--outline-positive-active, #92C88DFF)';
+/** Акцентный цвет обводки */
+var outlineAccentHover = 'var(--outline-accent-hover, #0EE1B7FF)';
 
-/** Цвет обводки предупреждение */
-var outlineWarning = 'var(--outline-warning, #F8AD80)';
+/** Акцентный цвет обводки */
+var outlineAccent = 'var(--outline-accent, #0BA686)';
 
-/** Цвет обводки предупреждение */
-var outlineWarningHover = 'var(--outline-warning-hover, #FCE0CFFF)';
+/** Акцентный цвет обводки */
+var outlineAccentActive = 'var(--outline-accent-active, #099579FF)';
 
-/** Цвет обводки предупреждение */
-var outlineWarningActive = 'var(--outline-warning-active, #F79C64FF)';
+/** Цвет обводки успех */
+var outlinePositiveActive = 'var(--outline-positive-active, #92C88DFF)';
 
-/** Цвет обводки ошибка */
-var outlineNegative = 'var(--outline-negative, #F8A6A9)';
+/** Цвет обводки успех */
+var outlinePositiveHover = 'var(--outline-positive-hover, #DBEDD9FF)';
 
 /** Цвет обводки ошибка */
-var outlineNegativeHover = 'var(--outline-negative-hover, #F25A5FFF)';
+var outlineNegativeActive = 'var(--outline-negative-active, #EF343AFF)';
 
 /** Цвет обводки ошибка */
-var outlineNegativeActive = 'var(--outline-negative-active, #EF343AFF)';
+var outlineNegativeHover = 'var(--outline-negative-hover, #F25A5FFF)';
 
-/** Цвет обводки информация */
-var outlineInfo = 'var(--outline-info, #9BCAF8)';
+/** Бесцветная обводка */
+var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
 
 /** Цвет обводки информация */
 var outlineInfoHover = 'var(--outline-info-hover, #E7F2FDFF)';
 
-/** Цвет обводки информация */
-var outlineInfoActive = 'var(--outline-info-active, #7EBAF6FF)';
+/** Цвет обводки предупреждение */
+var outlineWarningHover = 'var(--outline-warning-hover, #FCE0CFFF)';
 
 /** Бесцветная обводка */
 var outlineClearActive = 'var(--outline-clear-active, #FFFFFF00)';
 
-/** Бесцветная обводка */
-var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
+/** Цвет обводки предупреждение */
+var outlineWarning = 'var(--outline-warning, #F8AD80)';
+
+/** Цвет обводки предупреждение */
+var outlineWarningActive = 'var(--outline-warning-active, #F79C64FF)';
+
+/** Цвет обводки информация */
+var outlineInfo = 'var(--outline-info, #9BCAF8)';
+
+/** Цвет обводки информация */
+var outlineInfoActive = 'var(--outline-info-active, #7EBAF6FF)';
 
 /** Основной прозрачный цвет обводки на темном фоне */
 var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #FFFFFF1F)';
 
 /** Основной прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFF4D)';
+var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
 
 /** Основной прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
+var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFF4D)';
 
-/** Цвет обводки успех на темном фоне */
-var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #A6D2A2)';
+/** Цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #F8AD80)';
 
-/** Цвет обводки успех на темном фоне */
-var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #DBEDD9FF)';
+/** Акцентный цвет обводки на темном фоне */
+var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #0BA686)';
 
 /** Цвет обводки успех на темном фоне */
 var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #92C88DFF)';
 
-/** Цвет обводки предупреждение на темном фоне */
-var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #F8AD80)';
-
-/** Цвет обводки предупреждение на темном фоне */
-var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FCE0CFFF)';
-
-/** Цвет обводки предупреждение на темном фоне */
-var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #F79C64FF)';
+/** Цвет обводки успех на темном фоне */
+var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #DBEDD9FF)';
 
 /** Цвет обводки ошибка на темном фоне */
-var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #F8A6A9)';
+var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #EF343AFF)';
+
+/** Цвет обводки успех на темном фоне */
+var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #A6D2A2)';
 
 /** Цвет обводки ошибка на темном фоне */
 var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #F25A5FFF)';
 
-/** Цвет обводки ошибка на темном фоне */
-var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #EF343AFF)';
+/** Акцентный цвет обводки на темном фоне */
+var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #0EE1B7FF)';
 
-/** Цвет обводки информация на темном фоне */
-var onDarkOutlineInfo = 'var(--on-dark-outline-info, #9BCAF8)';
+/** Акцентный цвет обводки на темном фоне */
+var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #099579FF)';
+
+/** Бесцветная обводка на темном фоне */
+var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
 
 /** Цвет обводки информация на темном фоне */
 var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #E7F2FDFF)';
@@ -1861,14 +2014,26 @@ var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #E7F2FDFF)';
 /** Цвет обводки информация на темном фоне */
 var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #7EBAF6FF)';
 
-/** Бесцветная обводка на темном фоне */
-var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFF00)';
+/** Цвет обводки информация на темном фоне */
+var onDarkOutlineInfo = 'var(--on-dark-outline-info, #9BCAF8)';
 
 /** Бесцветная обводка на темном фоне */
-var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
+var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF00)';
 
 /** Бесцветная обводка на темном фоне */
-var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF00)';
+var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFF00)';
+
+/** Цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #F79C64FF)';
+
+/** Цвет обводки ошибка на темном фоне */
+var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #F8A6A9)';
+
+/** Цвет обводки предупреждение на темном фоне */
+var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FCE0CFFF)';
+
+/** Цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #32CA2FFF)';
 
 /** Бесцветная обводка на светлом фоне */
 var onLightOutlineClear = 'var(--on-light-outline-clear, #FFFFFF00)';
@@ -1876,35 +2041,47 @@ var onLightOutlineClear = 'var(--on-light-outline-clear, #FFFFFF00)';
 /** Бесцветная обводка на светлом фоне */
 var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFF00)';
 
-/** Бесцветная обводка на светлом фоне */
-var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFF00)';
+/** Основной прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #15110F3D)';
+
+/** Основной прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #15110F62)';
+
+/** Основной прозрачный цвет обводки на светлом фоне */
+var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #15110F25)';
+
+/** Акцентный цвет обводки на светлом фоне */
+var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #0ED8AFFF)';
 
 /** Цвет обводки успех на светлом фоне */
 var onLightOutlinePositive = 'var(--on-light-outline-positive, #239322)';
 
-/** Цвет обводки успех на светлом фоне */
-var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #32CA2FFF)';
+/** Акцентный цвет обводки на светлом фоне */
+var onLightOutlineAccent = 'var(--on-light-outline-accent, #0BA686)';
 
-/** Основной прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #15110F3D)';
+/** Акцентный цвет обводки на светлом фоне */
+var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #088169FF)';
 
-/** Основной прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #15110F25)';
+/** Бесцветная обводка на светлом фоне */
+var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFF00)';
 
-/** Основной прозрачный цвет обводки на светлом фоне */
-var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #15110F62)';
+/** Цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #DC181FFF)';
 
 /** Цвет обводки ошибка на светлом фоне */
-var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439)';
+var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F17E82FF)';
 
 /** Цвет обводки предупреждение на светлом фоне */
 var onLightOutlineWarning = 'var(--on-light-outline-warning, #BE4E0C)';
 
-/** Цвет обводки ошибка на светлом фоне */
-var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F17E82FF)';
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #F3813FFF)';
 
 /** Цвет обводки ошибка на светлом фоне */
-var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #DC181FFF)';
+var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439)';
+
+/** Цвет обводки информация на светлом фоне */
+var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #81AADAFF)';
 
 /** Цвет обводки информация на светлом фоне */
 var onLightOutlineInfo = 'var(--on-light-outline-info, #3776BC)';
@@ -1912,42 +2089,39 @@ var onLightOutlineInfo = 'var(--on-light-outline-info, #3776BC)';
 /** Цвет обводки информация на светлом фоне */
 var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #3067A6FF)';
 
-/** Цвет обводки информация на светлом фоне */
-var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #81AADAFF)';
+/** Инвертированный акцентный цвет обводки */
+var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #088169FF)';
 
-/** Цвет обводки предупреждение на светлом фоне */
-var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #F3813FFF)';
+/** Инвертированный акцентный цвет обводки */
+var inverseOutlineAccent = 'var(--inverse-outline-accent, #0BA686)';
 
-/** Инвертированный основной прозрачный цвет обводки */
-var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #15110F3D)';
+/** Инвертированная бесцветная обводка */
+var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
+
+/** Инвертированная бесцветная обводка */
+var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
+
+/** Инвертированная бесцветная обводка */
+var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
 
 /** Инвертированный основной прозрачный цвет обводки */
 var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #15110F25)';
 
 /** Инвертированный основной прозрачный цвет обводки */
-var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #15110F62)';
+var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #15110F3D)';
 
-/** Инвертированная бесцветная обводка */
-var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
+/** Инвертированный основной прозрачный цвет обводки */
+var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #15110F62)';
 
-/** Инвертированная бесцветная обводка */
-var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
+/** Инвертированный акцентный цвет обводки */
+var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #0ED8AFFF)';
 
-/** Инвертированная бесцветная обводка */
-var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
+/** Инвертированный цвет обводки успех */
+var inverseOutlinePositive = 'var(--inverse-outline-positive, #239322)';
 
 /** Инвертированный цвет обводки ошибка */
 var inverseOutlineNegative = 'var(--inverse-outline-negative, #E83439)';
 
-/** Инвертированный цвет обводки ошибка */
-var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F17E82FF)';
-
-/** Инвертированный цвет обводки ошибка */
-var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #DC181FFF)';
-
-/** Инвертированный цвет обводки информация */
-var inverseOutlineInfo = 'var(--inverse-outline-info, #3776BC)';
-
 /** Инвертированный цвет обводки информация */
 var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #81AADAFF)';
 
@@ -1957,23 +2131,29 @@ var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #3067A6FF)';
 /** Инвертированный цвет обводки успех */
 var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #20801EFF)';
 
-/** Инвертированный цвет обводки успех */
-var inverseOutlinePositive = 'var(--inverse-outline-positive, #239322)';
-
 /** Инвертированный цвет обводки успех */
 var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #32CA2FFF)';
 
+/** Инвертированный цвет обводки ошибка */
+var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #DC181FFF)';
+
+/** Инвертированный цвет обводки ошибка */
+var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F17E82FF)';
+
 /** Инвертированный цвет обводки предупреждение */
-var inverseOutlineWarning = 'var(--inverse-outline-warning, #BE4E0C)';
+var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #A3420AFF)';
 
 /** Инвертированный цвет обводки предупреждение */
 var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #F3813FFF)';
 
 /** Инвертированный цвет обводки предупреждение */
-var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #A3420AFF)';
+var inverseOutlineWarning = 'var(--inverse-outline-warning, #BE4E0C)';
 
-/** Основной цвет текста */
-var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF97)';
+/** Инвертированный цвет обводки информация */
+var inverseOutlineInfo = 'var(--inverse-outline-info, #3776BC)';
+
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #C7F0E5FF)';
 
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
 var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F6F2F0)';
@@ -1981,173 +2161,173 @@ var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F6F2F0)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #BFEDE1FF)';
 
-/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #C7F0E5FF)';
+/** Основной цвет текста */
+var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF97)';
 
 /** On Dark Personas Indigo Surface Accent Gradient */
 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%))';
 
+/** On Light Personas Olive Surface Accent Gradient */
+var onLightPersonasOliveSurfaceAccentGradient = 'var(--on-light-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
+
 /** On Dark Personas Blue Surface Accent Gradient */
 var onDarkPersonasBlueSurfaceAccentGradient = 'var(--on-dark-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))';
 
-/** Inverse Personas Indigo Surface Accent Gradient */
-var inversePersonasIndigoSurfaceAccentGradient = 'var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))';
+/** On Dark Overlay Gradient */
+var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%))';
 
-/** Outline White Gradient */
-var outlineWhiteGradient = 'var(--outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%))';
+/** Inverse Personas Ochre Surface Accent Gradient */
+var inversePersonasOchreSurfaceAccentGradient = 'var(--inverse-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
 
-/** Personas Green Surface Accent Gradient */
-var personasGreenSurfaceAccentGradient = 'var(--personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
+/** On Dark Personas Violet Surface Accent Gradient */
+var onDarkPersonasVioletSurfaceAccentGradient = 'var(--on-dark-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
 
-/** Inverse Personas Sea Blue Surface Accent Gradient */
-var inversePersonasSeaBlueSurfaceAccentGradient = 'var(--inverse-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
+/** On Dark Surface Skeleton Gradient */
+var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))';
 
 /** On Light Personas Pink Surface Accent Gradient */
 var onLightPersonasPinkSurfaceAccentGradient = 'var(--on-light-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%))';
 
-/** Inverse Text Accent Gradient AI */
-var inverseTextAccentGradientAI = 'var(--inverse-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%))';
+/** Inverse Personas Sea Blue Surface Accent Gradient */
+var inversePersonasSeaBlueSurfaceAccentGradient = 'var(--inverse-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
+
+/** On Dark Personas Sea Blue Surface Accent Gradient */
+var onDarkPersonasSeaBlueSurfaceAccentGradient = 'var(--on-dark-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
 
 /** On Dark Personas Ochre Surface Accent Gradient */
 var onDarkPersonasOchreSurfaceAccentGradient = 'var(--on-dark-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))';
 
-/** Personas Sea Blue Surface Accent Gradient */
-var personasSeaBlueSurfaceAccentGradient = 'var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
+/** Outline White Gradient */
+var outlineWhiteGradient = 'var(--outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%))';
 
-/** Inverse Personas Pink Surface Accent Gradient */
-var inversePersonasPinkSurfaceAccentGradient = 'var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%))';
+/** Surface Skeleton Gradient */
+var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))';
 
-/** On Light Surface Skeleton Gradient */
-var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%))';
+/** Light Background Gradient */
+var lightBackgroundGradient = 'var(--light-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
 
-/** Inverse Personas Ochre Surface Accent Gradient */
-var inversePersonasOchreSurfaceAccentGradient = 'var(--inverse-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
+/** Overlay Gradient */
+var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%))';
 
-/** Dark Background Gradient */
-var darkBackgroundGradient = 'var(--dark-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
+/** Personas Sea Blue Surface Accent Gradient */
+var personasSeaBlueSurfaceAccentGradient = 'var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
 
-/** On Dark Personas Sea Blue Surface Accent Gradient */
-var onDarkPersonasSeaBlueSurfaceAccentGradient = 'var(--on-dark-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
+/** Inverse Personas Pink Surface Accent Gradient */
+var inversePersonasPinkSurfaceAccentGradient = 'var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%))';
 
-/** On Dark Surface Skeleton Gradient */
-var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))';
+/** Inverse Surface Skeleton Gradient */
+var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%))';
 
-/** Inverse Background Gradient */
-var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
+/** Inverse Text Accent Gradient AI */
+var inverseTextAccentGradientAI = 'var(--inverse-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%))';
 
 /** Inverse Overlay Gradient */
 var inverseOverlayGradient = 'var(--inverse-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
 
+/** On Light Surface Skeleton Gradient */
+var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%))';
+
 /** Personas Pink Surface Accent Gradient */
 var personasPinkSurfaceAccentGradient = 'var(--personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
 
-/** On Light Personas Olive Surface Accent Gradient */
-var onLightPersonasOliveSurfaceAccentGradient = 'var(--on-light-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
-
-/** Inverse Surface Accent Gradient Secondary */
-var inverseSurfaceAccentGradientSecondary = 'var(--inverse-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
-
-/** On Light Text Accent Gradient AI */
-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%))';
-
-/** Light Background Gradient */
-var lightBackgroundGradient = 'var(--light-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
+/** Inverse Personas Indigo Surface Accent Gradient */
+var inversePersonasIndigoSurfaceAccentGradient = 'var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))';
 
-/** Surface Skeleton Gradient */
-var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))';
+/** Background Gradient */
+var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
 
-/** Overlay Gradient */
-var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%))';
+/** Inverse Background Gradient */
+var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
 
-/** On Dark Overlay Gradient */
-var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%))';
+/** Personas Green Surface Accent Gradient */
+var personasGreenSurfaceAccentGradient = 'var(--personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
 
 /** On Light Outline White Gradient */
 var onLightOutlineWhiteGradient = 'var(--on-light-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%))';
 
-/** Background Gradient */
-var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
+/** Inverse Surface Accent Gradient Secondary */
+var inverseSurfaceAccentGradientSecondary = 'var(--inverse-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
 
-/** On Dark Personas Violet Surface Accent Gradient */
-var onDarkPersonasVioletSurfaceAccentGradient = 'var(--on-dark-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
+/** On Light Text Accent Gradient AI */
+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%))';
 
-/** Inverse Surface Skeleton Gradient */
-var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%))';
+/** Dark Background Gradient */
+var darkBackgroundGradient = 'var(--dark-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
 
-/** Surface Accent Gradient Secondary */
-var surfaceAccentGradientSecondary = 'var(--surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
+/** On Dark Text Accent Gradient AI */
+var onDarkTextAccentGradientAI = 'var(--on-dark-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
+
+/** On Dark Personas Pink Surface Accent Gradient */
+var onDarkPersonasPinkSurfaceAccentGradient = 'var(--on-dark-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
 
 /** Inverse Personas Green Surface Accent Gradient */
 var inversePersonasGreenSurfaceAccentGradient = 'var(--inverse-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))';
 
+/** Personas Indigo Surface Accent Gradient */
+var personasIndigoSurfaceAccentGradient = 'var(--personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
+
+/** Text Accent Gradient AI */
+var textAccentGradientAI = 'var(--text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
+
+/** Inverse Personas Violet Surface Accent Gradient */
+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%))';
+
 /** Personas Ochre Surface Accent Gradient */
 var personasOchreSurfaceAccentGradient = 'var(--personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))';
 
-/** Inverse Outline White Gradient */
-var inverseOutlineWhiteGradient = 'var(--inverse-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%))';
+/** On Dark Personas Green Surface Accent Gradient */
+var onDarkPersonasGreenSurfaceAccentGradient = 'var(--on-dark-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
 
-/** On Light Personas Violet Surface Accent Gradient */
-var onLightPersonasVioletSurfaceAccentGradient = 'var(--on-light-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))';
+/** On Light Surface Accent Gradient Secondary */
+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%))';
 
-/** Personas Violet Surface Accent Gradient */
-var personasVioletSurfaceAccentGradient = 'var(--personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
+/** On Light Personas Blue Surface Accent Gradient */
+var onLightPersonasBlueSurfaceAccentGradient = 'var(--on-light-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
 
-/** On Dark Outline White Gradient */
-var onDarkOutlineWhiteGradient = 'var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%))';
+/** Personas Olive Surface Accent Gradient */
+var personasOliveSurfaceAccentGradient = 'var(--personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
 
-/** Inverse Personas Blue Surface Accent Gradient */
-var inversePersonasBlueSurfaceAccentGradient = 'var(--inverse-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
+/** Surface Accent Gradient Secondary */
+var surfaceAccentGradientSecondary = 'var(--surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
 
 /** On Light Personas Sea Blue Surface Accent Gradient */
 var onLightPersonasSeaBlueSurfaceAccentGradient = 'var(--on-light-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
 
-/** Inverse Personas Olive Surface Accent Gradient */
-var inversePersonasOliveSurfaceAccentGradient = 'var(--inverse-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
-
-/** On Light Overlay Gradient */
-var onLightOverlayGradient = 'var(--on-light-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
+/** On Light Personas Ochre Surface Accent Gradient */
+var onLightPersonasOchreSurfaceAccentGradient = 'var(--on-light-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
 
 /** On Light Personas Indigo Surface Accent Gradient */
 var onLightPersonasIndigoSurfaceAccentGradient = 'var(--on-light-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))';
 
-/** On Light Personas Blue Surface Accent Gradient */
-var onLightPersonasBlueSurfaceAccentGradient = 'var(--on-light-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
-
-/** On Dark Personas Pink Surface Accent Gradient */
-var onDarkPersonasPinkSurfaceAccentGradient = 'var(--on-dark-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
+/** Inverse Personas Olive Surface Accent Gradient */
+var inversePersonasOliveSurfaceAccentGradient = 'var(--inverse-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
 
-/** On Dark Text Accent Gradient AI */
-var onDarkTextAccentGradientAI = 'var(--on-dark-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
+/** Inverse Personas Blue Surface Accent Gradient */
+var inversePersonasBlueSurfaceAccentGradient = 'var(--inverse-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
 
-/** On Dark Personas Green Surface Accent Gradient */
-var onDarkPersonasGreenSurfaceAccentGradient = 'var(--on-dark-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
+/** On Dark Outline White Gradient */
+var onDarkOutlineWhiteGradient = 'var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%))';
 
-/** Personas Olive Surface Accent Gradient */
-var personasOliveSurfaceAccentGradient = 'var(--personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
+/** Inverse Outline White Gradient */
+var inverseOutlineWhiteGradient = 'var(--inverse-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%))';
 
-/** Personas Indigo Surface Accent Gradient */
-var personasIndigoSurfaceAccentGradient = 'var(--personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
+/** Personas Violet Surface Accent Gradient */
+var personasVioletSurfaceAccentGradient = 'var(--personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
 
-/** Text Accent Gradient AI */
-var textAccentGradientAI = 'var(--text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
+/** On Light Personas Green Surface Accent Gradient */
+var onLightPersonasGreenSurfaceAccentGradient = 'var(--on-light-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))';
 
-/** On Dark Surface Accent Gradient Secondary */
-var onDarkSurfaceAccentGradientSecondary = 'var(--on-dark-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
+/** On Light Personas Violet Surface Accent Gradient */
+var onLightPersonasVioletSurfaceAccentGradient = 'var(--on-light-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))';
 
 /** Personas Blue Surface Accent Gradient */
 var personasBlueSurfaceAccentGradient = 'var(--personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))';
 
-/** Inverse Personas Violet Surface Accent Gradient */
-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%))';
-
-/** On Light Surface Accent Gradient Secondary */
-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%))';
-
-/** On Light Personas Green Surface Accent Gradient */
-var onLightPersonasGreenSurfaceAccentGradient = 'var(--on-light-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))';
+/** On Light Overlay Gradient */
+var onLightOverlayGradient = 'var(--on-light-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
 
-/** On Light Personas Ochre Surface Accent Gradient */
-var onLightPersonasOchreSurfaceAccentGradient = 'var(--on-light-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
+/** On Dark Surface Accent Gradient Secondary */
+var onDarkSurfaceAccentGradientSecondary = 'var(--on-dark-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
 
 /** On Dark Personas Olive Surface Accent Gradient */
 var onDarkPersonasOliveSurfaceAccentGradient = 'var(--on-dark-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%))';
@@ -2164,9 +2344,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 onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
-
 /** Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне */
 var onLightSurfaceAccentMinorGradient = 'var(--on-light-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))';
 
@@ -2176,30 +2353,27 @@ var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linea
 /** Инвертированный акцентный минорный фон поверхности/контрола с градиентом */
 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%))';
+
 /** 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 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 soft m */
+var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
+
 /** shadow down hard m */
 var shadowDownHardM = 'var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)';
 
 /** shadow down hard l */
 var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
 
-/** shadow up hard m */
-var shadowUpHardM = 'var(--shadow-up-hard-m, 0rem -1rem 2rem -0.5rem #0000003D)';
-
-/** shadow up hard l */
-var shadowUpHardL = 'var(--shadow-up-hard-l, 0rem -3.75rem 7rem -0.5rem #00000066)';
-
 /** 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)';
 
@@ -2212,6 +2386,12 @@ var shadowUpSoftL = 'var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #0000001
 /** shadow up hard s */
 var shadowUpHardS = 'var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
 
+/** shadow up hard l */
+var shadowUpHardL = 'var(--shadow-up-hard-l, 0rem -3.75rem 7rem -0.5rem #00000066)';
+
+/** shadow up hard m */
+var shadowUpHardM = 'var(--shadow-up-hard-m, 0rem -1rem 2rem -0.5rem #0000003D)';
+
 /** New description */
 var borderRadius4xl = 'var(--border-radius-4xl, 2rem)';
 
@@ -2221,21 +2401,9 @@ var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
 /** New description */
 var borderRadius5xl = 'var(--border-radius-5xl, 2.5rem)';
 
-/** borderRadius xs */
-var borderRadiusXs = 'var(--border-radius-xs, 0.375rem)';
-
-/** borderRadius xxl */
-var borderRadiusXxl = 'var(--border-radius-xxl, 1.5rem)';
-
 /** borderRadius s */
 var borderRadiusS = 'var(--border-radius-s, 0.5rem)';
 
-/** borderRadius xl */
-var borderRadiusXl = 'var(--border-radius-xl, 1.25rem)';
-
-/** borderRadius circle */
-var borderRadiusCircle = 'var(--border-radius-circle, 100rem)';
-
 /** borderRadius m */
 var borderRadiusM = 'var(--border-radius-m, 0.75rem)';
 
@@ -2245,20 +2413,35 @@ var borderRadiusL = 'var(--border-radius-l, 1rem)';
 /** borderRadius xxs */
 var borderRadiusXxs = 'var(--border-radius-xxs, 0.25rem)';
 
+/** borderRadius xl */
+var borderRadiusXl = 'var(--border-radius-xl, 1.25rem)';
+
+/** borderRadius xxl */
+var borderRadiusXxl = 'var(--border-radius-xxl, 1.5rem)';
+
+/** borderRadius xs */
+var borderRadiusXs = 'var(--border-radius-xs, 0.375rem)';
+
+/** borderRadius circle */
+var borderRadiusCircle = 'var(--border-radius-circle, 100rem)';
+
 /** spacing 16x */
 var spacing16x = 'var(--spacing-16x, 2rem)';
 
+/** spacing 10x */
+var spacing10x = 'var(--spacing-10x, 1.25rem)';
+
 /** spacing 12x */
 var spacing12x = 'var(--spacing-12x, 1.5rem)';
 
-/** spacing 20x */
-var spacing20x = 'var(--spacing-20x, 2.5rem)';
+/** spacing 2x */
+var spacing2x = 'var(--spacing-2x, 0.25rem)';
 
-/** spacing 24x */
-var spacing24x = 'var(--spacing-24x, 3rem)';
+/** spacing 3x */
+var spacing3x = 'var(--spacing-3x, 0.375rem)';
 
-/** spacing 32x */
-var spacing32x = 'var(--spacing-32x, 4rem)';
+/** spacing 0x */
+var spacing0x = 'var(--spacing-0x, 0rem)';
 
 /** spacing 40x */
 var spacing40x = 'var(--spacing-40x, 5rem)';
@@ -2266,29 +2449,26 @@ var spacing40x = 'var(--spacing-40x, 5rem)';
 /** spacing 60x */
 var spacing60x = 'var(--spacing-60x, 7.5rem)';
 
+/** spacing 8x */
+var spacing8x = 'var(--spacing-8x, 1rem)';
+
 /** spacing 4x */
 var spacing4x = 'var(--spacing-4x, 0.5rem)';
 
-/** spacing 2x */
-var spacing2x = 'var(--spacing-2x, 0.25rem)';
-
-/** spacing 0x */
-var spacing0x = 'var(--spacing-0x, 0rem)';
-
-/** spacing 1x */
-var spacing1x = 'var(--spacing-1x, 0.125rem)';
+/** spacing 20x */
+var spacing20x = 'var(--spacing-20x, 2.5rem)';
 
-/** spacing 3x */
-var spacing3x = 'var(--spacing-3x, 0.375rem)';
+/** spacing 32x */
+var spacing32x = 'var(--spacing-32x, 4rem)';
 
 /** spacing 6x */
 var spacing6x = 'var(--spacing-6x, 0.75rem)';
 
-/** spacing 8x */
-var spacing8x = 'var(--spacing-8x, 1rem)';
+/** spacing 1x */
+var spacing1x = 'var(--spacing-1x, 0.125rem)';
 
-/** spacing 10x */
-var spacing10x = 'var(--spacing-10x, 1.25rem)';
+/** spacing 24x */
+var spacing24x = 'var(--spacing-24x, 3rem)';
 
 /** typography s body-xxs-bold */
 var bodyXXSBold = {
@@ -2310,24 +2490,14 @@ var h2Medium = {
   lineHeight: 'var(--plasma-typo-h2-medium-line-height)'
 };
 
-/** typography s display-s-bold */
-var dsplSBold = {
-  fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)',
-  fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)',
-  fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)',
-  fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)',
-  letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)'
-};
-
-/** typography s display-s-medium */
-var dsplSMedium = {
-  fontFamily: 'var(--plasma-typo-dspl-s-medium-font-family)',
-  fontSize: 'var(--plasma-typo-dspl-s-medium-font-size)',
-  fontStyle: 'var(--plasma-typo-dspl-s-medium-font-style)',
-  fontWeight: 'var(--plasma-typo-dspl-s-medium-font-weight)',
-  letterSpacing: 'var(--plasma-typo-dspl-s-medium-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)'
+/** typography s header-h1-medium */
+var h1Medium = {
+  fontFamily: 'var(--plasma-typo-h1-medium-font-family)',
+  fontSize: 'var(--plasma-typo-h1-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-h1-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-h1-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h1-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h1-medium-line-height)'
 };
 
 /** typography s header-h1 */
@@ -2340,24 +2510,14 @@ var h1 = {
   lineHeight: 'var(--plasma-typo-h1-line-height)'
 };
 
-/** typography s header-h1-bold */
-var h1Bold = {
-  fontFamily: 'var(--plasma-typo-h1-bold-font-family)',
-  fontSize: 'var(--plasma-typo-h1-bold-font-size)',
-  fontStyle: 'var(--plasma-typo-h1-bold-font-style)',
-  fontWeight: 'var(--plasma-typo-h1-bold-font-weight)',
-  letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-h1-bold-line-height)'
-};
-
-/** typography s header-h1-medium */
-var h1Medium = {
-  fontFamily: 'var(--plasma-typo-h1-medium-font-family)',
-  fontSize: 'var(--plasma-typo-h1-medium-font-size)',
-  fontStyle: 'var(--plasma-typo-h1-medium-font-style)',
-  fontWeight: 'var(--plasma-typo-h1-medium-font-weight)',
-  letterSpacing: 'var(--plasma-typo-h1-medium-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-h1-medium-line-height)'
+/** typography s header-h3-medium */
+var h3Medium = {
+  fontFamily: 'var(--plasma-typo-h3-medium-font-family)',
+  fontSize: 'var(--plasma-typo-h3-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-h3-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-h3-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h3-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h3-medium-line-height)'
 };
 
 /** typography s header-h2 */
@@ -2370,26 +2530,6 @@ var h2 = {
   lineHeight: 'var(--plasma-typo-h2-line-height)'
 };
 
-/** typography s header-h2-bold */
-var h2Bold = {
-  fontFamily: 'var(--plasma-typo-h2-bold-font-family)',
-  fontSize: 'var(--plasma-typo-h2-bold-font-size)',
-  fontStyle: 'var(--plasma-typo-h2-bold-font-style)',
-  fontWeight: 'var(--plasma-typo-h2-bold-font-weight)',
-  letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-h2-bold-line-height)'
-};
-
-/** typography s header-h3 */
-var h3 = {
-  fontFamily: 'var(--plasma-typo-h3-font-family)',
-  fontSize: 'var(--plasma-typo-h3-font-size)',
-  fontStyle: 'var(--plasma-typo-h3-font-style)',
-  fontWeight: 'var(--plasma-typo-h3-font-weight)',
-  letterSpacing: 'var(--plasma-typo-h3-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-h3-line-height)'
-};
-
 /** typography s header-h3-bold */
 var h3Bold = {
   fontFamily: 'var(--plasma-typo-h3-bold-font-family)',
@@ -2400,16 +2540,6 @@ var h3Bold = {
   lineHeight: 'var(--plasma-typo-h3-bold-line-height)'
 };
 
-/** typography s header-h3-medium */
-var h3Medium = {
-  fontFamily: 'var(--plasma-typo-h3-medium-font-family)',
-  fontSize: 'var(--plasma-typo-h3-medium-font-size)',
-  fontStyle: 'var(--plasma-typo-h3-medium-font-style)',
-  fontWeight: 'var(--plasma-typo-h3-medium-font-weight)',
-  letterSpacing: 'var(--plasma-typo-h3-medium-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-h3-medium-line-height)'
-};
-
 /** typography s header-h4 */
 var h4 = {
   fontFamily: 'var(--plasma-typo-h4-font-family)',
@@ -2420,6 +2550,46 @@ var h4 = {
   lineHeight: 'var(--plasma-typo-h4-line-height)'
 };
 
+/** typography s header-h3 */
+var h3 = {
+  fontFamily: 'var(--plasma-typo-h3-font-family)',
+  fontSize: 'var(--plasma-typo-h3-font-size)',
+  fontStyle: 'var(--plasma-typo-h3-font-style)',
+  fontWeight: 'var(--plasma-typo-h3-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h3-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h3-line-height)'
+};
+
+/** typography s display-s-bold */
+var dsplSBold = {
+  fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-s-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-s-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-s-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-s-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)'
+};
+
+/** typography s header-h1-bold */
+var h1Bold = {
+  fontFamily: 'var(--plasma-typo-h1-bold-font-family)',
+  fontSize: 'var(--plasma-typo-h1-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-h1-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-h1-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h1-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h1-bold-line-height)'
+};
+
+/** typography s display-s-medium */
+var dsplSMedium = {
+  fontFamily: 'var(--plasma-typo-dspl-s-medium-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-s-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-s-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-s-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-s-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)'
+};
+
 /** typography s display-s */
 var dsplS = {
   fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
@@ -2430,6 +2600,36 @@ var dsplS = {
   lineHeight: 'var(--plasma-typo-dspl-s-line-height)'
 };
 
+/** typography s header-h2-bold */
+var h2Bold = {
+  fontFamily: 'var(--plasma-typo-h2-bold-font-family)',
+  fontSize: 'var(--plasma-typo-h2-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-h2-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-h2-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h2-bold-line-height)'
+};
+
+/** typography s body-l-bold */
+var bodyLBold = {
+  fontFamily: 'var(--plasma-typo-body-l-bold-font-family)',
+  fontSize: 'var(--plasma-typo-body-l-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-body-l-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-l-bold-line-height)'
+};
+
+/** typography s body-l */
+var bodyL = {
+  fontFamily: 'var(--plasma-typo-body-l-font-family)',
+  fontSize: 'var(--plasma-typo-body-l-font-size)',
+  fontStyle: 'var(--plasma-typo-body-l-font-style)',
+  fontWeight: 'var(--plasma-typo-body-l-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-l-line-height)'
+};
+
 /** typography s header-h4-bold */
 var h4Bold = {
   fontFamily: 'var(--plasma-typo-h4-bold-font-family)',
@@ -2450,36 +2650,6 @@ var h4Medium = {
   lineHeight: 'var(--plasma-typo-h4-medium-line-height)'
 };
 
-/** typography s body-l */
-var bodyL = {
-  fontFamily: 'var(--plasma-typo-body-l-font-family)',
-  fontSize: 'var(--plasma-typo-body-l-font-size)',
-  fontStyle: 'var(--plasma-typo-body-l-font-style)',
-  fontWeight: 'var(--plasma-typo-body-l-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-l-line-height)'
-};
-
-/** typography s body-l-bold */
-var bodyLBold = {
-  fontFamily: 'var(--plasma-typo-body-l-bold-font-family)',
-  fontSize: 'var(--plasma-typo-body-l-bold-font-size)',
-  fontStyle: 'var(--plasma-typo-body-l-bold-font-style)',
-  fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-l-bold-line-height)'
-};
-
-/** typography s body-s-bold */
-var bodySBold = {
-  fontFamily: 'var(--plasma-typo-body-s-bold-font-family)',
-  fontSize: 'var(--plasma-typo-body-s-bold-font-size)',
-  fontStyle: 'var(--plasma-typo-body-s-bold-font-style)',
-  fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-s-bold-line-height)'
-};
-
 /** typography s body-l-medium */
 var bodyLMedium = {
   fontFamily: 'var(--plasma-typo-body-l-medium-font-family)',
@@ -2490,6 +2660,26 @@ var bodyLMedium = {
   lineHeight: 'var(--plasma-typo-body-l-medium-line-height)'
 };
 
+/** typography s body-m-bold */
+var bodyMBold = {
+  fontFamily: 'var(--plasma-typo-body-m-bold-font-family)',
+  fontSize: 'var(--plasma-typo-body-m-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-body-m-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-m-bold-line-height)'
+};
+
+/** typography s body-m-medium */
+var bodyMMedium = {
+  fontFamily: 'var(--plasma-typo-body-m-medium-font-family)',
+  fontSize: 'var(--plasma-typo-body-m-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-body-m-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-body-m-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-m-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-m-medium-line-height)'
+};
+
 /** typography s body-m */
 var bodyM = {
   fontFamily: 'var(--plasma-typo-body-m-font-family)',
@@ -2500,6 +2690,16 @@ var bodyM = {
   lineHeight: 'var(--plasma-typo-body-m-line-height)'
 };
 
+/** typography s body-s-bold */
+var bodySBold = {
+  fontFamily: 'var(--plasma-typo-body-s-bold-font-family)',
+  fontSize: 'var(--plasma-typo-body-s-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-body-s-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-s-bold-line-height)'
+};
+
 /** typography s body-s-medium */
 var bodySMedium = {
   fontFamily: 'var(--plasma-typo-body-s-medium-font-family)',
@@ -2510,14 +2710,14 @@ var bodySMedium = {
   lineHeight: 'var(--plasma-typo-body-s-medium-line-height)'
 };
 
-/** typography s body-xs */
-var bodyXS = {
-  fontFamily: 'var(--plasma-typo-body-xs-font-family)',
-  fontSize: 'var(--plasma-typo-body-xs-font-size)',
-  fontStyle: 'var(--plasma-typo-body-xs-font-style)',
-  fontWeight: 'var(--plasma-typo-body-xs-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-xs-line-height)'
+/** typography s body-s */
+var bodyS = {
+  fontFamily: 'var(--plasma-typo-body-s-font-family)',
+  fontSize: 'var(--plasma-typo-body-s-font-size)',
+  fontStyle: 'var(--plasma-typo-body-s-font-style)',
+  fontWeight: 'var(--plasma-typo-body-s-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-s-line-height)'
 };
 
 /** typography s body-xs-bold */
@@ -2540,6 +2740,16 @@ var bodyXSMedium = {
   lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)'
 };
 
+/** typography s body-xs */
+var bodyXS = {
+  fontFamily: 'var(--plasma-typo-body-xs-font-family)',
+  fontSize: 'var(--plasma-typo-body-xs-font-size)',
+  fontStyle: 'var(--plasma-typo-body-xs-font-style)',
+  fontWeight: 'var(--plasma-typo-body-xs-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-xs-line-height)'
+};
+
 /** typography s body-xxs */
 var bodyXXS = {
   fontFamily: 'var(--plasma-typo-body-xxs-font-family)',
@@ -2550,36 +2760,6 @@ var bodyXXS = {
   lineHeight: 'var(--plasma-typo-body-xxs-line-height)'
 };
 
-/** typography s body-m-bold */
-var bodyMBold = {
-  fontFamily: 'var(--plasma-typo-body-m-bold-font-family)',
-  fontSize: 'var(--plasma-typo-body-m-bold-font-size)',
-  fontStyle: 'var(--plasma-typo-body-m-bold-font-style)',
-  fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-m-bold-line-height)'
-};
-
-/** typography s body-m-medium */
-var bodyMMedium = {
-  fontFamily: 'var(--plasma-typo-body-m-medium-font-family)',
-  fontSize: 'var(--plasma-typo-body-m-medium-font-size)',
-  fontStyle: 'var(--plasma-typo-body-m-medium-font-style)',
-  fontWeight: 'var(--plasma-typo-body-m-medium-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-m-medium-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-m-medium-line-height)'
-};
-
-/** typography s body-s */
-var bodyS = {
-  fontFamily: 'var(--plasma-typo-body-s-font-family)',
-  fontSize: 'var(--plasma-typo-body-s-font-size)',
-  fontStyle: 'var(--plasma-typo-body-s-font-style)',
-  fontWeight: 'var(--plasma-typo-body-s-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-s-line-height)'
-};
-
 /** typography s body-xxs-medium */
 var bodyXXSMedium = {
   fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
@@ -2589,129 +2769,9 @@ 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)'
-};
-
-/** 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)'
-};
 var viewContainer = {
-  dark: "\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        --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        --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\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-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        --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        --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        --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --text-primary: var(--on-dark-text-primary);\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        --outline-primary: var(--on-dark-outline-primary);\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-active: var(--on-light-surface-solid-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --personas-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        --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        --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-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-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n        --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --inverse-outline-primary-hover: var(--on-light-outline-primary-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        --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-dark-outline-default-hover);\n        --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\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        --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\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-blue-text-accent: var(--on-dark-personas-blue-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        --background-hardline: var(--dark-background-hardline);\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-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-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\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        --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\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        --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        --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-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        --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        --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-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-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-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-transparent-negative-hover: var(--on-dark-surface-transparent-negative-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        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\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-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-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-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-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --inverse-surface-read-only: var(--on-light-surface-read-only);\n        --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n        --background-primary: var(--dark-background-primary);\n        --background-secondary: var(--dark-background-secondary);\n        --background-tertiary: var(--dark-background-tertiary);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\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-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        --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        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\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        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-dark-overlay-gradient);\n        --background-gradient: var(--dark-background-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-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        --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-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        --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        --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        --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\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-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        --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        --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        --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --text-primary: var(--on-light-text-primary);\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        --outline-primary: var(--on-light-outline-primary);\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-active: var(--on-dark-surface-solid-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --personas-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        --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        --text-primary-brightness-hover: var(--on-light-text-primary-brightness-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-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n        --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --inverse-outline-primary-hover: var(--on-dark-outline-primary-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        --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-light-outline-default-hover);\n        --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\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        --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\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-blue-text-accent: var(--on-light-personas-blue-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        --background-hardline: var(--light-background-hardline);\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-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-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\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        --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\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        --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        --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-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        --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        --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-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-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-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-transparent-negative-hover: var(--on-light-surface-transparent-negative-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        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\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-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-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-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-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --inverse-surface-read-only: var(--on-dark-surface-read-only);\n        --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --background-primary: var(--light-background-primary);\n        --background-secondary: var(--light-background-secondary);\n        --background-tertiary: var(--light-background-tertiary);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\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-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        --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        --text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\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        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-light-overlay-gradient);\n        --background-gradient: var(--light-background-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-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        --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-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      "
+  dark: "\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        --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        --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\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-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\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        --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --text-primary: var(--on-dark-text-primary);\n        --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --outline-primary: var(--on-dark-outline-primary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\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-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\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-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\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-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-dark-outline-default-hover);\n        --inverse-outline-default-hover: var(--on-light-outline-default-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-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n        --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --background-hardline: var(--dark-background-hardline);\n        --inverse-outline-primary: var(--on-light-outline-primary);\n        --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\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        --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --outline-transparent-white: var(--on-dark-outline-transparent-white);\n        --outline-transparent-white-active: var(--on-dark-outline-transparent-white-active);\n        --outline-transparent-white-hover: var(--on-dark-outline-transparent-white-hover);\n        --inverse-outline-deep: var(--on-light-outline-deep);\n        --inverse-outline-deep-active: var(--on-light-outline-deep-active);\n        --inverse-outline-deep-hover: var(--on-light-outline-deep-hover);\n        --inverse-outline-transparent-white: var(--on-light-outline-transparent-white);\n        --inverse-outline-transparent-white-hover: var(--on-light-outline-transparent-white-hover);\n        --surface-solid-deep: var(--on-dark-surface-solid-deep);\n        --surface-solid-deep-active: var(--on-dark-surface-solid-deep-active);\n        --surface-solid-deep-hover: var(--on-dark-surface-solid-deep-hover);\n        --surface-transparent-card-minor: var(--on-dark-surface-transparent-card-minor);\n        --surface-transparent-card-minor-active: var(--on-dark-surface-transparent-card-minor-active);\n        --surface-transparent-card-minor-hover: var(--on-dark-surface-transparent-card-minor-hover);\n        --inverse-surface-solid-deep: var(--on-light-surface-solid-deep);\n        --inverse-surface-solid-deep-active: var(--on-light-surface-solid-deep-active);\n        --inverse-surface-solid-deep-hover: var(--on-light-surface-solid-deep-hover);\n        --inverse-surface-transparent-card-minor: var(--on-light-surface-transparent-card-minor);\n        --inverse-surface-transparent-card-minor-active: var(--on-light-surface-transparent-card-minor-active);\n        --inverse-surface-transparent-card-minor-hover: var(--on-light-surface-transparent-card-minor-hover);\n        --outline-deep-active: var(--on-dark-outline-deep-active);\n        --outline-deep-hover: var(--on-dark-outline-deep-hover);\n        --outline-deep: var(--on-dark-outline-deep);\n        --inverse-outline-transparent-white-active: var(--on-light-outline-transparent-white-active);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-positive: var(--on-dark-text-positive);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-info: var(--on-dark-text-info);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\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-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\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-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\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-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\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-info-active: var(--on-dark-surface-info-active);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --surface-read-only: var(--on-dark-surface-read-only);\n        --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-clear: var(--on-light-surface-clear);\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-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\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-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-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-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-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-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --background-secondary: var(--dark-background-secondary);\n        --background-tertiary: var(--dark-background-tertiary);\n        --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n        --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-read-only: var(--on-light-surface-read-only);\n        --background-primary: var(--dark-background-primary);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --outline-clear: var(--on-dark-outline-clear);\n        --inverse-background-tertiary: var(--light-background-tertiary);\n        --inverse-background-secondary: var(--light-background-secondary);\n        --inverse-background-primary: var(--light-background-primary);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent: var(--on-light-outline-accent);\n        --inverse-outline-clear: var(--on-light-outline-clear);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-negative: var(--on-light-outline-negative);\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-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-dark-overlay-gradient);\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-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\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-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --background-gradient: var(--dark-background-gradient);\n        --inverse-background-gradient: var(--light-background-gradient);\n        --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --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        --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-gradient: var(--on-light-surface-accent-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n      ",
+  light: "\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        --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        --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\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-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\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        --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --text-primary: var(--on-light-text-primary);\n        --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --outline-primary: var(--on-light-outline-primary);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\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-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\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-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\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-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --outline-primary-hover: var(--on-light-outline-primary-hover);\n        --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-light-outline-default-hover);\n        --inverse-outline-default-hover: var(--on-dark-outline-default-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-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --background-hardline: var(--light-background-hardline);\n        --inverse-outline-primary: var(--on-dark-outline-primary);\n        --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\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        --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --outline-transparent-white: var(--on-light-outline-transparent-white);\n        --outline-transparent-white-active: var(--on-light-outline-transparent-white-active);\n        --outline-transparent-white-hover: var(--on-light-outline-transparent-white-hover);\n        --inverse-outline-deep: var(--on-dark-outline-deep);\n        --inverse-outline-deep-active: var(--on-dark-outline-deep-active);\n        --inverse-outline-deep-hover: var(--on-dark-outline-deep-hover);\n        --inverse-outline-transparent-white: var(--on-dark-outline-transparent-white);\n        --inverse-outline-transparent-white-hover: var(--on-dark-outline-transparent-white-hover);\n        --surface-solid-deep: var(--on-light-surface-solid-deep);\n        --surface-solid-deep-active: var(--on-light-surface-solid-deep-active);\n        --surface-solid-deep-hover: var(--on-light-surface-solid-deep-hover);\n        --surface-transparent-card-minor: var(--on-light-surface-transparent-card-minor);\n        --surface-transparent-card-minor-active: var(--on-light-surface-transparent-card-minor-active);\n        --surface-transparent-card-minor-hover: var(--on-light-surface-transparent-card-minor-hover);\n        --inverse-surface-solid-deep: var(--on-dark-surface-solid-deep);\n        --inverse-surface-solid-deep-active: var(--on-dark-surface-solid-deep-active);\n        --inverse-surface-solid-deep-hover: var(--on-dark-surface-solid-deep-hover);\n        --inverse-surface-transparent-card-minor: var(--on-dark-surface-transparent-card-minor);\n        --inverse-surface-transparent-card-minor-active: var(--on-dark-surface-transparent-card-minor-active);\n        --inverse-surface-transparent-card-minor-hover: var(--on-dark-surface-transparent-card-minor-hover);\n        --outline-deep-active: var(--on-light-outline-deep-active);\n        --outline-deep-hover: var(--on-light-outline-deep-hover);\n        --outline-deep: var(--on-light-outline-deep);\n        --inverse-outline-transparent-white-active: var(--on-dark-outline-transparent-white-active);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-positive: var(--on-light-text-positive);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-info: var(--on-light-text-info);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\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-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\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-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\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-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-info-hover: var(--on-light-surface-info-hover);\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-info-active: var(--on-light-surface-info-active);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-info: var(--on-light-surface-info);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-read-only-active: var(--on-light-surface-read-only-active);\n        --surface-read-only: var(--on-light-surface-read-only);\n        --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\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-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\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-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-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-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-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-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --background-secondary: var(--light-background-secondary);\n        --background-tertiary: var(--light-background-tertiary);\n        --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-read-only: var(--on-dark-surface-read-only);\n        --background-primary: var(--light-background-primary);\n        --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --outline-clear: var(--on-light-outline-clear);\n        --inverse-background-tertiary: var(--dark-background-tertiary);\n        --inverse-background-secondary: var(--dark-background-secondary);\n        --inverse-background-primary: var(--dark-background-primary);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-clear: var(--on-dark-outline-clear);\n        --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n        --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\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-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --outline-white-gradient: var(--on-light-outline-white-gradient);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-light-overlay-gradient);\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-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\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-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --background-gradient: var(--light-background-gradient);\n        --inverse-background-gradient: var(--dark-background-gradient);\n        --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --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        --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-gradient: var(--on-dark-surface-accent-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n      "
 };
 
 exports.backgroundGradient = backgroundGradient;
@@ -2770,9 +2830,15 @@ exports.inverseBackgroundHardline = inverseBackgroundHardline;
 exports.inverseBackgroundPrimary = inverseBackgroundPrimary;
 exports.inverseBackgroundSecondary = inverseBackgroundSecondary;
 exports.inverseBackgroundTertiary = inverseBackgroundTertiary;
+exports.inverseOutlineAccent = inverseOutlineAccent;
+exports.inverseOutlineAccentActive = inverseOutlineAccentActive;
+exports.inverseOutlineAccentHover = inverseOutlineAccentHover;
 exports.inverseOutlineClear = inverseOutlineClear;
 exports.inverseOutlineClearActive = inverseOutlineClearActive;
 exports.inverseOutlineClearHover = inverseOutlineClearHover;
+exports.inverseOutlineDeep = inverseOutlineDeep;
+exports.inverseOutlineDeepActive = inverseOutlineDeepActive;
+exports.inverseOutlineDeepHover = inverseOutlineDeepHover;
 exports.inverseOutlineDefault = inverseOutlineDefault;
 exports.inverseOutlineDefaultActive = inverseOutlineDefaultActive;
 exports.inverseOutlineDefaultHover = inverseOutlineDefaultHover;
@@ -2791,6 +2857,9 @@ exports.inverseOutlinePrimaryHover = inverseOutlinePrimaryHover;
 exports.inverseOutlineTransparentPrimary = inverseOutlineTransparentPrimary;
 exports.inverseOutlineTransparentPrimaryActive = inverseOutlineTransparentPrimaryActive;
 exports.inverseOutlineTransparentPrimaryHover = inverseOutlineTransparentPrimaryHover;
+exports.inverseOutlineTransparentWhite = inverseOutlineTransparentWhite;
+exports.inverseOutlineTransparentWhiteActive = inverseOutlineTransparentWhiteActive;
+exports.inverseOutlineTransparentWhiteHover = inverseOutlineTransparentWhiteHover;
 exports.inverseOutlineWarning = inverseOutlineWarning;
 exports.inverseOutlineWarningActive = inverseOutlineWarningActive;
 exports.inverseOutlineWarningHover = inverseOutlineWarningHover;
@@ -2864,6 +2933,9 @@ exports.inverseSurfaceSolidCardBrightness = inverseSurfaceSolidCardBrightness;
 exports.inverseSurfaceSolidCardBrightnessActive = inverseSurfaceSolidCardBrightnessActive;
 exports.inverseSurfaceSolidCardBrightnessHover = inverseSurfaceSolidCardBrightnessHover;
 exports.inverseSurfaceSolidCardHover = inverseSurfaceSolidCardHover;
+exports.inverseSurfaceSolidDeep = inverseSurfaceSolidDeep;
+exports.inverseSurfaceSolidDeepActive = inverseSurfaceSolidDeepActive;
+exports.inverseSurfaceSolidDeepHover = inverseSurfaceSolidDeepHover;
 exports.inverseSurfaceSolidDefault = inverseSurfaceSolidDefault;
 exports.inverseSurfaceSolidDefaultActive = inverseSurfaceSolidDefaultActive;
 exports.inverseSurfaceSolidDefaultHover = inverseSurfaceSolidDefaultHover;
@@ -2891,6 +2963,9 @@ exports.inverseSurfaceTransparentCardBrightness = inverseSurfaceTransparentCardB
 exports.inverseSurfaceTransparentCardBrightnessActive = inverseSurfaceTransparentCardBrightnessActive;
 exports.inverseSurfaceTransparentCardBrightnessHover = inverseSurfaceTransparentCardBrightnessHover;
 exports.inverseSurfaceTransparentCardHover = inverseSurfaceTransparentCardHover;
+exports.inverseSurfaceTransparentCardMinor = inverseSurfaceTransparentCardMinor;
+exports.inverseSurfaceTransparentCardMinorActive = inverseSurfaceTransparentCardMinorActive;
+exports.inverseSurfaceTransparentCardMinorHover = inverseSurfaceTransparentCardMinorHover;
 exports.inverseSurfaceTransparentDeep = inverseSurfaceTransparentDeep;
 exports.inverseSurfaceTransparentDeepActive = inverseSurfaceTransparentDeepActive;
 exports.inverseSurfaceTransparentDeepHover = inverseSurfaceTransparentDeepHover;
@@ -2951,9 +3026,15 @@ exports.lightBackgroundHardline = lightBackgroundHardline;
 exports.lightBackgroundPrimary = lightBackgroundPrimary;
 exports.lightBackgroundSecondary = lightBackgroundSecondary;
 exports.lightBackgroundTertiary = lightBackgroundTertiary;
+exports.onDarkOutlineAccent = onDarkOutlineAccent;
+exports.onDarkOutlineAccentActive = onDarkOutlineAccentActive;
+exports.onDarkOutlineAccentHover = onDarkOutlineAccentHover;
 exports.onDarkOutlineClear = onDarkOutlineClear;
 exports.onDarkOutlineClearActive = onDarkOutlineClearActive;
 exports.onDarkOutlineClearHover = onDarkOutlineClearHover;
+exports.onDarkOutlineDeep = onDarkOutlineDeep;
+exports.onDarkOutlineDeepActive = onDarkOutlineDeepActive;
+exports.onDarkOutlineDeepHover = onDarkOutlineDeepHover;
 exports.onDarkOutlineDefault = onDarkOutlineDefault;
 exports.onDarkOutlineDefaultActive = onDarkOutlineDefaultActive;
 exports.onDarkOutlineDefaultHover = onDarkOutlineDefaultHover;
@@ -2972,6 +3053,9 @@ exports.onDarkOutlinePrimaryHover = onDarkOutlinePrimaryHover;
 exports.onDarkOutlineTransparentPrimary = onDarkOutlineTransparentPrimary;
 exports.onDarkOutlineTransparentPrimaryActive = onDarkOutlineTransparentPrimaryActive;
 exports.onDarkOutlineTransparentPrimaryHover = onDarkOutlineTransparentPrimaryHover;
+exports.onDarkOutlineTransparentWhite = onDarkOutlineTransparentWhite;
+exports.onDarkOutlineTransparentWhiteActive = onDarkOutlineTransparentWhiteActive;
+exports.onDarkOutlineTransparentWhiteHover = onDarkOutlineTransparentWhiteHover;
 exports.onDarkOutlineWarning = onDarkOutlineWarning;
 exports.onDarkOutlineWarningActive = onDarkOutlineWarningActive;
 exports.onDarkOutlineWarningHover = onDarkOutlineWarningHover;
@@ -3045,6 +3129,9 @@ exports.onDarkSurfaceSolidCardBrightness = onDarkSurfaceSolidCardBrightness;
 exports.onDarkSurfaceSolidCardBrightnessActive = onDarkSurfaceSolidCardBrightnessActive;
 exports.onDarkSurfaceSolidCardBrightnessHover = onDarkSurfaceSolidCardBrightnessHover;
 exports.onDarkSurfaceSolidCardHover = onDarkSurfaceSolidCardHover;
+exports.onDarkSurfaceSolidDeep = onDarkSurfaceSolidDeep;
+exports.onDarkSurfaceSolidDeepActive = onDarkSurfaceSolidDeepActive;
+exports.onDarkSurfaceSolidDeepHover = onDarkSurfaceSolidDeepHover;
 exports.onDarkSurfaceSolidDefault = onDarkSurfaceSolidDefault;
 exports.onDarkSurfaceSolidDefaultActive = onDarkSurfaceSolidDefaultActive;
 exports.onDarkSurfaceSolidDefaultHover = onDarkSurfaceSolidDefaultHover;
@@ -3072,6 +3159,9 @@ exports.onDarkSurfaceTransparentCardBrightness = onDarkSurfaceTransparentCardBri
 exports.onDarkSurfaceTransparentCardBrightnessActive = onDarkSurfaceTransparentCardBrightnessActive;
 exports.onDarkSurfaceTransparentCardBrightnessHover = onDarkSurfaceTransparentCardBrightnessHover;
 exports.onDarkSurfaceTransparentCardHover = onDarkSurfaceTransparentCardHover;
+exports.onDarkSurfaceTransparentCardMinor = onDarkSurfaceTransparentCardMinor;
+exports.onDarkSurfaceTransparentCardMinorActive = onDarkSurfaceTransparentCardMinorActive;
+exports.onDarkSurfaceTransparentCardMinorHover = onDarkSurfaceTransparentCardMinorHover;
 exports.onDarkSurfaceTransparentDeep = onDarkSurfaceTransparentDeep;
 exports.onDarkSurfaceTransparentDeepActive = onDarkSurfaceTransparentDeepActive;
 exports.onDarkSurfaceTransparentDeepHover = onDarkSurfaceTransparentDeepHover;
@@ -3127,9 +3217,15 @@ exports.onDarkTextTertiaryHover = onDarkTextTertiaryHover;
 exports.onDarkTextWarning = onDarkTextWarning;
 exports.onDarkTextWarningActive = onDarkTextWarningActive;
 exports.onDarkTextWarningHover = onDarkTextWarningHover;
+exports.onLightOutlineAccent = onLightOutlineAccent;
+exports.onLightOutlineAccentActive = onLightOutlineAccentActive;
+exports.onLightOutlineAccentHover = onLightOutlineAccentHover;
 exports.onLightOutlineClear = onLightOutlineClear;
 exports.onLightOutlineClearActive = onLightOutlineClearActive;
 exports.onLightOutlineClearHover = onLightOutlineClearHover;
+exports.onLightOutlineDeep = onLightOutlineDeep;
+exports.onLightOutlineDeepActive = onLightOutlineDeepActive;
+exports.onLightOutlineDeepHover = onLightOutlineDeepHover;
 exports.onLightOutlineDefault = onLightOutlineDefault;
 exports.onLightOutlineDefaultActive = onLightOutlineDefaultActive;
 exports.onLightOutlineDefaultHover = onLightOutlineDefaultHover;
@@ -3148,6 +3244,9 @@ exports.onLightOutlinePrimaryHover = onLightOutlinePrimaryHover;
 exports.onLightOutlineTransparentPrimary = onLightOutlineTransparentPrimary;
 exports.onLightOutlineTransparentPrimaryActive = onLightOutlineTransparentPrimaryActive;
 exports.onLightOutlineTransparentPrimaryHover = onLightOutlineTransparentPrimaryHover;
+exports.onLightOutlineTransparentWhite = onLightOutlineTransparentWhite;
+exports.onLightOutlineTransparentWhiteActive = onLightOutlineTransparentWhiteActive;
+exports.onLightOutlineTransparentWhiteHover = onLightOutlineTransparentWhiteHover;
 exports.onLightOutlineWarning = onLightOutlineWarning;
 exports.onLightOutlineWarningActive = onLightOutlineWarningActive;
 exports.onLightOutlineWarningHover = onLightOutlineWarningHover;
@@ -3221,6 +3320,9 @@ exports.onLightSurfaceSolidCardBrightness = onLightSurfaceSolidCardBrightness;
 exports.onLightSurfaceSolidCardBrightnessActive = onLightSurfaceSolidCardBrightnessActive;
 exports.onLightSurfaceSolidCardBrightnessHover = onLightSurfaceSolidCardBrightnessHover;
 exports.onLightSurfaceSolidCardHover = onLightSurfaceSolidCardHover;
+exports.onLightSurfaceSolidDeep = onLightSurfaceSolidDeep;
+exports.onLightSurfaceSolidDeepActive = onLightSurfaceSolidDeepActive;
+exports.onLightSurfaceSolidDeepHover = onLightSurfaceSolidDeepHover;
 exports.onLightSurfaceSolidDefault = onLightSurfaceSolidDefault;
 exports.onLightSurfaceSolidDefaultActive = onLightSurfaceSolidDefaultActive;
 exports.onLightSurfaceSolidDefaultHover = onLightSurfaceSolidDefaultHover;
@@ -3248,6 +3350,9 @@ exports.onLightSurfaceTransparentCardBrightness = onLightSurfaceTransparentCardB
 exports.onLightSurfaceTransparentCardBrightnessActive = onLightSurfaceTransparentCardBrightnessActive;
 exports.onLightSurfaceTransparentCardBrightnessHover = onLightSurfaceTransparentCardBrightnessHover;
 exports.onLightSurfaceTransparentCardHover = onLightSurfaceTransparentCardHover;
+exports.onLightSurfaceTransparentCardMinor = onLightSurfaceTransparentCardMinor;
+exports.onLightSurfaceTransparentCardMinorActive = onLightSurfaceTransparentCardMinorActive;
+exports.onLightSurfaceTransparentCardMinorHover = onLightSurfaceTransparentCardMinorHover;
 exports.onLightSurfaceTransparentDeep = onLightSurfaceTransparentDeep;
 exports.onLightSurfaceTransparentDeepActive = onLightSurfaceTransparentDeepActive;
 exports.onLightSurfaceTransparentDeepHover = onLightSurfaceTransparentDeepHover;
@@ -3303,9 +3408,15 @@ exports.onLightTextTertiaryHover = onLightTextTertiaryHover;
 exports.onLightTextWarning = onLightTextWarning;
 exports.onLightTextWarningActive = onLightTextWarningActive;
 exports.onLightTextWarningHover = onLightTextWarningHover;
+exports.outlineAccent = outlineAccent;
+exports.outlineAccentActive = outlineAccentActive;
+exports.outlineAccentHover = outlineAccentHover;
 exports.outlineClear = outlineClear;
 exports.outlineClearActive = outlineClearActive;
 exports.outlineClearHover = outlineClearHover;
+exports.outlineDeep = outlineDeep;
+exports.outlineDeepActive = outlineDeepActive;
+exports.outlineDeepHover = outlineDeepHover;
 exports.outlineDefault = outlineDefault;
 exports.outlineDefaultActive = outlineDefaultActive;
 exports.outlineDefaultHover = outlineDefaultHover;
@@ -3324,6 +3435,9 @@ exports.outlinePrimaryHover = outlinePrimaryHover;
 exports.outlineTransparentPrimary = outlineTransparentPrimary;
 exports.outlineTransparentPrimaryActive = outlineTransparentPrimaryActive;
 exports.outlineTransparentPrimaryHover = outlineTransparentPrimaryHover;
+exports.outlineTransparentWhite = outlineTransparentWhite;
+exports.outlineTransparentWhiteActive = outlineTransparentWhiteActive;
+exports.outlineTransparentWhiteHover = outlineTransparentWhiteHover;
 exports.outlineWarning = outlineWarning;
 exports.outlineWarningActive = outlineWarningActive;
 exports.outlineWarningHover = outlineWarningHover;
@@ -3424,6 +3538,9 @@ exports.surfaceSolidCardBrightness = surfaceSolidCardBrightness;
 exports.surfaceSolidCardBrightnessActive = surfaceSolidCardBrightnessActive;
 exports.surfaceSolidCardBrightnessHover = surfaceSolidCardBrightnessHover;
 exports.surfaceSolidCardHover = surfaceSolidCardHover;
+exports.surfaceSolidDeep = surfaceSolidDeep;
+exports.surfaceSolidDeepActive = surfaceSolidDeepActive;
+exports.surfaceSolidDeepHover = surfaceSolidDeepHover;
 exports.surfaceSolidDefault = surfaceSolidDefault;
 exports.surfaceSolidDefaultActive = surfaceSolidDefaultActive;
 exports.surfaceSolidDefaultHover = surfaceSolidDefaultHover;
@@ -3451,6 +3568,9 @@ exports.surfaceTransparentCardBrightness = surfaceTransparentCardBrightness;
 exports.surfaceTransparentCardBrightnessActive = surfaceTransparentCardBrightnessActive;
 exports.surfaceTransparentCardBrightnessHover = surfaceTransparentCardBrightnessHover;
 exports.surfaceTransparentCardHover = surfaceTransparentCardHover;
+exports.surfaceTransparentCardMinor = surfaceTransparentCardMinor;
+exports.surfaceTransparentCardMinorActive = surfaceTransparentCardMinorActive;
+exports.surfaceTransparentCardMinorHover = surfaceTransparentCardMinorHover;
 exports.surfaceTransparentDeep = surfaceTransparentDeep;
 exports.surfaceTransparentDeepActive = surfaceTransparentDeepActive;
 exports.surfaceTransparentDeepHover = surfaceTransparentDeepHover;
@@ -3482,12 +3602,6 @@ 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;
@@ -3503,9 +3617,6 @@ 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;
@@ -3515,8 +3626,5 @@ 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