@salutejs-ds/sdds_sbcom 0.1.3 → 0.1.5

package/theme/tokens/index.js

@@ -7,6 +7,282 @@ Object.defineProperty(exports, '__esModule', { value: true });
 /** Третичный цвет текста */
 var textTertiaryHover = 'var(--text-tertiary-hover, #F5F5F5FF)';
 
+/** Инвертированный cплошной наборный текст */
+var inverseTextParagraph = 'var(--inverse-text-paragraph, #15110F66)';
+
+/** Инвертированный минорный акцентный цвет */
+var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #52804A66)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #2A390EFF)';
+
+/** Основной прозрачный фон поверхности/контрола */
+var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #252525FF)';
+
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #23232399)';
+
+/** Третичный непрозрачный фон поверхности на светлом фоне */
+var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #D9D9D9FF)';
+
+/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
+var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)';
+
+/** Цвет фона поверхности/контрола ошибка на светлом фоне */
+var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)';
+
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)';
+
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #08080833)';
+
+/** Инвертированный цвет фона поверхности/контрола успех */
+var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #6FA706FF)';
+
+/** Цвет обводки успех */
+var outlinePositiveHover = 'var(--outline-positive-hover, #96E208FF)';
+
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #D7FD91FF)';
+
+/** Цвет обводки успех на светлом фоне */
+var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #79B706FF)';
+
+/** Основной прозрачный цвет обводки на темном фоне */
+var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
+
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarning = 'var(--on-light-outline-warning, #BE4E0CFF)';
+
+/** Вторичный цвет текста */
+var textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)';
+
+/**  */
+var onDarkOutlineMinorBrightness = 'var(--on-dark-outline-minor-brightness, #383838FF)';
+
+/**  */
+var backgroundSecondaryBrightness = 'var(--background-secondary-brightness, #000000FF)';
+
+/**  */
+var personaBlueTextAccentBrightness = 'var(--persona-blue-text-accent-brightness, #15110FFF)';
+
+/**  */
+var personaGreenTextAccentBrightness = 'var(--persona-green-text-accent-brightness, #15110FFF)';
+
+/**  */
+var personaIndigoTextAccentBrightness = 'var(--persona-indigo-text-accent-brightness, #15110FFF)';
+
+/**  */
+var personaOchreTextAccentBrightness = 'var(--persona-ochre-text-accent-brightness, #15110FFF)';
+
+/**  */
+var personaOliveTextAccentBrightness = 'var(--persona-olive-text-accent-brightness, #15110FFF)';
+
+/** Прозрачный желтый цвет для данных на темном фоне */
+var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
+
+/**  */
+var onDarkBackgroundSecondaryHover = 'var(--on-dark-background-secondary-hover, #CCCCCCFF)';
+
+/**  */
+var personaIndigoTextAccent = 'var(--persona-indigo-text-accent, #9291E5)';
+
+/**  */
+var onDarkPersonaPinkTextAccentBrightness = 'var(--on-dark-persona-pink-text-accent-brightness, #15110FFF)';
+
+/**  */
+var onDarkPersonaSeaBlueTextAccentBrightness = 'var(--on-dark-persona-sea-blue-text-accent-brightness, #15110FFF)';
+
+/**  */
+var onLightPersonaIndigoTextAccentHover = 'var(--on-light-persona-indigo-text-accent-hover, #CCCCCCFF)';
+
+/**  */
+var onLightPersonaOchreTextAccentHover = 'var(--on-light-persona-ochre-text-accent-hover, #CCCCCCFF)';
+
+/**  */
+var onLightPersonaOliveTextAccentActive = 'var(--on-light-persona-olive-text-accent-active, #E6E6E6FF)';
+
+/**  */
+var onDarkPersonaVioletTextAccentBrightness = 'var(--on-dark-persona-violet-text-accent-brightness, #15110FFF)';
+
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #2F4408FF)';
+
+/**  */
+var onLightSurfaceAccentSecondaryBrightness = 'var(--on-light-surface-accent-secondary-brightness, #688F61FF)';
+
+/**  */
+var surfaceTransparentAccentMinorBrightness = 'var(--surface-transparent-accent-minor-brightness, #B4AE7B47)';
+
+/**  */
+var onDarkSurfaceAccentSecondaryBrightness = 'var(--on-dark-surface-accent-secondary-brightness, #B4AE7BFF)';
+
+/**  */
+var inversePersonaOchreTextAccentBrightness = 'var(--inverse-persona-ochre-text-accent-brightness, #EBE7E5FF)';
+
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
+
+/**  */
+var outlineTransparentClear = 'var(--outline-transparent-clear, #00000000)';
+
+/**  */
+var inverseBackgroundSecondaryBrightness = 'var(--inverse-background-secondary-brightness, #FFFFFFFF)';
+
+/**  */
+var personaSeaBlueTextAccentActive = 'var(--persona-sea-blue-text-accent-active, #E6E6E6FF)';
+
+/**  */
+var inversePersonaIndigoTextAccentActive = 'var(--inverse-persona-indigo-text-accent-active, #E6E6E6FF)';
+
+/**  */
+var onDarkPersonaOchreTextAccent = 'var(--on-dark-persona-ochre-text-accent, #E0AB69)';
+
+/**  */
+var onLightPersonaBlueTextAccentBrightness = 'var(--on-light-persona-blue-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var onLightPersonaGreenTextAccentBrightness = 'var(--on-light-persona-green-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var onLightPersonaIndigoTextAccentBrightness = 'var(--on-light-persona-indigo-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var onLightPersonaOchreTextAccentBrightness = 'var(--on-light-persona-ochre-text-accent-brightness, #EBE7E5FF)';
+
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #3E4C2FFF)';
+
+/** Прозрачный инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #527E4B1F)';
+
+/**  */
+var onDarkOutlineDefaultBrightness = 'var(--on-dark-outline-default-brightness, #3B3735FF)';
+
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD9253FF)';
+
+/**  */
+var inverseSurfaceTransparentAccentMinorBrightness = 'var(--inverse-surface-transparent-accent-minor-brightness, #527E4B3D)';
+
+/**  */
+var onLightSurfaceAccentPrimaryBrightness = 'var(--on-light-surface-accent-primary-brightness, #527E4BFF)';
+
+/**  */
+var surfaceAccentSecondaryBrightness = 'var(--surface-accent-secondary-brightness, #B4AE7BFF)';
+
+/**  */
+var onDarkBackgroundSecondaryBrightness = 'var(--on-dark-background-secondary-brightness, #0F0F0FFF)';
+
+/**  */
+var onLightBackgroundSecondaryBrightness = 'var(--on-light-background-secondary-brightness, #F6F2F0FF)';
+
+/**  */
+var outlineDefaultBrightness = 'var(--outline-default-brightness, #3B3735FF)';
+
+/**  */
+var outlineMinorBrightness = 'var(--outline-minor-brightness, #383838FF)';
+
+/**  */
+var outlineTransparentClearBrightness = 'var(--outline-transparent-clear-brightness, #00000000)';
+
+/**  */
+var inverseOutlineDefaultBrightness = 'var(--inverse-outline-default-brightness, #DDD9D7FF)';
+
+/**  */
+var inverseOutlineOutlineMinorBrightness = 'var(--inverse-outline-outline-minor-brightness, #FFFFFFFF)';
+
+/**  */
+var inversePersonaOliveTextAccentBrightness = 'var(--inverse-persona-olive-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var inversePersonaPinkTextAccentBrightness = 'var(--inverse-persona-pink-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var inversePersonaSeaBlueTextAccentBrightness = 'var(--inverse-persona-sea-blue-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var inversePersonaVioletTextAccentBrightness = 'var(--inverse-persona-violet-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var onDarkPersonaBlueTextAccentBrightness = 'var(--on-dark-persona-blue-text-accent-brightness, #15110FFF)';
+
+/**  */
+var onDarkPersonaIndigoTextAccentBrightness = 'var(--on-dark-persona-indigo-text-accent-brightness, #15110FFF)';
+
+/**  */
+var onDarkPersonaOchreTextAccentBrightness = 'var(--on-dark-persona-ochre-text-accent-brightness, #15110FFF)';
+
+/**  */
+var onDarkPersonaOliveTextAccentBrightness = 'var(--on-dark-persona-olive-text-accent-brightness, #15110FFF)';
+
+/**  */
+var onLightPersonaOliveTextAccentBrightness = 'var(--on-light-persona-olive-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var onLightPersonaVioletTextAccentBrightness = 'var(--on-light-persona-violet-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var inverseSurfaceAccentSecondaryBrightness = 'var(--inverse-surface-accent-secondary-brightness, #688F61FF)';
+
+/**  */
+var onDarkSurfaceTransparentAccentMinorBrightness = 'var(--on-dark-surface-transparent-accent-minor-brightness, #B4AE7B47)';
+
+/**  */
+var surfaceAccentPrimaryBrightness = 'var(--surface-accent-primary-brightness, #B4AE7BFF)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)';
+
+/**  */
+var onDarkPersonaGreenTextAccentBrightness = 'var(--on-dark-persona-green-text-accent-brightness, #15110FFF)';
+
+/**  */
+var onLightPersonaSeaBlueTextAccentBrightness = 'var(--on-light-persona-sea-blue-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var onLightOutlineMinorBrightness = 'var(--on-light-outline-minor-brightness, #FFFFFFFF)';
+
+/**  */
+var personaSeaBlueTextAccentBrightness = 'var(--persona-sea-blue-text-accent-brightness, #15110FFF)';
+
+/**  */
+var personaVioletTextAccentBrightness = 'var(--persona-violet-text-accent-brightness, #15110FFF)';
+
+/**  */
+var inversePersonaBlueTextAccentBrightness = 'var(--inverse-persona-blue-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var inversePersonaGreenTextAccentBrightness = 'var(--inverse-persona-green-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var inversePersonaIndigoTextAccentBrightness = 'var(--inverse-persona-indigo-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var onLightPersonaPinkTextAccentBrightness = 'var(--on-light-persona-pink-text-accent-brightness, #EBE7E5FF)';
+
+/**  */
+var onDarkSurfaceAccentPrimaryBrightness = 'var(--on-dark-surface-accent-primary-brightness, #B4AE7BFF)';
+
+/**  */
+var onLightSurfaceTransparentAccentMinorBrightness = 'var(--on-light-surface-transparent-accent-minor-brightness, #527E4B3D)';
+
+/**  */
+var onLightOutlineDefaultBrightness = 'var(--on-light-outline-default-brightness, #DDD9D7FF)';
+
+/**  */
+var personaPinkTextAccentBrightness = 'var(--persona-pink-text-accent-brightness, #15110FFF)';
+
 /** Третичный цвет текста */
 var textTertiaryActive = 'var(--text-tertiary-active, #F5F5F556)';
 
@@ -283,9 +559,6 @@ var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #1717177A)'
 /** Инвертированный cплошной наборный текст */
 var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #171717A3)';
 
-/** Инвертированный cплошной наборный текст */
-var inverseTextParagraph = 'var(--inverse-text-paragraph, #15110F66)';
-
 /** Инвертированный акцентный цвет */
 var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #79B706FF)';
 
@@ -334,12 +607,6 @@ var inverseTextAccent = 'var(--inverse-text-accent, #52804AFF)';
 /** Инвертированный цвет успеха */
 var inverseTextPositive = 'var(--inverse-text-positive, #207F1FFF)';
 
-/** Инвертированный минорный акцентный цвет */
-var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #52804A66)';
-
-/** Основной непрозрачный фон поверхности/контрола */
-var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)';
-
 /** Основной непрозрачный фон поверхности/контрола */
 var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #121212FF)';
 
@@ -379,9 +646,6 @@ var surfaceSolidCard = 'var(--surface-solid-card, #232323FF)';
 /** Основной фон для карточек */
 var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #252525FF)';
 
-/** Непрозрачный фон поверхности/контрола по умолчанию */
-var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
-
 /** Непрозрачный фон поверхности/контрола по умолчанию */
 var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F5F5F5FF)';
 
@@ -430,9 +694,6 @@ var surfaceClearActive = 'var(--surface-clear-active, #00000000)';
 /** Фон поверхности/контрола без заливки */
 var surfaceClear = 'var(--surface-clear, #00000000)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола */
-var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #2A390EFF)';
-
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
 var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #182108FF)';
 
@@ -457,9 +718,6 @@ var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #
 /** Основной прозрачный фон поверхности/контрола */
 var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)';
 
-/** Основной прозрачный фон поверхности/контрола */
-var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
-
 /** Вторичный прозрачный фон поверхности/контрола */
 var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)';
 
@@ -481,9 +739,6 @@ var surfaceAccentMinor = 'var(--surface-accent-minor, #3E4C2FFF)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #232323FF)';
 
-/** Основной непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #252525FF)';
-
 /** Вторичный непрозрачный фон поверхности на темном фоне */
 var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #303030FF)';
 
@@ -556,9 +811,6 @@ var surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)';
 /** Прозрачный фон для карточек на темном фоне */
 var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0A)';
 
-/** Прозрачный фон для карточек на темном фоне */
-var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #23232399)';
-
 /** Прозрачный фон для карточек на темном фоне */
 var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FFFF1DFF)';
 
@@ -625,9 +877,6 @@ var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary
 /** Вторичный непрозрачный фон поверхности на светлом фоне */
 var onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #FFFFFFFF)';
 
-/** Третичный непрозрачный фон поверхности на светлом фоне */
-var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #D9D9D9FF)';
-
 /** Третичный непрозрачный фон поверхности на светлом фоне */
 var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #D4D4D4FF)';
 
@@ -646,9 +895,6 @@ var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFFFF)';
 /** Основной фон для карточек на светлом фоне */
 var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
 
-/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)';
-
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)';
 
@@ -724,9 +970,6 @@ var onLightSurfaceWarning = 'var(--on-light-surface-warning, #BE4E0CFF)';
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
 var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF5263FF)';
 
-/** Цвет фона поверхности/контрола ошибка на светлом фоне */
-var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)';
-
 /** Цвет фона поверхности/контрола ошибка на светлом фоне */
 var onLightSurfaceNegative = 'var(--on-light-surface-negative, #E83439FF)';
 
@@ -787,9 +1030,6 @@ var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-bright
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
 var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #262626FF)';
 
-/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)';
-
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
 var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110FFF)';
 
@@ -811,9 +1051,6 @@ var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-seco
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808082E)';
 
-/** Инвертированный третичный прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #08080833)';
-
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #15110F1F)';
 
@@ -850,9 +1087,6 @@ var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-ac
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
 var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #1A9E3233)';
 
-/** Инвертированный цвет фона поверхности/контрола успех */
-var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #6FA706FF)';
-
 /** Инвертированный цвет фона поверхности/контрола успех */
 var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #558005FF)';
 
@@ -943,9 +1177,6 @@ var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active,
 /** Цвет обводки успех на светлом фоне */
 var onLightOutlinePositive = 'var(--on-light-outline-positive, #239322FF)';
 
-/** Цвет обводки успех */
-var outlinePositiveHover = 'var(--outline-positive-hover, #96E208FF)';
-
 /** Цвет обводки успех */
 var outlinePositiveActive = 'var(--outline-positive-active, #629405FF)';
 
@@ -976,9 +1207,6 @@ var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primar
 /** Инвертированный акцентный фон поверхности/контрола */
 var inverseSurfaceAccent = 'var(--inverse-surface-accent, #527E4BFF)';
 
-/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #D7FD91FF)';
-
 /** Основной фон */
 var backgroundPrimary = 'var(--background-primary, #15110FFF)';
 
@@ -1030,9 +1258,6 @@ var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-
 /** Основной прозрачный цвет обводки на светлом фоне */
 var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #08080838)';
 
-/** Цвет обводки успех на светлом фоне */
-var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #79B706FF)';
-
 /** Цвет обводки успех на светлом фоне */
 var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #3E5E03FF)';
 
@@ -1042,9 +1267,6 @@ var outlineTextInfo = 'var(--outline-text-info, #9BCAF8FF)';
 /** Основной прозрачный цвет обводки */
 var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
 
-/** Основной прозрачный цвет обводки на темном фоне */
-var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
-
 /** Цвет обводки информация на светлом фоне */
 var onLightOutlineTextInfo = 'var(--on-light-outline-text-info, #3776BCFF)';
 
@@ -1117,15 +1339,9 @@ var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #CA4B0
 /** Цвет обводки информация на светлом фоне */
 var onLightOutlineTextInfoHover = 'var(--on-light-outline-text-info-hover, #47B0F5FF)';
 
-/** Цвет обводки предупреждение на светлом фоне */
-var onLightOutlineWarning = 'var(--on-light-outline-warning, #BE4E0CFF)';
-
 /** Цвет обводки ошибка на светлом фоне */
 var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439FF)';
 
-/** Прозрачный желтый цвет для данных на темном фоне */
-var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
-
 /** Желтый цвет для данных на светлом фоне */
 var onLightDataYellow = 'var(--on-light-data-yellow, #F3A912)';
 
@@ -1207,18 +1423,6 @@ var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #9966
 /** Прозрачный желтый цвет для данных на темном фоне */
 var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F3A812AD)';
 
-/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
-
-/** Вторичный цвет текста */
-var textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)';
-
-/**  */
-var onDarkBackgroundSecondaryHover = 'var(--on-dark-background-secondary-hover, #CCCCCCFF)';
-
-/**  */
-var onDarkBackgroundSecondaryBrightness = 'var(--on-dark-background-secondary-brightness, #0F0F0FFF)';
-
 /**  */
 var onDarkBackgroundPrimary = 'var(--on-dark-background-primary, #15110FFF)';
 
@@ -1240,9 +1444,6 @@ var onLightBackgroundSecondaryHover = 'var(--on-light-background-secondary-hover
 /**  */
 var onLightBackgroundSecondaryActive = 'var(--on-light-background-secondary-active, #E6E6E6FF)';
 
-/**  */
-var onLightBackgroundSecondaryBrightness = 'var(--on-light-background-secondary-brightness, #F6F2F0FF)';
-
 /**  */
 var onLightBackgroundPrimary = 'var(--on-light-background-primary, #EBE7E5FF)';
 
@@ -1264,9 +1465,6 @@ var outlineDefaultHover = 'var(--outline-default-hover, #CCCCCCFF)';
 /**  */
 var outlineDefaultActive = 'var(--outline-default-active, #E6E6E6FF)';
 
-/**  */
-var outlineDefaultBrightness = 'var(--outline-default-brightness, #3B3735FF)';
-
 /**  */
 var outlineMinor = 'var(--outline-minor, #383838FF)';
 
@@ -1276,21 +1474,12 @@ var outlineMinorHover = 'var(--outline-minor-hover, #CCCCCCFF)';
 /**  */
 var outlineMinorActive = 'var(--outline-minor-active, #E6E6E6FF)';
 
-/**  */
-var outlineMinorBrightness = 'var(--outline-minor-brightness, #383838FF)';
-
-/**  */
-var outlineTransparentClear = 'var(--outline-transparent-clear, #00000000)';
-
 /**  */
 var outlineTransparentClearHover = 'var(--outline-transparent-clear-hover, #CCCCCCFF)';
 
 /**  */
 var outlineTransparentClearActive = 'var(--outline-transparent-clear-active, #E6E6E6FF)';
 
-/**  */
-var outlineTransparentClearBrightness = 'var(--outline-transparent-clear-brightness, #00000000)';
-
 /**  */
 var inverseOutlineDefault = 'var(--inverse-outline-default, #DDD9D7FF)';
 
@@ -1300,9 +1489,6 @@ var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF
 /**  */
 var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #E6E6E6FF)';
 
-/**  */
-var inverseOutlineDefaultBrightness = 'var(--inverse-outline-default-brightness, #DDD9D7FF)';
-
 /**  */
 var inverseOutlineOutlineMinor = 'var(--inverse-outline-outline-minor, #FFFFFFFF)';
 
@@ -1312,9 +1498,6 @@ var inverseOutlineOutlineMinorHover = 'var(--inverse-outline-outline-minor-hover
 /**  */
 var inverseOutlineOutlineMinorActive = 'var(--inverse-outline-outline-minor-active, #E6E6E6FF)';
 
-/**  */
-var inverseOutlineOutlineMinorBrightness = 'var(--inverse-outline-outline-minor-brightness, #FFFFFFFF)';
-
 /**  */
 var onDarkOutlineDefault = 'var(--on-dark-outline-default, #3B3735FF)';
 
@@ -1330,9 +1513,6 @@ var onDarkOutlineMinorHover = 'var(--on-dark-outline-minor-hover, #CCCCCCFF)';
 /**  */
 var onDarkOutlineMinorActive = 'var(--on-dark-outline-minor-active, #E6E6E6FF)';
 
-/**  */
-var onDarkOutlineMinorBrightness = 'var(--on-dark-outline-minor-brightness, #383838FF)';
-
 /**  */
 var onLightOutlineDefault = 'var(--on-light-outline-default, #DDD9D7FF)';
 
@@ -1342,23 +1522,17 @@ var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCF
 /**  */
 var backgroundSecondaryActive = 'var(--background-secondary-active, #E6E6E6FF)';
 
-/**  */
-var backgroundSecondaryBrightness = 'var(--background-secondary-brightness, #000000FF)';
-
 /**  */
 var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #CCCCCCFF)';
 
 /**  */
 var inverseBackgroundSecondaryHover = 'var(--inverse-background-secondary-hover, #CCCCCCFF)';
 
-/**  */
-var inverseBackgroundSecondaryBrightness = 'var(--inverse-background-secondary-brightness, #FFFFFFFF)';
-
 /**  */
 var onDarkBackgroundSecondary = 'var(--on-dark-background-secondary, #000000FF)';
 
 /**  */
-var personaBlueTextAccent = 'var(--persona-blue-text-accent, #15110FFF)';
+var personaBlueTextAccent = 'var(--persona-blue-text-accent, #87BEE5)';
 
 /**  */
 var personaBlueTextAccentHover = 'var(--persona-blue-text-accent-hover, #CCCCCCFF)';
@@ -1367,10 +1541,7 @@ var personaBlueTextAccentHover = 'var(--persona-blue-text-accent-hover, #CCCCCCF
 var personaBlueTextAccentActive = 'var(--persona-blue-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var personaBlueTextAccentBrightness = 'var(--persona-blue-text-accent-brightness, #15110FFF)';
-
-/**  */
-var personaGreenTextAccent = 'var(--persona-green-text-accent, #15110FFF)';
+var personaGreenTextAccent = 'var(--persona-green-text-accent, #8BCB94)';
 
 /**  */
 var personaGreenTextAccentHover = 'var(--persona-green-text-accent-hover, #CCCCCCFF)';
@@ -1378,12 +1549,6 @@ var personaGreenTextAccentHover = 'var(--persona-green-text-accent-hover, #CCCCC
 /**  */
 var personaGreenTextAccentActive = 'var(--persona-green-text-accent-active, #E6E6E6FF)';
 
-/**  */
-var personaGreenTextAccentBrightness = 'var(--persona-green-text-accent-brightness, #15110FFF)';
-
-/**  */
-var personaIndigoTextAccent = 'var(--persona-indigo-text-accent, #15110FFF)';
-
 /**  */
 var personaIndigoTextAccentHover = 'var(--persona-indigo-text-accent-hover, #CCCCCCFF)';
 
@@ -1391,10 +1556,7 @@ var personaIndigoTextAccentHover = 'var(--persona-indigo-text-accent-hover, #CCC
 var personaIndigoTextAccentActive = 'var(--persona-indigo-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var personaIndigoTextAccentBrightness = 'var(--persona-indigo-text-accent-brightness, #15110FFF)';
-
-/**  */
-var personaOchreTextAccent = 'var(--persona-ochre-text-accent, #15110FFF)';
+var personaOchreTextAccent = 'var(--persona-ochre-text-accent, #935B18)';
 
 /**  */
 var personaOchreTextAccentHover = 'var(--persona-ochre-text-accent-hover, #CCCCCCFF)';
@@ -1403,10 +1565,7 @@ var personaOchreTextAccentHover = 'var(--persona-ochre-text-accent-hover, #CCCCC
 var personaOchreTextAccentActive = 'var(--persona-ochre-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var personaOchreTextAccentBrightness = 'var(--persona-ochre-text-accent-brightness, #15110FFF)';
-
-/**  */
-var personaOliveTextAccent = 'var(--persona-olive-text-accent, #15110FFF)';
+var personaOliveTextAccent = 'var(--persona-olive-text-accent, #B3BA8D)';
 
 /**  */
 var personaOliveTextAccentHover = 'var(--persona-olive-text-accent-hover, #CCCCCCFF)';
@@ -1414,9 +1573,6 @@ var personaOliveTextAccentHover = 'var(--persona-olive-text-accent-hover, #CCCCC
 /**  */
 var personaOliveTextAccentActive = 'var(--persona-olive-text-accent-active, #E6E6E6FF)';
 
-/**  */
-var personaOliveTextAccentBrightness = 'var(--persona-olive-text-accent-brightness, #15110FFF)';
-
 /**  */
 var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
 
@@ -1427,22 +1583,13 @@ var onLightOutlineMinor = 'var(--on-light-outline-minor, #FFFFFFFF)';
 var onLightOutlineMinorHover = 'var(--on-light-outline-minor-hover, #CCCCCCFF)';
 
 /**  */
-var onLightOutlineMinorBrightness = 'var(--on-light-outline-minor-brightness, #FFFFFFFF)';
-
-/**  */
-var personaSeaBlueTextAccent = 'var(--persona-sea-blue-text-accent, #15110FFF)';
+var personaSeaBlueTextAccent = 'var(--persona-sea-blue-text-accent, #7BC8C8)';
 
 /**  */
 var personaSeaBlueTextAccentHover = 'var(--persona-sea-blue-text-accent-hover, #CCCCCCFF)';
 
 /**  */
-var personaSeaBlueTextAccentActive = 'var(--persona-sea-blue-text-accent-active, #E6E6E6FF)';
-
-/**  */
-var personaSeaBlueTextAccentBrightness = 'var(--persona-sea-blue-text-accent-brightness, #15110FFF)';
-
-/**  */
-var personaVioletTextAccent = 'var(--persona-violet-text-accent, #15110FFF)';
+var personaVioletTextAccent = 'var(--persona-violet-text-accent, #C6A0DC)';
 
 /**  */
 var personaVioletTextAccentHover = 'var(--persona-violet-text-accent-hover, #CCCCCCFF)';
@@ -1451,10 +1598,7 @@ var personaVioletTextAccentHover = 'var(--persona-violet-text-accent-hover, #CCC
 var personaVioletTextAccentActive = 'var(--persona-violet-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var personaVioletTextAccentBrightness = 'var(--persona-violet-text-accent-brightness, #15110FFF)';
-
-/**  */
-var inversePersonaBlueTextAccent = 'var(--inverse-persona-blue-text-accent, #EBE7E5FF)';
+var inversePersonaBlueTextAccent = 'var(--inverse-persona-blue-text-accent, #3A6D96)';
 
 /**  */
 var inversePersonaBlueTextAccentHover = 'var(--inverse-persona-blue-text-accent-hover, #CCCCCCFF)';
@@ -1463,10 +1607,7 @@ var inversePersonaBlueTextAccentHover = 'var(--inverse-persona-blue-text-accent-
 var inversePersonaBlueTextAccentActive = 'var(--inverse-persona-blue-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var inversePersonaBlueTextAccentBrightness = 'var(--inverse-persona-blue-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var inversePersonaGreenTextAccent = 'var(--inverse-persona-green-text-accent, #EBE7E5FF)';
+var inversePersonaGreenTextAccent = 'var(--inverse-persona-green-text-accent, #3D7B45)';
 
 /**  */
 var inversePersonaGreenTextAccentHover = 'var(--inverse-persona-green-text-accent-hover, #CCCCCCFF)';
@@ -1475,22 +1616,13 @@ var inversePersonaGreenTextAccentHover = 'var(--inverse-persona-green-text-accen
 var inversePersonaGreenTextAccentActive = 'var(--inverse-persona-green-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var inversePersonaGreenTextAccentBrightness = 'var(--inverse-persona-green-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var inversePersonaIndigoTextAccent = 'var(--inverse-persona-indigo-text-accent, #EBE7E5FF)';
+var inversePersonaIndigoTextAccent = 'var(--inverse-persona-indigo-text-accent, #3B3AAE)';
 
 /**  */
 var inversePersonaIndigoTextAccentHover = 'var(--inverse-persona-indigo-text-accent-hover, #CCCCCCFF)';
 
 /**  */
-var inversePersonaIndigoTextAccentActive = 'var(--inverse-persona-indigo-text-accent-active, #E6E6E6FF)';
-
-/**  */
-var inversePersonaIndigoTextAccentBrightness = 'var(--inverse-persona-indigo-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var personaPinkTextAccent = 'var(--persona-pink-text-accent, #15110FFF)';
+var personaPinkTextAccent = 'var(--persona-pink-text-accent, #DE9EA5)';
 
 /**  */
 var personaPinkTextAccentHover = 'var(--persona-pink-text-accent-hover, #CCCCCCFF)';
@@ -1499,16 +1631,13 @@ var personaPinkTextAccentHover = 'var(--persona-pink-text-accent-hover, #CCCCCCF
 var personaPinkTextAccentActive = 'var(--persona-pink-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var inversePersonaOliveTextAccent = 'var(--inverse-persona-olive-text-accent, #EBE7E5FF)';
+var inversePersonaOliveTextAccent = 'var(--inverse-persona-olive-text-accent, #636A40)';
 
 /**  */
 var inversePersonaOliveTextAccentActive = 'var(--inverse-persona-olive-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var inversePersonaOliveTextAccentBrightness = 'var(--inverse-persona-olive-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var inversePersonaPinkTextAccent = 'var(--inverse-persona-pink-text-accent, #EBE7E5FF)';
+var inversePersonaPinkTextAccent = 'var(--inverse-persona-pink-text-accent, #904D55)';
 
 /**  */
 var inversePersonaPinkTextAccentHover = 'var(--inverse-persona-pink-text-accent-hover, #CCCCCCFF)';
@@ -1517,10 +1646,7 @@ var inversePersonaPinkTextAccentHover = 'var(--inverse-persona-pink-text-accent-
 var inversePersonaPinkTextAccentActive = 'var(--inverse-persona-pink-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var inversePersonaPinkTextAccentBrightness = 'var(--inverse-persona-pink-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var inversePersonaSeaBlueTextAccent = 'var(--inverse-persona-sea-blue-text-accent, #EBE7E5FF)';
+var inversePersonaSeaBlueTextAccent = 'var(--inverse-persona-sea-blue-text-accent, #348282)';
 
 /**  */
 var inversePersonaSeaBlueTextAccentHover = 'var(--inverse-persona-sea-blue-text-accent-hover, #CCCCCCFF)';
@@ -1529,10 +1655,7 @@ var inversePersonaSeaBlueTextAccentHover = 'var(--inverse-persona-sea-blue-text-
 var inversePersonaSeaBlueTextAccentActive = 'var(--inverse-persona-sea-blue-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var inversePersonaSeaBlueTextAccentBrightness = 'var(--inverse-persona-sea-blue-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var inversePersonaVioletTextAccent = 'var(--inverse-persona-violet-text-accent, #EBE7E5FF)';
+var inversePersonaVioletTextAccent = 'var(--inverse-persona-violet-text-accent, #75508C)';
 
 /**  */
 var inversePersonaVioletTextAccentHover = 'var(--inverse-persona-violet-text-accent-hover, #CCCCCCFF)';
@@ -1541,10 +1664,7 @@ var inversePersonaVioletTextAccentHover = 'var(--inverse-persona-violet-text-acc
 var inversePersonaVioletTextAccentActive = 'var(--inverse-persona-violet-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var inversePersonaVioletTextAccentBrightness = 'var(--inverse-persona-violet-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var onDarkPersonaBlueTextAccent = 'var(--on-dark-persona-blue-text-accent, #15110FFF)';
+var onDarkPersonaBlueTextAccent = 'var(--on-dark-persona-blue-text-accent, #87BEE5)';
 
 /**  */
 var onDarkPersonaBlueTextAccentHover = 'var(--on-dark-persona-blue-text-accent-hover, #CCCCCCFF)';
@@ -1553,10 +1673,7 @@ var onDarkPersonaBlueTextAccentHover = 'var(--on-dark-persona-blue-text-accent-h
 var onDarkPersonaBlueTextAccentActive = 'var(--on-dark-persona-blue-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var onDarkPersonaBlueTextAccentBrightness = 'var(--on-dark-persona-blue-text-accent-brightness, #15110FFF)';
-
-/**  */
-var inversePersonaOchreTextAccent = 'var(--inverse-persona-ochre-text-accent, #EBE7E5FF)';
+var inversePersonaOchreTextAccent = 'var(--inverse-persona-ochre-text-accent, #935B18)';
 
 /**  */
 var inversePersonaOchreTextAccentHover = 'var(--inverse-persona-ochre-text-accent-hover, #CCCCCCFF)';
@@ -1568,7 +1685,7 @@ var inversePersonaOliveTextAccentHover = 'var(--inverse-persona-olive-text-accen
 var inversePersonaOchreTextAccentActive = 'var(--inverse-persona-ochre-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var onDarkPersonaIndigoTextAccent = 'var(--on-dark-persona-indigo-text-accent, #15110FFF)';
+var onDarkPersonaIndigoTextAccent = 'var(--on-dark-persona-indigo-text-accent, #9291E5)';
 
 /**  */
 var onDarkPersonaIndigoTextAccentHover = 'var(--on-dark-persona-indigo-text-accent-hover, #CCCCCCFF)';
@@ -1576,12 +1693,6 @@ var onDarkPersonaIndigoTextAccentHover = 'var(--on-dark-persona-indigo-text-acce
 /**  */
 var onDarkPersonaIndigoTextAccentActive = 'var(--on-dark-persona-indigo-text-accent-active, #E6E6E6FF)';
 
-/**  */
-var onDarkPersonaIndigoTextAccentBrightness = 'var(--on-dark-persona-indigo-text-accent-brightness, #15110FFF)';
-
-/**  */
-var onDarkPersonaOchreTextAccent = 'var(--on-dark-persona-ochre-text-accent, #15110FFF)';
-
 /**  */
 var onDarkPersonaOchreTextAccentHover = 'var(--on-dark-persona-ochre-text-accent-hover, #CCCCCCFF)';
 
@@ -1589,10 +1700,7 @@ var onDarkPersonaOchreTextAccentHover = 'var(--on-dark-persona-ochre-text-accent
 var onDarkPersonaOchreTextAccentActive = 'var(--on-dark-persona-ochre-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var onDarkPersonaOchreTextAccentBrightness = 'var(--on-dark-persona-ochre-text-accent-brightness, #15110FFF)';
-
-/**  */
-var onDarkPersonaOliveTextAccent = 'var(--on-dark-persona-olive-text-accent, #15110FFF)';
+var onDarkPersonaOliveTextAccent = 'var(--on-dark-persona-olive-text-accent, #B3BA8D)';
 
 /**  */
 var onDarkPersonaOliveTextAccentHover = 'var(--on-dark-persona-olive-text-accent-hover, #CCCCCCFF)';
@@ -1601,31 +1709,22 @@ var onDarkPersonaOliveTextAccentHover = 'var(--on-dark-persona-olive-text-accent
 var onDarkPersonaOliveTextAccentActive = 'var(--on-dark-persona-olive-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var onDarkPersonaOliveTextAccentBrightness = 'var(--on-dark-persona-olive-text-accent-brightness, #15110FFF)';
-
-/**  */
-var onDarkPersonaPinkTextAccent = 'var(--on-dark-persona-pink-text-accent, #15110FFF)';
+var onDarkPersonaPinkTextAccent = 'var(--on-dark-persona-pink-text-accent, #DE9EA5)';
 
 /**  */
 var onDarkPersonaPinkTextAccentActive = 'var(--on-dark-persona-pink-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var onDarkPersonaPinkTextAccentBrightness = 'var(--on-dark-persona-pink-text-accent-brightness, #15110FFF)';
-
-/**  */
-var onDarkPersonaSeaBlueTextAccent = 'var(--on-dark-persona-sea-blue-text-accent, #15110FFF)';
+var onDarkPersonaSeaBlueTextAccent = 'var(--on-dark-persona-sea-blue-text-accent, #7BC8C8)';
 
 /**  */
 var onDarkPersonaSeaBlueTextAccentHover = 'var(--on-dark-persona-sea-blue-text-accent-hover, #CCCCCCFF)';
 
 /**  */
-var onDarkPersonaSeaBlueTextAccentActive = 'var(--on-dark-persona-sea-blue-text-accent-active, #E6E6E6FF)';
-
-/**  */
-var onDarkPersonaSeaBlueTextAccentBrightness = 'var(--on-dark-persona-sea-blue-text-accent-brightness, #15110FFF)';
+var onDarkPersonaSeaBlueTextAccentActive = 'var(--on-dark-persona-sea-blue-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var onDarkPersonaGreenTextAccent = 'var(--on-dark-persona-green-text-accent, #15110FFF)';
+var onDarkPersonaGreenTextAccent = 'var(--on-dark-persona-green-text-accent, #8BCB94)';
 
 /**  */
 var onDarkPersonaGreenTextAccentHover = 'var(--on-dark-persona-green-text-accent-hover, #CCCCCCFF)';
@@ -1640,10 +1739,7 @@ var onLightPersonaBlueTextAccentHover = 'var(--on-light-persona-blue-text-accent
 var onLightPersonaBlueTextAccentActive = 'var(--on-light-persona-blue-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var onLightPersonaBlueTextAccentBrightness = 'var(--on-light-persona-blue-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var onLightPersonaGreenTextAccent = 'var(--on-light-persona-green-text-accent, #EBE7E5FF)';
+var onLightPersonaGreenTextAccent = 'var(--on-light-persona-green-text-accent, #3D7B45)';
 
 /**  */
 var onLightPersonaGreenTextAccentHover = 'var(--on-light-persona-green-text-accent-hover, #CCCCCCFF)';
@@ -1652,55 +1748,31 @@ var onLightPersonaGreenTextAccentHover = 'var(--on-light-persona-green-text-acce
 var onLightPersonaGreenTextAccentActive = 'var(--on-light-persona-green-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var onLightPersonaGreenTextAccentBrightness = 'var(--on-light-persona-green-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var onLightPersonaIndigoTextAccent = 'var(--on-light-persona-indigo-text-accent, #EBE7E5FF)';
-
-/**  */
-var onLightPersonaIndigoTextAccentHover = 'var(--on-light-persona-indigo-text-accent-hover, #CCCCCCFF)';
+var onLightPersonaIndigoTextAccent = 'var(--on-light-persona-indigo-text-accent, #3B3AAE)';
 
 /**  */
 var onLightPersonaIndigoTextAccentActive = 'var(--on-light-persona-indigo-text-accent-active, #E6E6E6FF)';
 
 /**  */
-var onLightPersonaIndigoTextAccentBrightness = 'var(--on-light-persona-indigo-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var onLightPersonaOchreTextAccent = 'var(--on-light-persona-ochre-text-accent, #EBE7E5FF)';
-
-/**  */
-var onLightPersonaOchreTextAccentHover = 'var(--on-light-persona-ochre-text-accent-hover, #CCCCCCFF)';
+var onLightPersonaOchreTextAccent = 'var(--on-light-persona-ochre-text-accent, #935B18)';
 
 /**  */
 var onLightPersonaOchreTextAccentActive = 'var(--on-light-persona-ochre-text-accent-active, #E6E6E6FF)';
 
-/**  */
-var onLightPersonaOchreTextAccentBrightness = 'var(--on-light-persona-ochre-text-accent-brightness, #EBE7E5FF)';
-
 /**  */
 var onLightPersonaOliveTextAccentHover = 'var(--on-light-persona-olive-text-accent-hover, #CCCCCCFF)';
 
 /**  */
-var onLightPersonaOliveTextAccentActive = 'var(--on-light-persona-olive-text-accent-active, #E6E6E6FF)';
-
-/**  */
-var onLightPersonaOliveTextAccentBrightness = 'var(--on-light-persona-olive-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var onDarkPersonaVioletTextAccent = 'var(--on-dark-persona-violet-text-accent, #15110FFF)';
+var onDarkPersonaVioletTextAccent = 'var(--on-dark-persona-violet-text-accent, #C6A0DC)';
 
 /**  */
 var onDarkPersonaVioletTextAccentHover = 'var(--on-dark-persona-violet-text-accent-hover, #CCCCCCFF)';
 
 /**  */
-var onDarkPersonaVioletTextAccentBrightness = 'var(--on-dark-persona-violet-text-accent-brightness, #15110FFF)';
-
-/**  */
-var onLightPersonaBlueTextAccent = 'var(--on-light-persona-blue-text-accent, #EBE7E5FF)';
+var onLightPersonaBlueTextAccent = 'var(--on-light-persona-blue-text-accent, #3A6D96)';
 
 /**  */
-var onLightPersonaVioletTextAccent = 'var(--on-light-persona-violet-text-accent, #EBE7E5FF)';
+var onLightPersonaVioletTextAccent = 'var(--on-light-persona-violet-text-accent, #75508C)';
 
 /**  */
 var onLightPersonaVioletTextAccentHover = 'var(--on-light-persona-violet-text-accent-hover, #CCCCCCFF)';
@@ -1708,9 +1780,6 @@ var onLightPersonaVioletTextAccentHover = 'var(--on-light-persona-violet-text-ac
 /**  */
 var onLightPersonaVioletTextAccentActive = 'var(--on-light-persona-violet-text-accent-active, #E6E6E6FF)';
 
-/**  */
-var onLightPersonaVioletTextAccentBrightness = 'var(--on-light-persona-violet-text-accent-brightness, #EBE7E5FF)';
-
 /**  */
 var surfaceAccentPrimary = 'var(--surface-accent-primary, #B4AE7BFF)';
 
@@ -1723,9 +1792,6 @@ var surfaceAccentPrimaryActive = 'var(--surface-accent-primary-active, #E6E6E6FF
 /**  */
 var onLightSurfaceAccentPrimary = 'var(--on-light-surface-accent-primary, #527E4BFF)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #3E4C2FFF)';
-
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #08080833)';
 
@@ -1741,9 +1807,6 @@ var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-dee
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
 var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D2ECBAFF)';
 
-/** Акцентный минорный цвет на темном фоне */
-var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #2F4408FF)';
-
 /**  */
 var onDarkBackgroundSecondaryActive = 'var(--on-dark-background-secondary-active, #E6E6E6FF)';
 
@@ -1798,9 +1861,6 @@ var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-seconda
 /**  */
 var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #E6E6E6FF)';
 
-/** Прозрачный инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #527E4B1F)';
-
 /**  */
 var backgroundSecondaryHover = 'var(--background-secondary-hover, #CCCCCCFF)';
 
@@ -1817,16 +1877,13 @@ var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #79B706FF)';
 var textAccentMinorHover = 'var(--text-accent-minor-hover, #6EA013FF)';
 
 /**  */
-var onLightPersonaOliveTextAccent = 'var(--on-light-persona-olive-text-accent, #EBE7E5FF)';
+var onLightPersonaOliveTextAccent = 'var(--on-light-persona-olive-text-accent, #636A40)';
 
 /**  */
 var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #527E4B3D)';
 
 /**  */
-var onDarkOutlineDefaultBrightness = 'var(--on-dark-outline-default-brightness, #3B3735FF)';
-
-/**  */
-var onLightPersonaSeaBlueTextAccent = 'var(--on-light-persona-sea-blue-text-accent, #EBE7E5FF)';
+var onLightPersonaSeaBlueTextAccent = 'var(--on-light-persona-sea-blue-text-accent, #348282)';
 
 /**  */
 var surfaceAccentSecondary = 'var(--surface-accent-secondary, #B4AE7BFF)';
@@ -1852,9 +1909,6 @@ var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-acc
 /**  */
 var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #688F61FF)';
 
-/**  */
-var onLightSurfaceAccentSecondaryBrightness = 'var(--on-light-surface-accent-secondary-brightness, #688F61FF)';
-
 /** Инвертированный цвет предупреждения */
 var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FD650DFF)';
 
@@ -1867,45 +1921,6 @@ var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #F8A6A9FF)';
 /** Инвертированный цвет фона поверхности/контрола информация */
 var inverseSurfaceInfo = 'var(--inverse-surface-info, #3776BCFF)';
 
-/** Цвет обводки предупреждение на светлом фоне */
-var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD9253FF)';
-
-/**  */
-var onLightPersonaPinkTextAccentBrightness = 'var(--on-light-persona-pink-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var surfaceTransparentAccentMinorBrightness = 'var(--surface-transparent-accent-minor-brightness, #B4AE7B47)';
-
-/**  */
-var inverseSurfaceAccentSecondaryBrightness = 'var(--inverse-surface-accent-secondary-brightness, #688F61FF)';
-
-/**  */
-var inverseSurfaceTransparentAccentMinorBrightness = 'var(--inverse-surface-transparent-accent-minor-brightness, #527E4B3D)';
-
-/**  */
-var onDarkSurfaceAccentPrimaryBrightness = 'var(--on-dark-surface-accent-primary-brightness, #B4AE7BFF)';
-
-/**  */
-var onDarkSurfaceAccentSecondaryBrightness = 'var(--on-dark-surface-accent-secondary-brightness, #B4AE7BFF)';
-
-/**  */
-var onDarkSurfaceTransparentAccentMinorBrightness = 'var(--on-dark-surface-transparent-accent-minor-brightness, #B4AE7B47)';
-
-/**  */
-var onLightSurfaceAccentPrimaryBrightness = 'var(--on-light-surface-accent-primary-brightness, #527E4BFF)';
-
-/**  */
-var onLightSurfaceTransparentAccentMinorBrightness = 'var(--on-light-surface-transparent-accent-minor-brightness, #527E4B3D)';
-
-/**  */
-var surfaceAccentPrimaryBrightness = 'var(--surface-accent-primary-brightness, #B4AE7BFF)';
-
-/**  */
-var surfaceAccentSecondaryBrightness = 'var(--surface-accent-secondary-brightness, #B4AE7BFF)';
-
-/**  */
-var onLightOutlineDefaultBrightness = 'var(--on-light-outline-default-brightness, #DDD9D7FF)';
-
 /**  */
 var onDarkPersonaPinkTextAccentHover = 'var(--on-dark-persona-pink-text-accent-hover, #CCCCCCFF)';
 
@@ -1939,23 +1954,11 @@ var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor
 /**  */
 var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #CCCCCCFF)';
 
-/** Основной непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)';
-
 /**  */
 var inverseBackgroundSecondaryActive = 'var(--inverse-background-secondary-active, #E6E6E6FF)';
 
 /**  */
-var personaPinkTextAccentBrightness = 'var(--persona-pink-text-accent-brightness, #15110FFF)';
-
-/**  */
-var inversePersonaOchreTextAccentBrightness = 'var(--inverse-persona-ochre-text-accent-brightness, #EBE7E5FF)';
-
-/**  */
-var onDarkPersonaGreenTextAccentBrightness = 'var(--on-dark-persona-green-text-accent-brightness, #15110FFF)';
-
-/**  */
-var onLightPersonaPinkTextAccent = 'var(--on-light-persona-pink-text-accent, #EBE7E5FF)';
+var onLightPersonaPinkTextAccent = 'var(--on-light-persona-pink-text-accent, #904D55)';
 
 /**  */
 var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #E6E6E6FF)';
@@ -2014,12 +2017,57 @@ var onDarkPersonaVioletTextAccentActive = 'var(--on-dark-persona-violet-text-acc
 /**  */
 var onLightOutlineMinorActive = 'var(--on-light-outline-minor-active, #E6E6E6FF)';
 
-/**  */
-var onLightPersonaSeaBlueTextAccentBrightness = 'var(--on-light-persona-sea-blue-text-accent-brightness, #EBE7E5FF)';
-
 /** Основной прозрачный цвет обводки на темном фоне */
 var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #FFFFFF1F)';
 
+/**  */
+var onDarkSurfaceAccentGradientBrightness = 'var(--on-dark-surface-accent-gradient-brightness, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
+
+/**  */
+var onDarkOutlineTransparentSurfaceBrightness = 'var(--on-dark-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
+
+/**  */
+var surfaceAccentGradientBrightness = 'var(--surface-accent-gradient-brightness, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
+
+/**  */
+var inversePersonaPinkSurfaceAccentGradientActive = 'var(--inverse-persona-pink-surface-accent-gradient-active, #FFFFFFFF)';
+
+/**  */
+var textAccentGradientAiBrightness = 'var(--text-accent-gradient-ai-brightness, linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%))';
+
+/**  */
+var onLightSurfaceAccentGradientBrightness = 'var(--on-light-surface-accent-gradient-brightness, linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%))';
+
+/**  */
+var inverseOutlineTransparentSurfaceBrightness = 'var(--inverse-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
+
+/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
+var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #CCCCCCFF)';
+
+/**  */
+var personaGreenSurfaceAccentGradientHover = 'var(--persona-green-surface-accent-gradient-hover, #FFFFFFFF)';
+
+/**  */
+var onDarkTextAccentGradientAiBrightness = 'var(--on-dark-text-accent-gradient-ai-brightness, linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%))';
+
+/**  */
+var onLightTextAccentGradientAiBrightness = 'var(--on-light-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
+
+/**  */
+var inverseSurfaceAccentGradientBrightness = 'var(--inverse-surface-accent-gradient-brightness, linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%))';
+
+/**  */
+var inverseTextAccentGradientAiBrightness = 'var(--inverse-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
+
+/**  */
+var onLightOverlayGradientBrightness = 'var(--on-light-overlay-gradient-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
+
+/**  */
+var inverseOverlayGradientBrightness = 'var(--inverse-overlay-gradient-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
+
+/**  */
+var onLightOutlineTransparentSurfaceBrightness = 'var(--on-light-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
+
 /**  */
 var onLightPersonaBlueSurfaceAccentGradient = 'var(--on-light-persona-blue-surface-accent-gradient, linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%))';
 
@@ -2068,9 +2116,6 @@ var onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-dee
 /** Яркий фон для скелетона */
 var onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
 
-/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
-var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #CCCCCCFF)';
-
 /** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
 var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #E6E6E6FF)';
 
@@ -2152,9 +2197,6 @@ var personaBlueSurfaceAccentGradientActive = 'var(--persona-blue-surface-accent-
 /**  */
 var personaGreenSurfaceAccentGradient = 'var(--persona-green-surface-accent-gradient, linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%))';
 
-/**  */
-var personaGreenSurfaceAccentGradientHover = 'var(--persona-green-surface-accent-gradient-hover, #FFFFFFFF)';
-
 /**  */
 var personaGreenSurfaceAccentGradientActive = 'var(--persona-green-surface-accent-gradient-active, #FFFFFFFF)';
 
@@ -2254,9 +2296,6 @@ var inversePersonaPinkSurfaceAccentGradient = 'var(--inverse-persona-pink-surfac
 /**  */
 var inversePersonaPinkSurfaceAccentGradientHover = 'var(--inverse-persona-pink-surface-accent-gradient-hover, #FFFFFFFF)';
 
-/**  */
-var inversePersonaPinkSurfaceAccentGradientActive = 'var(--inverse-persona-pink-surface-accent-gradient-active, #FFFFFFFF)';
-
 /**  */
 var inversePersonaSeaBlueSurfaceAccentGradient = 'var(--inverse-persona-sea-blue-surface-accent-gradient, linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%))';
 
@@ -2401,9 +2440,6 @@ var onLightPersonaVioletSurfaceAccentGradientActive = 'var(--on-light-persona-vi
 /**  */
 var onDarkOutlineTransparentSurfaceActive = 'var(--on-dark-outline-transparent-surface-active, #E6E6E6FF)';
 
-/**  */
-var onDarkOutlineTransparentSurfaceBrightness = 'var(--on-dark-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
-
 /**  */
 var onLightOutlineTransparentSurface = 'var(--on-light-outline-transparent-surface, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
 
@@ -2440,9 +2476,6 @@ var onDarkTextAccentGradientAiHover = 'var(--on-dark-text-accent-gradient-ai-hov
 /**  */
 var onDarkTextAccentGradientAiActive = 'var(--on-dark-text-accent-gradient-ai-active, #CCCCCCFF)';
 
-/**  */
-var onDarkTextAccentGradientAiBrightness = 'var(--on-dark-text-accent-gradient-ai-brightness, linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%))';
-
 /**  */
 var onLightTextAccentGradientAi = 'var(--on-light-text-accent-gradient-ai, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
 
@@ -2452,27 +2485,9 @@ var onLightTextAccentGradientAiHover = 'var(--on-light-text-accent-gradient-ai-h
 /**  */
 var onLightTextAccentGradientAiActive = 'var(--on-light-text-accent-gradient-ai-active, #CCCCCCFF)';
 
-/**  */
-var onLightTextAccentGradientAiBrightness = 'var(--on-light-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
-
 /**  */
 var textAccentGradientAiActive = 'var(--text-accent-gradient-ai-active, #CCCCCCFF)';
 
-/**  */
-var textAccentGradientAiBrightness = 'var(--text-accent-gradient-ai-brightness, linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%))';
-
-/**  */
-var surfaceAccentGradientBrightness = 'var(--surface-accent-gradient-brightness, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
-
-/**  */
-var inverseSurfaceAccentGradientBrightness = 'var(--inverse-surface-accent-gradient-brightness, linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%))';
-
-/**  */
-var onDarkSurfaceAccentGradientBrightness = 'var(--on-dark-surface-accent-gradient-brightness, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
-
-/**  */
-var onLightSurfaceAccentGradientBrightness = 'var(--on-light-surface-accent-gradient-brightness, linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%))';
-
 /**  */
 var inverseOutlineTransparentSurface = 'var(--inverse-outline-transparent-surface, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
 
@@ -2482,15 +2497,9 @@ var inverseOutlineTransparentSurfaceHover = 'var(--inverse-outline-transparent-s
 /**  */
 var inverseOutlineTransparentSurfaceActive = 'var(--inverse-outline-transparent-surface-active, #E6E6E6FF)';
 
-/**  */
-var inverseOutlineTransparentSurfaceBrightness = 'var(--inverse-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
-
 /**  */
 var onDarkOutlineTransparentSurface = 'var(--on-dark-outline-transparent-surface, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
 
-/**  */
-var inverseTextAccentGradientAiBrightness = 'var(--inverse-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
-
 /**  */
 var onDarkOutlineTransparentSurfaceHover = 'var(--on-dark-outline-transparent-surface-hover, #CCCCCCFF)';
 
@@ -2500,18 +2509,12 @@ var onLightPersonaOliveSurfaceAccentGradientHover = 'var(--on-light-persona-oliv
 /**  */
 var onLightOverlayGradientActive = 'var(--on-light-overlay-gradient-active, #E6E6E6FF)';
 
-/**  */
-var onLightOverlayGradientBrightness = 'var(--on-light-overlay-gradient-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
-
 /**  */
 var inverseOverlayGradientActive = 'var(--inverse-overlay-gradient-active, #E6E6E6FF)';
 
 /**  */
 var inverseOverlayGradientHover = 'var(--inverse-overlay-gradient-hover, #CCCCCCFF)';
 
-/**  */
-var inverseOverlayGradientBrightness = 'var(--inverse-overlay-gradient-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
-
 /**  */
 var onLightOverlayGradient = 'var(--on-light-overlay-gradient, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
 
@@ -2554,9 +2557,6 @@ var outlineAccentGradientActive = 'var(--outline-accent-gradient-active, #666666
 /**  */
 var onLightPersonaVioletSurfaceAccentGradientHover = 'var(--on-light-persona-violet-surface-accent-gradient-hover, #FFFFFFFF)';
 
-/**  */
-var onLightOutlineTransparentSurfaceBrightness = 'var(--on-light-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
-
 /** Акцентный фон поверхности/контрола с градиентом на темном фоне */
 var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
 
@@ -2686,6 +2686,36 @@ var spacing10x = 'var(--spacing-10x, 1.25rem)';
 /** spacing 12x */
 var spacing12x = 'var(--spacing-12x, 1.5rem)';
 
+/** typography s body-xs-medium */
+var bodyXSMedium = {
+  fontFamily: 'var(--plasma-typo-body-xs-medium-font-family)',
+  fontSize: 'var(--plasma-typo-body-xs-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-body-xs-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-body-xs-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-xs-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)'
+};
+
+/** typography s body-xxs-medium */
+var bodyXXSMedium = {
+  fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
+  fontSize: 'var(--plasma-typo-body-xxs-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-body-xxs-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-body-xxs-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-xxs-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
+};
+
+/** typography s body-xxs */
+var bodyXXS = {
+  fontFamily: 'var(--plasma-typo-body-xxs-font-family)',
+  fontSize: 'var(--plasma-typo-body-xxs-font-size)',
+  fontStyle: 'var(--plasma-typo-body-xxs-font-style)',
+  fontWeight: 'var(--plasma-typo-body-xxs-font-weight)',
+  letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body-xxs-line-height)'
+};
+
 /** typography s header-h3-bold */
 var h3Bold = {
   fontFamily: 'var(--plasma-typo-h3-bold-font-family)',
@@ -2786,16 +2816,6 @@ var bodyXSBold = {
   lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)'
 };
 
-/** typography s body-xs-medium */
-var bodyXSMedium = {
-  fontFamily: 'var(--plasma-typo-body-xs-medium-font-family)',
-  fontSize: 'var(--plasma-typo-body-xs-medium-font-size)',
-  fontStyle: 'var(--plasma-typo-body-xs-medium-font-style)',
-  fontWeight: 'var(--plasma-typo-body-xs-medium-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-xs-medium-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)'
-};
-
 /** typography s body-xs */
 var bodyXS = {
   fontFamily: 'var(--plasma-typo-body-xs-font-family)',
@@ -2816,26 +2836,6 @@ var bodyXXSBold = {
   lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)'
 };
 
-/** typography s body-xxs-medium */
-var bodyXXSMedium = {
-  fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
-  fontSize: 'var(--plasma-typo-body-xxs-medium-font-size)',
-  fontStyle: 'var(--plasma-typo-body-xxs-medium-font-style)',
-  fontWeight: 'var(--plasma-typo-body-xxs-medium-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-xxs-medium-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
-};
-
-/** typography s body-xxs */
-var bodyXXS = {
-  fontFamily: 'var(--plasma-typo-body-xxs-font-family)',
-  fontSize: 'var(--plasma-typo-body-xxs-font-size)',
-  fontStyle: 'var(--plasma-typo-body-xxs-font-style)',
-  fontWeight: 'var(--plasma-typo-body-xxs-font-weight)',
-  letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-body-xxs-line-height)'
-};
-
 /** typography s display-s-bold */
 var dsplSBold = {
   fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)',
@@ -2866,8 +2866,8 @@ var dsplSMedium = {
   lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)'
 };
 var viewContainer = {
-  dark: "\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-warning: var(--on-dark-text-warning);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-negative: var(--on-dark-text-negative);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-info: var(--on-dark-text-info);\n        --text-accent: var(--on-dark-text-accent);\n        --text-positive: var(--on-dark-text-positive);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-primary: var(--on-dark-text-primary);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-secondary: var(--on-dark-text-secondary);\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: var(--on-light-text-primary);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\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-secondary: var(--on-light-text-secondary);\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-tertiary: var(--on-light-text-tertiary);\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-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --background-primary-brightness: var(--dark-background-primary-brightness);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\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: var(--on-dark-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\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-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --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        --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-tertiary: var(--on-dark-surface-transparent-tertiary);\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-deep: var(--on-dark-surface-transparent-deep);\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: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-clear: var(--on-dark-surface-clear);\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-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\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-default: var(--on-light-surface-solid-default);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\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-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\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-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\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-warning: var(--on-light-surface-warning);\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-negative: var(--on-light-surface-negative);\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-transparent-deep: var(--on-light-surface-transparent-deep);\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-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-background-primary: var(--light-background-primary);\n        --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\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-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n        --outline-text-info-active: var(--on-dark-outline-text-info-active);\n        --outline-warning: var(--on-dark-outline-warning);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --background-primary: var(--dark-background-primary);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-text-info: var(--on-dark-outline-text-info);\n        --outline-transparent-primary: var(--on-dark-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-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\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-text-info-hover: var(--on-light-outline-text-info-hover);\n        --inverse-outline-text-info-active: var(--on-light-outline-text-info-active);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-text-info: var(--on-light-outline-text-info);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --outline-positive: var(--on-dark-outline-positive);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --outline-default: var(--on-dark-outline-default);\n        --outline-default-hover: var(--on-dark-outline-default-hover);\n        --outline-default-active: var(--on-dark-outline-default-active);\n        --outline-default-brightness: var(--on-dark-outline-default-brightness);\n        --outline-minor: var(--on-dark-outline-minor);\n        --outline-minor-hover: var(--on-dark-outline-minor-hover);\n        --outline-minor-active: var(--on-dark-outline-minor-active);\n        --outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n        --outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n        --outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n        --outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n        --outline-transparent-clear-brightness: var(--on-dark-outline-transparent-clear-brightness);\n        --inverse-outline-default: var(--on-light-outline-default);\n        --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n        --inverse-outline-default-active: var(--on-light-outline-default-active);\n        --inverse-outline-default-brightness: var(--on-light-outline-default-brightness);\n        --inverse-outline-outline-minor: var(--on-light-outline-outline-minor);\n        --inverse-outline-outline-minor-hover: var(--on-light-outline-outline-minor-hover);\n        --inverse-outline-outline-minor-active: var(--on-light-outline-outline-minor-active);\n        --inverse-outline-outline-minor-brightness: var(--on-light-outline-outline-minor-brightness);\n        --background-secondary-active: var(--dark-background-secondary-active);\n        --background-secondary-brightness: var(--dark-background-secondary-brightness);\n        --inverse-background-secondary-hover: var(--light-background-secondary-hover);\n        --inverse-background-secondary-brightness: var(--light-background-secondary-brightness);\n        --persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n        --persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n        --persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n        --persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n        --persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n        --persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n        --persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n        --persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n        --persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n        --persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n        --persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n        --persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n        --persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n        --persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n        --persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n        --persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n        --persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n        --persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n        --persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n        --persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n        --persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n        --persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n        --persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n        --persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n        --persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n        --persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n        --persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n        --persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n        --inverse-persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n        --inverse-persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n        --inverse-persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n        --inverse-persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n        --inverse-persona-green-text-accent: var(--on-light-persona-green-text-accent);\n        --inverse-persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n        --inverse-persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n        --inverse-persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n        --inverse-persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n        --inverse-persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n        --inverse-persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n        --inverse-persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n        --persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n        --persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n        --persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n        --inverse-persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n        --inverse-persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n        --inverse-persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n        --inverse-persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n        --inverse-persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n        --inverse-persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n        --inverse-persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n        --inverse-persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n        --inverse-persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n        --inverse-persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n        --inverse-persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n        --inverse-persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n        --inverse-persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n        --inverse-persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n        --inverse-persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n        --inverse-persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n        --inverse-persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n        --inverse-persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n        --inverse-persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n        --surface-accent-primary: var(--on-dark-surface-accent-primary);\n        --surface-accent-primary-hover: var(--on-dark-surface-accent-primary-hover);\n        --surface-accent-primary-active: var(--on-dark-surface-accent-primary-active);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --background-secondary-hover: var(--dark-background-secondary-hover);\n        --outline-negative: var(--on-dark-outline-negative);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n        --inverse-surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n        --inverse-surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n        --surface-accent-primary-brightness: var(--on-dark-surface-accent-primary-brightness);\n        --surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --inverse-background-secondary-active: var(--light-background-secondary-active);\n        --persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n        --inverse-persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n        --persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n        --persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n        --persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n        --persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n        --persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n        --persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n        --persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n        --persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n        --persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n        --persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n        --persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n        --persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n        --persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n        --persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n        --persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n        --persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n        --persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n        --persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n        --persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n        --persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n        --inverse-persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n        --inverse-persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n        --inverse-persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n        --inverse-persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n        --inverse-persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n        --inverse-persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n        --inverse-persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n        --inverse-persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n        --inverse-persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n        --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n        --inverse-persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n        --persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n        --persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n        --inverse-persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n        --inverse-persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n        --inverse-persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n        --inverse-persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n        --inverse-persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n        --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n        --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n        --inverse-persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n        --inverse-persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n        --inverse-persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n        --inverse-persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n        --inverse-persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n        --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n        --text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n        --text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n        --inverse-text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n        --inverse-text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n        --inverse-text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n        --text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n        --text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n        --surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n        --inverse-surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n        --inverse-outline-transparent-surface: var(--on-light-outline-transparent-surface);\n        --inverse-outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n        --inverse-outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n        --inverse-outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n        --inverse-text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n        --inverse-overlay-gradient-active: var(--on-light-overlay-gradient-active);\n        --inverse-overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n        --inverse-overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n        --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n        --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n      ",
-  light: "\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-warning: var(--on-light-text-warning);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-negative: var(--on-light-text-negative);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-info: var(--on-light-text-info);\n        --text-accent: var(--on-light-text-accent);\n        --text-positive: var(--on-light-text-positive);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-primary: var(--on-light-text-primary);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-secondary: var(--on-light-text-secondary);\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: var(--on-dark-text-primary);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\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-tertiary: var(--on-dark-text-tertiary);\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-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --background-primary-brightness: var(--light-background-primary-brightness);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\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: var(--on-light-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\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-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --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        --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-tertiary: var(--on-light-surface-transparent-tertiary);\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-deep: var(--on-light-surface-transparent-deep);\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: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-clear: var(--on-light-surface-clear);\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-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-info: var(--on-light-surface-info);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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-default: var(--on-dark-surface-solid-default);\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-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\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-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\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-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\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-warning: var(--on-dark-surface-warning);\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-negative: var(--on-dark-surface-negative);\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-transparent-deep: var(--on-dark-surface-transparent-deep);\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-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-background-primary: var(--dark-background-primary);\n        --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\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-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-text-info-hover: var(--on-light-outline-text-info-hover);\n        --outline-text-info-active: var(--on-light-outline-text-info-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --background-primary: var(--light-background-primary);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-text-info: var(--on-light-outline-text-info);\n        --outline-transparent-primary: var(--on-light-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-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\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-text-info-hover: var(--on-dark-outline-text-info-hover);\n        --inverse-outline-text-info-active: var(--on-dark-outline-text-info-active);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-text-info: var(--on-dark-outline-text-info);\n        --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --outline-positive: var(--on-light-outline-positive);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --outline-default: var(--on-light-outline-default);\n        --outline-default-hover: var(--on-light-outline-default-hover);\n        --outline-default-active: var(--on-light-outline-default-active);\n        --outline-default-brightness: var(--on-light-outline-default-brightness);\n        --outline-minor: var(--on-light-outline-minor);\n        --outline-minor-hover: var(--on-light-outline-minor-hover);\n        --outline-minor-active: var(--on-light-outline-minor-active);\n        --outline-minor-brightness: var(--on-light-outline-minor-brightness);\n        --outline-transparent-clear: var(--on-light-outline-transparent-clear);\n        --outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n        --outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n        --outline-transparent-clear-brightness: var(--on-light-outline-transparent-clear-brightness);\n        --inverse-outline-default: var(--on-dark-outline-default);\n        --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n        --inverse-outline-default-active: var(--on-dark-outline-default-active);\n        --inverse-outline-default-brightness: var(--on-dark-outline-default-brightness);\n        --background-secondary-active: var(--light-background-secondary-active);\n        --background-secondary-brightness: var(--light-background-secondary-brightness);\n        --inverse-background-secondary-hover: var(--dark-background-secondary-hover);\n        --inverse-background-secondary-brightness: var(--dark-background-secondary-brightness);\n        --persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n        --persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n        --persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n        --persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n        --persona-green-text-accent: var(--on-light-persona-green-text-accent);\n        --persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n        --persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n        --persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n        --persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n        --persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n        --persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n        --persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n        --persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n        --persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n        --persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n        --persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n        --persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n        --persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n        --persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n        --persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n        --persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n        --persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n        --persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n        --persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n        --persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n        --persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n        --persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n        --persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n        --inverse-persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n        --inverse-persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n        --inverse-persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n        --inverse-persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n        --inverse-persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n        --inverse-persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n        --inverse-persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n        --inverse-persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n        --inverse-persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n        --inverse-persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n        --inverse-persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n        --inverse-persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n        --persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n        --persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n        --persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n        --inverse-persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n        --inverse-persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n        --inverse-persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n        --inverse-persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n        --inverse-persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n        --inverse-persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n        --inverse-persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n        --inverse-persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n        --inverse-persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n        --inverse-persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n        --inverse-persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n        --inverse-persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n        --inverse-persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n        --inverse-persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n        --inverse-persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n        --inverse-persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n        --inverse-persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n        --inverse-persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n        --inverse-persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n        --surface-accent-primary: var(--on-light-surface-accent-primary);\n        --surface-accent-primary-hover: var(--on-light-surface-accent-primary-hover);\n        --surface-accent-primary-active: var(--on-light-surface-accent-primary-active);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --inverse-outline-minor-active: var(--on-dark-outline-minor-active);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --background-secondary-hover: var(--light-background-secondary-hover);\n        --outline-negative: var(--on-light-outline-negative);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-outline-minor: var(--on-dark-outline-minor);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n        --inverse-surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n        --inverse-surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n        --inverse-outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n        --surface-accent-primary-brightness: var(--on-light-surface-accent-primary-brightness);\n        --surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-outline-minor-hover: var(--on-dark-outline-minor-hover);\n        --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --inverse-background-secondary-active: var(--dark-background-secondary-active);\n        --persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n        --inverse-persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n        --persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n        --persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n        --persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n        --persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n        --persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n        --persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n        --persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n        --persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n        --persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n        --persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n        --persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n        --persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n        --persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n        --persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n        --persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n        --persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n        --persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n        --persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n        --persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n        --persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n        --inverse-persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n        --inverse-persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n        --inverse-persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n        --inverse-persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n        --inverse-persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n        --inverse-persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n        --inverse-persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n        --inverse-persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n        --inverse-persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n        --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n        --inverse-persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n        --persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n        --persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n        --inverse-persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n        --inverse-persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n        --inverse-persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n        --inverse-persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n        --inverse-persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n        --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n        --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n        --inverse-persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n        --inverse-persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n        --inverse-persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n        --inverse-persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n        --inverse-persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n        --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n        --text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n        --text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n        --inverse-text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n        --inverse-text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n        --inverse-text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n        --text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n        --text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n        --surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n        --inverse-surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n        --inverse-text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n        --outline-transparent-surface: var(--on-light-outline-transparent-surface);\n        --outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n        --outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n        --outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n        --overlay-gradient: var(--on-light-overlay-gradient);\n        --overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n        --overlay-gradient-active: var(--on-light-overlay-gradient-active);\n        --overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n        --inverse-overlay-gradient-active: var(--on-dark-overlay-gradient-active);\n        --inverse-overlay-gradient-hover: var(--on-dark-overlay-gradient-hover);\n        --inverse-overlay-gradient-brightness: var(--on-dark-overlay-gradient-brightness);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n        --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n        --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n      "
+  dark: "\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --background-secondary-brightness: var(--dark-background-secondary-brightness);\n        --persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n        --persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n        --persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n        --persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n        --persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n        --persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n        --surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n        --inverse-persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n        --outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n        --inverse-background-secondary-brightness: var(--light-background-secondary-brightness);\n        --persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n        --inverse-persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n        --surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n        --outline-default-brightness: var(--on-dark-outline-default-brightness);\n        --outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n        --outline-transparent-clear-brightness: var(--on-dark-outline-transparent-clear-brightness);\n        --inverse-outline-default-brightness: var(--on-light-outline-default-brightness);\n        --inverse-outline-outline-minor-brightness: var(--on-light-outline-outline-minor-brightness);\n        --inverse-persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n        --inverse-persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n        --inverse-persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n        --inverse-persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n        --inverse-surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n        --surface-accent-primary-brightness: var(--on-dark-surface-accent-primary-brightness);\n        --persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n        --persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n        --inverse-persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n        --inverse-persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n        --inverse-persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n        --persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-warning: var(--on-dark-text-warning);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-negative: var(--on-dark-text-negative);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-info: var(--on-dark-text-info);\n        --text-accent: var(--on-dark-text-accent);\n        --text-positive: var(--on-dark-text-positive);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-primary: var(--on-dark-text-primary);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-secondary: var(--on-dark-text-secondary);\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: var(--on-light-text-primary);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\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-secondary: var(--on-light-text-secondary);\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-tertiary: var(--on-light-text-tertiary);\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-hover: var(--on-light-text-accent-hover);\n        --background-primary-brightness: var(--dark-background-primary-brightness);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\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-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\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        --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-tertiary: var(--on-dark-surface-transparent-tertiary);\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-deep: var(--on-dark-surface-transparent-deep);\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: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\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-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\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-warning: var(--on-light-surface-warning);\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-negative: var(--on-light-surface-negative);\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-transparent-deep: var(--on-light-surface-transparent-deep);\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-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-background-primary: var(--light-background-primary);\n        --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\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-positive-active: var(--on-dark-outline-positive-active);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n        --outline-text-info-active: var(--on-dark-outline-text-info-active);\n        --outline-warning: var(--on-dark-outline-warning);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --background-primary: var(--dark-background-primary);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-text-info: var(--on-dark-outline-text-info);\n        --outline-transparent-primary: var(--on-dark-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-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\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-text-info-hover: var(--on-light-outline-text-info-hover);\n        --inverse-outline-text-info-active: var(--on-light-outline-text-info-active);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-text-info: var(--on-light-outline-text-info);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-default: var(--on-dark-outline-default);\n        --outline-default-hover: var(--on-dark-outline-default-hover);\n        --outline-default-active: var(--on-dark-outline-default-active);\n        --outline-minor: var(--on-dark-outline-minor);\n        --outline-minor-hover: var(--on-dark-outline-minor-hover);\n        --outline-minor-active: var(--on-dark-outline-minor-active);\n        --outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n        --outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n        --inverse-outline-default: var(--on-light-outline-default);\n        --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n        --inverse-outline-default-active: var(--on-light-outline-default-active);\n        --inverse-outline-outline-minor: var(--on-light-outline-outline-minor);\n        --inverse-outline-outline-minor-hover: var(--on-light-outline-outline-minor-hover);\n        --inverse-outline-outline-minor-active: var(--on-light-outline-outline-minor-active);\n        --background-secondary-active: var(--dark-background-secondary-active);\n        --inverse-background-secondary-hover: var(--light-background-secondary-hover);\n        --persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n        --persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n        --persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n        --persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n        --persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n        --persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n        --persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n        --persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n        --persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n        --persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n        --persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n        --persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n        --persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n        --persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n        --persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n        --persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n        --persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n        --persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n        --persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n        --inverse-persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n        --inverse-persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n        --inverse-persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n        --inverse-persona-green-text-accent: var(--on-light-persona-green-text-accent);\n        --inverse-persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n        --inverse-persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n        --inverse-persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n        --inverse-persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n        --persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n        --persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n        --persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n        --inverse-persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n        --inverse-persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n        --inverse-persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n        --inverse-persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n        --inverse-persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n        --inverse-persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n        --inverse-persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n        --inverse-persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n        --inverse-persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n        --inverse-persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n        --inverse-persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n        --inverse-persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n        --inverse-persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n        --inverse-persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n        --inverse-persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n        --surface-accent-primary: var(--on-dark-surface-accent-primary);\n        --surface-accent-primary-hover: var(--on-dark-surface-accent-primary-hover);\n        --surface-accent-primary-active: var(--on-dark-surface-accent-primary-active);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --background-secondary-hover: var(--dark-background-secondary-hover);\n        --outline-negative: var(--on-dark-outline-negative);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --inverse-background-secondary-active: var(--light-background-secondary-active);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n        --inverse-persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n        --text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n        --inverse-outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n        --persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n        --inverse-text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n        --inverse-overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n        --persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n        --persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n        --persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n        --persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n        --persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n        --persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n        --persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n        --persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n        --persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n        --persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n        --persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n        --persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n        --persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n        --persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n        --persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n        --persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n        --persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n        --persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n        --persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n        --inverse-persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n        --inverse-persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n        --inverse-persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n        --inverse-persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n        --inverse-persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n        --inverse-persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n        --inverse-persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n        --inverse-persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n        --inverse-persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n        --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n        --inverse-persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n        --persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n        --persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n        --inverse-persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n        --inverse-persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n        --inverse-persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n        --inverse-persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n        --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n        --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n        --inverse-persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n        --inverse-persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n        --inverse-persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n        --inverse-persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n        --inverse-persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n        --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n        --text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n        --text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n        --inverse-text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n        --inverse-text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n        --inverse-text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n        --text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n        --inverse-outline-transparent-surface: var(--on-light-outline-transparent-surface);\n        --inverse-outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n        --inverse-outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n        --inverse-overlay-gradient-active: var(--on-light-overlay-gradient-active);\n        --inverse-overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n        --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n        --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n      ",
+  light: "\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --background-secondary-brightness: var(--light-background-secondary-brightness);\n        --persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n        --persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n        --persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n        --persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n        --persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n        --persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n        --surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n        --inverse-outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n        --inverse-persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n        --outline-transparent-clear: var(--on-light-outline-transparent-clear);\n        --inverse-background-secondary-brightness: var(--dark-background-secondary-brightness);\n        --persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n        --inverse-persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n        --surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n        --outline-default-brightness: var(--on-light-outline-default-brightness);\n        --outline-minor-brightness: var(--on-light-outline-minor-brightness);\n        --outline-transparent-clear-brightness: var(--on-light-outline-transparent-clear-brightness);\n        --inverse-outline-default-brightness: var(--on-dark-outline-default-brightness);\n        --inverse-persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n        --inverse-persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n        --inverse-persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n        --inverse-persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n        --inverse-outline-minor-active: var(--on-dark-outline-minor-active);\n        --inverse-surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n        --surface-accent-primary-brightness: var(--on-light-surface-accent-primary-brightness);\n        --persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n        --persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n        --inverse-persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n        --inverse-persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n        --inverse-persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n        --persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-warning: var(--on-light-text-warning);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-negative: var(--on-light-text-negative);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-info: var(--on-light-text-info);\n        --text-accent: var(--on-light-text-accent);\n        --text-positive: var(--on-light-text-positive);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-primary: var(--on-light-text-primary);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-secondary: var(--on-light-text-secondary);\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: var(--on-dark-text-primary);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\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-tertiary: var(--on-dark-text-tertiary);\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-hover: var(--on-dark-text-accent-hover);\n        --background-primary-brightness: var(--light-background-primary-brightness);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\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-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\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        --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-tertiary: var(--on-light-surface-transparent-tertiary);\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-deep: var(--on-light-surface-transparent-deep);\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: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-info: var(--on-light-surface-info);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\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-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\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-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\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-warning: var(--on-dark-surface-warning);\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-negative: var(--on-dark-surface-negative);\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-transparent-deep: var(--on-dark-surface-transparent-deep);\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-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-background-primary: var(--dark-background-primary);\n        --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\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-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-text-info-hover: var(--on-light-outline-text-info-hover);\n        --outline-text-info-active: var(--on-light-outline-text-info-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --background-primary: var(--light-background-primary);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-text-info: var(--on-light-outline-text-info);\n        --outline-transparent-primary: var(--on-light-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-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\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-text-info-hover: var(--on-dark-outline-text-info-hover);\n        --inverse-outline-text-info-active: var(--on-dark-outline-text-info-active);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-text-info: var(--on-dark-outline-text-info);\n        --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-default: var(--on-light-outline-default);\n        --outline-default-hover: var(--on-light-outline-default-hover);\n        --outline-default-active: var(--on-light-outline-default-active);\n        --outline-minor: var(--on-light-outline-minor);\n        --outline-minor-hover: var(--on-light-outline-minor-hover);\n        --outline-minor-active: var(--on-light-outline-minor-active);\n        --outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n        --outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n        --inverse-outline-default: var(--on-dark-outline-default);\n        --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n        --inverse-outline-default-active: var(--on-dark-outline-default-active);\n        --background-secondary-active: var(--light-background-secondary-active);\n        --inverse-background-secondary-hover: var(--dark-background-secondary-hover);\n        --persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n        --persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n        --persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n        --persona-green-text-accent: var(--on-light-persona-green-text-accent);\n        --persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n        --persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n        --persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n        --persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n        --persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n        --persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n        --persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n        --persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n        --persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n        --persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n        --persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n        --persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n        --persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n        --persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n        --persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n        --inverse-persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n        --inverse-persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n        --inverse-persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n        --inverse-persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n        --inverse-persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n        --inverse-persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n        --inverse-persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n        --inverse-persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n        --persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n        --persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n        --persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n        --inverse-persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n        --inverse-persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n        --inverse-persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n        --inverse-persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n        --inverse-persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n        --inverse-persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n        --inverse-persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n        --inverse-persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n        --inverse-persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n        --inverse-persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n        --inverse-persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n        --inverse-persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n        --inverse-persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n        --inverse-persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n        --inverse-persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n        --surface-accent-primary: var(--on-light-surface-accent-primary);\n        --surface-accent-primary-hover: var(--on-light-surface-accent-primary-hover);\n        --surface-accent-primary-active: var(--on-light-surface-accent-primary-active);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --background-secondary-hover: var(--light-background-secondary-hover);\n        --outline-negative: var(--on-light-outline-negative);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-outline-minor: var(--on-dark-outline-minor);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-outline-minor-hover: var(--on-dark-outline-minor-hover);\n        --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --inverse-background-secondary-active: var(--dark-background-secondary-active);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n        --inverse-persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n        --text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n        --persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n        --inverse-text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n        --outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n        --overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n        --inverse-overlay-gradient-brightness: var(--on-dark-overlay-gradient-brightness);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n        --persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n        --persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n        --persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n        --persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n        --persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n        --persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n        --persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n        --persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n        --persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n        --persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n        --persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n        --persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n        --persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n        --persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n        --persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n        --persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n        --persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n        --persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n        --persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n        --inverse-persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n        --inverse-persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n        --inverse-persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n        --inverse-persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n        --inverse-persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n        --inverse-persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n        --inverse-persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n        --inverse-persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n        --inverse-persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n        --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n        --inverse-persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n        --persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n        --persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n        --inverse-persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n        --inverse-persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n        --inverse-persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n        --inverse-persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n        --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n        --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n        --inverse-persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n        --inverse-persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n        --inverse-persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n        --inverse-persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n        --inverse-persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n        --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n        --text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n        --text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n        --inverse-text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n        --inverse-text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n        --inverse-text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n        --text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n        --outline-transparent-surface: var(--on-light-outline-transparent-surface);\n        --outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n        --outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n        --overlay-gradient: var(--on-light-overlay-gradient);\n        --overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n        --overlay-gradient-active: var(--on-light-overlay-gradient-active);\n        --inverse-overlay-gradient-active: var(--on-dark-overlay-gradient-active);\n        --inverse-overlay-gradient-hover: var(--on-dark-overlay-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n        --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n        --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n      "
 };
 
 exports.backgroundPrimary = backgroundPrimary;