@salutejs-ds/sdds_sbcom 0.1.0 → 0.1.1

package/theme/tokens/index.js

@@ -4,9 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 // Generated by robots, do not change this manually!
 
-/** Вторичный цвет текста */
-var textSecondary = 'var(--text-secondary, #F6F2F0A3)';
-
 /** Третичный цвет текста */
 var textTertiaryHover = 'var(--text-tertiary-hover, #F5F5F5FF)';
 
@@ -115,8 +112,8 @@ var textPrimaryBrightness = 'var(--text-primary-brightness, #F6F6F6FF)';
 /** Вторичный цвет текста */
 var textSecondaryActive = 'var(--text-secondary-active, #F5F5F5AB)';
 
-/** Акцентный минорный цвет на темном фоне */
-var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #6EA013FF)';
+/** Вторичный цвет текста */
+var textSecondary = 'var(--text-secondary, #F6F2F0A3)';
 
 /** Цвет успеха на темном фоне */
 var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #96E208FF)';
@@ -205,6 +202,9 @@ var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F6F2F07A)';
 /** Акцентный цвет на темном фоне */
 var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #629405FF)';
 
+/** Акцентный минорный цвет на темном фоне */
+var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #6EA013FF)';
+
 /** Цвет успеха на светлом фоне */
 var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #79B706FF)';
 
@@ -391,9 +391,6 @@ var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #B6FB3
 /** Инвертированный минорный акцентный цвет */
 var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #70AA03FF)';
 
-/** Вторичный прозрачный фон поверхности/контрола */
-var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
-
 /** Третичный прозрачный фон поверхности/контрола */
 var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)';
 
@@ -466,8 +463,8 @@ var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
 /** Вторичный прозрачный фон поверхности/контрола */
 var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)';
 
-/** Цвет фона поверхности/контрола информация */
-var surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)';
+/** Вторичный прозрачный фон поверхности/контрола */
+var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
 
 /** Прозрачный акцентный фон поверхности/контрола */
 var surfaceTransparentAccent = 'var(--surface-transparent-accent, #B4AE7B33)';
@@ -553,8 +550,8 @@ var surfaceNegativeActive = 'var(--surface-negative-active, #FF1F35FF)';
 /** Цвет фона поверхности/контрола информация */
 var surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)';
 
-/** Прозрачный фон для карточек на темном фоне */
-var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)';
+/** Цвет фона поверхности/контрола информация */
+var surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)';
 
 /** Прозрачный фон для карточек на темном фоне */
 var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0A)';
@@ -610,8 +607,8 @@ var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-
 /** Прозрачный фон поверхности по умолчанию на темном фоне */
 var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #373737B8)';
 
-/** Основной непрозрачный фон поверхности на светлом фоне */
-var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)';
+/** Прозрачный фон для карточек на темном фоне */
+var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)';
 
 /** Основной непрозрачный фон поверхности на светлом фоне */
 var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #FFFFFFFF)';
@@ -694,8 +691,8 @@ var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #9BCAF8FF)';
 /** Основной непрозрачный фон поверхности на светлом фоне */
 var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F2F2F2FF)';
 
-/** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFF99)';
+/** Основной непрозрачный фон поверхности на светлом фоне */
+var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)';
 
 /** Прозрачный фон для карточек на светлом фоне */
 var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #171717FF)';
@@ -754,8 +751,8 @@ var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #F
 /** Прозрачный фон для карточек на светлом фоне */
 var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #0808081A)';
 
-/** Инвертированный основной непрозрачный фон поверхности */
-var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFFFF)';
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFF99)';
 
 /** Инвертированный основной непрозрачный фон поверхности */
 var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #F6F6F6FF)';
@@ -838,8 +835,8 @@ var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #D2ECBAFF)
 /** Инвертированный основной непрозрачный фон поверхности */
 var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #F0F0F0FF)';
 
-/** Инвертированный акцентный фон поверхности/контрола */
-var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #6FA706FF)';
+/** Инвертированный основной непрозрачный фон поверхности */
+var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFFFF)';
 
 /** Инвертированный акцентный фон поверхности/контрола */
 var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #558005FF)';
@@ -901,6 +898,9 @@ var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-car
 /** Инвертированный прозрачный фон для карточек */
 var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
 
+/** Инвертированный акцентный фон поверхности/контрола */
+var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #6FA706FF)';
+
 /** Основной фон на светлом фоне */
 var lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)';
 
@@ -1045,9 +1045,6 @@ var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
 /** Основной прозрачный цвет обводки на темном фоне */
 var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
 
-/** Цвет обводки ошибка на светлом фоне */
-var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439FF)';
-
 /** Цвет обводки информация на светлом фоне */
 var onLightOutlineTextInfo = 'var(--on-light-outline-text-info, #3776BCFF)';
 
@@ -1123,8 +1120,8 @@ var onLightOutlineTextInfoHover = 'var(--on-light-outline-text-info-hover, #47B0
 /** Цвет обводки предупреждение на светлом фоне */
 var onLightOutlineWarning = 'var(--on-light-outline-warning, #BE4E0CFF)';
 
-/** Прозрачный желтый цвет для данных на темном фоне */
-var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F3A812AD)';
+/** Цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439FF)';
 
 /** Прозрачный желтый цвет для данных на темном фоне */
 var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
@@ -1210,15 +1207,15 @@ var onDarkDataYellowMinor = 'var(--on-dark-data-yellow-minor, #A16B00)';
 /** Минорный желтый цвет для данных на темном фоне */
 var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #996600FF)';
 
+/** Прозрачный желтый цвет для данных на темном фоне */
+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 onDarkBackgroundSecondary = 'var(--on-dark-background-secondary, #000000FF)';
-
 /**  */
 var onDarkBackgroundSecondaryHover = 'var(--on-dark-background-secondary-hover, #CCCCCCFF)';
 
@@ -1361,7 +1358,7 @@ var inverseBackgroundSecondaryHover = 'var(--inverse-background-secondary-hover,
 var inverseBackgroundSecondaryBrightness = 'var(--inverse-background-secondary-brightness, #FFFFFFFF)';
 
 /**  */
-var personaBlueSurfaceAccentGradient = 'var(--persona-blue-surface-accent-gradient, #0F0F0FFF)';
+var onDarkBackgroundSecondary = 'var(--on-dark-background-secondary, #000000FF)';
 
 /**  */
 var personaBlueSurfaceAccentGradientHover = 'var(--persona-blue-surface-accent-gradient-hover, #CCCCCCFF)';
@@ -1499,7 +1496,7 @@ var onLightOutlineMinorHover = 'var(--on-light-outline-minor-hover, #CCCCCCFF)';
 var onLightOutlineMinorBrightness = 'var(--on-light-outline-minor-brightness, #FFFFFFFF)';
 
 /**  */
-var personaSeaBlueSurfaceAccentGradientHover = 'var(--persona-sea-blue-surface-accent-gradient-hover, #CCCCCCFF)';
+var personaBlueSurfaceAccentGradient = 'var(--persona-blue-surface-accent-gradient, #0F0F0FFF)';
 
 /**  */
 var personaSeaBlueSurfaceAccentGradientActive = 'var(--persona-sea-blue-surface-accent-gradient-active, #E6E6E6FF)';
@@ -1634,7 +1631,7 @@ var personaPinkTextAccentActive = 'var(--persona-pink-text-accent-active, #E6E6E
 var personaSeaBlueSurfaceAccentGradient = 'var(--persona-sea-blue-surface-accent-gradient, #0F0F0FFF)';
 
 /**  */
-var inversePersonaOliveSurfaceAccentGradientHover = 'var(--inverse-persona-olive-surface-accent-gradient-hover, #CCCCCCFF)';
+var personaSeaBlueSurfaceAccentGradientHover = 'var(--persona-sea-blue-surface-accent-gradient-hover, #CCCCCCFF)';
 
 /**  */
 var inversePersonaOliveSurfaceAccentGradientActive = 'var(--inverse-persona-olive-surface-accent-gradient-active, #E6E6E6FF)';
@@ -1769,7 +1766,7 @@ var inversePersonaOchreTextAccentActive = 'var(--inverse-persona-ochre-text-acce
 var inversePersonaOliveSurfaceAccentGradient = 'var(--inverse-persona-olive-surface-accent-gradient, #F6F2F0FF)';
 
 /**  */
-var onDarkPersonaIndigoSurfaceAccentGradientHover = 'var(--on-dark-persona-indigo-surface-accent-gradient-hover, #CCCCCCFF)';
+var inversePersonaOliveSurfaceAccentGradientHover = 'var(--inverse-persona-olive-surface-accent-gradient-hover, #CCCCCCFF)';
 
 /**  */
 var onDarkPersonaIndigoSurfaceAccentGradientActive = 'var(--on-dark-persona-indigo-surface-accent-gradient-active, #E6E6E6FF)';
@@ -1904,7 +1901,7 @@ var onDarkPersonaGreenTextAccentActive = 'var(--on-dark-persona-green-text-accen
 var onDarkPersonaIndigoSurfaceAccentGradient = 'var(--on-dark-persona-indigo-surface-accent-gradient, #0F0F0FFF)';
 
 /**  */
-var onLightPersonaBlueTextAccent = 'var(--on-light-persona-blue-text-accent, #EBE7E5FF)';
+var onDarkPersonaIndigoSurfaceAccentGradientHover = 'var(--on-dark-persona-indigo-surface-accent-gradient-hover, #CCCCCCFF)';
 
 /**  */
 var onLightPersonaBlueTextAccentHover = 'var(--on-light-persona-blue-text-accent-hover, #CCCCCCFF)';
@@ -2021,7 +2018,7 @@ var onLightPersonaBlueSurfaceAccentGradientHover = 'var(--on-light-persona-blue-
 var onLightPersonaBlueSurfaceAccentGradientBrightness = 'var(--on-light-persona-blue-surface-accent-gradient-brightness, #F6F2F0FF)';
 
 /**  */
-var onLightPersonaVioletSurfaceAccentGradientActive = 'var(--on-light-persona-violet-surface-accent-gradient-active, #E6E6E6FF)';
+var onLightPersonaBlueTextAccent = 'var(--on-light-persona-blue-text-accent, #EBE7E5FF)';
 
 /**  */
 var onLightPersonaVioletSurfaceAccentGradientBrightness = 'var(--on-light-persona-violet-surface-accent-gradient-brightness, #F6F2F0FF)';
@@ -2051,10 +2048,10 @@ var surfaceAccentPrimaryActive = 'var(--surface-accent-primary-active, #E6E6E6FF
 var onLightPersonaVioletSurfaceAccentGradient = 'var(--on-light-persona-violet-surface-accent-gradient, #F6F2F0FF)';
 
 /**  */
-var onLightSurfaceAccentPrimary = 'var(--on-light-surface-accent-primary, #527E4BFF)';
+var onLightPersonaVioletSurfaceAccentGradientActive = 'var(--on-light-persona-violet-surface-accent-gradient-active, #E6E6E6FF)';
 
-/** Цвет фона поверхности предупреждение */
-var surfaceWarningActive = 'var(--surface-warning-active, #F05B05FF)';
+/**  */
+var onLightSurfaceAccentPrimary = 'var(--on-light-surface-accent-primary, #527E4BFF)';
 
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #3E4C2FFF)';
@@ -2101,8 +2098,8 @@ var onLightPersonaSeaBlueSurfaceAccentGradientHover = 'var(--on-light-persona-se
 /** Инвертированный акцентный цвет */
 var inverseTextAccentActive = 'var(--inverse-text-accent-active, #3E5E03FF)';
 
-/** Акцентный цвет на светлом фоне */
-var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #79B706FF)';
+/** Цвет фона поверхности предупреждение */
+var surfaceWarningActive = 'var(--surface-warning-active, #F05B05FF)';
 
 /**  */
 var onDarkPersonaBlueSurfaceAccentGradientBrightness = 'var(--on-dark-persona-blue-surface-accent-gradient-brightness, #0F0F0FFF)';
@@ -2167,8 +2164,8 @@ var outlineNegative = 'var(--outline-negative, #F8A6A9FF)';
 /** Третичный цвет текста на темном фоне */
 var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F6F2F03D)';
 
-/** Цвет обводки предупреждение на светлом фоне */
-var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD9253FF)';
+/** Акцентный цвет на светлом фоне */
+var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #79B706FF)';
 
 /** Акцентный минорный цвет */
 var textAccentMinorHover = 'var(--text-accent-minor-hover, #6EA013FF)';
@@ -2233,8 +2230,8 @@ var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #F8A6A9FF)';
 /** Инвертированный цвет фона поверхности/контрола информация */
 var inverseSurfaceInfo = 'var(--inverse-surface-info, #3776BCFF)';
 
-/**  */
-var onDarkPersonaPinkTextAccentHover = 'var(--on-dark-persona-pink-text-accent-hover, #CCCCCCFF)';
+/** Цвет обводки предупреждение на светлом фоне */
+var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD9253FF)';
 
 /**  */
 var onLightPersonaOliveSurfaceAccentGradientBrightness = 'var(--on-light-persona-olive-surface-accent-gradient-brightness, #F6F2F0FF)';
@@ -2279,7 +2276,7 @@ var surfaceAccentSecondaryBrightness = 'var(--surface-accent-secondary-brightnes
 var onLightOutlineDefaultBrightness = 'var(--on-light-outline-default-brightness, #DDD9D7FF)';
 
 /**  */
-var personaPinkSurfaceAccentGradientBrightness = 'var(--persona-pink-surface-accent-gradient-brightness, #0F0F0FFF)';
+var onDarkPersonaPinkTextAccentHover = 'var(--on-dark-persona-pink-text-accent-hover, #CCCCCCFF)';
 
 /** Акцентный цвет на темном фоне */
 var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #96E208FF)';
@@ -2288,7 +2285,7 @@ var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #96E208FF)';
 var onLightPersonaVioletSurfaceAccentGradientHover = 'var(--on-light-persona-violet-surface-accent-gradient-hover, #CCCCCCFF)';
 
 /**  */
-var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #CCCCCCFF)';
+var personaPinkSurfaceAccentGradientBrightness = 'var(--persona-pink-surface-accent-gradient-brightness, #0F0F0FFF)';
 
 /**  */
 var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #CCCCCCFF)';
@@ -2314,26 +2311,8 @@ var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-
 /**  */
 var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #CCCCCCFF)';
 
-/** Вторичный прозрачный фон поверхности/контрола */
-var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)';
-
-/** Цвет фона поверхности/контрола ошибка */
-var surfaceNegative = 'var(--surface-negative, #F8A6A9FF)';
-
-/** Прозрачный фон для карточек на светлом фоне */
-var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #08080814)';
-
-/** Инвертированный основной непрозрачный фон поверхности */
-var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F2F2F2FF)';
-
-/** Основной фон на темном фоне */
-var darkBackgroundPrimary = 'var(--dark-background-primary, #080808)';
-
-/** Минорный желтый цвет для данных на темном фоне */
-var onDarkDataYellowMinorHover = 'var(--on-dark-data-yellow-minor-hover, #B87A00FF)';
-
-/** Цвет обводки ошибка на светлом фоне */
-var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #E40C22FF)';
+/**  */
+var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #CCCCCCFF)';
 
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)';
@@ -2362,14 +2341,41 @@ var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transpare
 /** Непрозрачный фон поверхности/контрола по умолчанию */
 var surfaceSolidDefault = 'var(--surface-solid-default, #F6F2F0FF)';
 
+/**  */
+var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #CCCCCCFF)';
+
+/** Вторичный прозрачный фон поверхности/контрола */
+var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)';
+
+/** Цвет фона поверхности/контрола ошибка */
+var surfaceNegative = 'var(--surface-negative, #F8A6A9FF)';
+
+/** Прозрачный фон для карточек на светлом фоне */
+var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #08080814)';
+
+/** Инвертированный основной непрозрачный фон поверхности */
+var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F2F2F2FF)';
+
+/** Основной фон на темном фоне */
+var darkBackgroundPrimary = 'var(--dark-background-primary, #080808)';
+
+/** Минорный желтый цвет для данных на темном фоне */
+var onDarkDataYellowMinorHover = 'var(--on-dark-data-yellow-minor-hover, #B87A00FF)';
+
+/** Цвет обводки ошибка на светлом фоне */
+var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #E40C22FF)';
+
 /**  */
 var onLightPersonaPinkSurfaceAccentGradientBrightness = 'var(--on-light-persona-pink-surface-accent-gradient-brightness, #F6F2F0FF)';
 
 /** Основной прозрачный цвет обводки на светлом фоне */
 var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #15110F3D)';
 
+/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #527E4B1F)';
+
 /**  */
-var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #CCCCCCFF)';
+var personaOchreSurfaceAccentGradientHover = 'var(--persona-ochre-surface-accent-gradient-hover, #CCCCCCFF)';
 
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #121212FF)';
@@ -2398,15 +2404,6 @@ var onLightPersonaSeaBlueTextAccentBrightness = 'var(--on-light-persona-sea-blue
 /** Основной прозрачный цвет обводки на темном фоне */
 var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #FFFFFF1F)';
 
-/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #527E4B1F)';
-
-/**  */
-var personaOchreSurfaceAccentGradientHover = 'var(--persona-ochre-surface-accent-gradient-hover, #CCCCCCFF)';
-
-/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
-var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #E6E6E6FF)';
-
 /** Акцентный фон поверхности/контрола с градиентом */
 var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
 
@@ -2431,6 +2428,9 @@ var onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-ho
 /** Яркий фон для скелетона */
 var surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)';
 
+/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
+var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #E6E6E6FF)';
+
 /** Фон для скелетона */
 var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%))';
 
@@ -2458,9 +2458,6 @@ var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient
 /** Яркий фон для скелетона */
 var onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
 
-/** Яркий фон для скелетона */
-var onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))';
-
 /** Яркий фон для скелетона */
 var onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
 
@@ -2494,6 +2491,9 @@ var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient,
 /** Фон для скелетона */
 var onLightSurfaceSkeletonGradientActive = 'var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)';
 
+/** Яркий фон для скелетона */
+var onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))';
+
 /** Акцентный цвет обводки с градиентом */
 var outlineAccentGradient = 'var(--outline-accent-gradient, linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%))';
 
@@ -2524,9 +2524,6 @@ var inverseOutlineAccentGradientActive = 'var(--inverse-outline-accent-gradient-
 /** Акцентный цвет обводки с градиентом на светлом фоне */
 var onLightOutlineAccentGradientActive = 'var(--on-light-outline-accent-gradient-active, #E6E6E6FF)';
 
-/**  */
-var onDarkOutlineTransparentSurfaceHover = 'var(--on-dark-outline-transparent-surface-hover, #CCCCCCFF)';
-
 /**  */
 var onDarkOutlineTransparentSurfaceActive = 'var(--on-dark-outline-transparent-surface-active, #E6E6E6FF)';
 
@@ -2621,7 +2618,7 @@ var onDarkOutlineTransparentSurface = 'var(--on-dark-outline-transparent-surface
 var inverseTextAccentGradientAiBrightness = 'var(--inverse-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
 
 /**  */
-var onLightOverlayGradientHover = 'var(--on-light-overlay-gradient-hover, #CCCCCCFF)';
+var onDarkOutlineTransparentSurfaceHover = 'var(--on-dark-outline-transparent-surface-hover, #CCCCCCFF)';
 
 /**  */
 var onLightOverlayGradientActive = 'var(--on-light-overlay-gradient-active, #E6E6E6FF)';
@@ -2641,6 +2638,9 @@ var inverseOverlayGradientBrightness = 'var(--inverse-overlay-gradient-brightnes
 /**  */
 var onLightOverlayGradient = 'var(--on-light-overlay-gradient, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
 
+/**  */
+var onLightOverlayGradientHover = 'var(--on-light-overlay-gradient-hover, #CCCCCCFF)';
+
 /** Яркий фон для скелетона */
 var inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
 
@@ -2659,18 +2659,15 @@ var outlineAccentGradientActive = 'var(--outline-accent-gradient-active, #666666
 /**  */
 var onLightOutlineTransparentSurfaceBrightness = 'var(--on-light-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
 
-/** Акцентный фон поверхности/контрола с градиентом */
-var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #E6E6E6FF)';
-
 /** Акцентный фон поверхности/контрола с градиентом на темном фоне */
 var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
 
+/** Акцентный фон поверхности/контрола с градиентом */
+var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #E6E6E6FF)';
+
 /** Фон для скелетона */
 var onLightSurfaceSkeletonGradientHover = 'var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)';
 
-/** shadow down hard l */
-var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
-
 /** shadow down soft s */
 var shadowDownSoftS = 'var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)';
 
@@ -2683,6 +2680,9 @@ var shadowDownSoftL = 'var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #0000
 /** shadow down hard m */
 var shadowDownHardM = 'var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)';
 
+/** shadow down hard l */
+var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
+
 /** shadow down hard s */
 var shadowDownHardS = 'var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)';
 
@@ -2707,6 +2707,12 @@ var shadowUpHardL = 'var(--shadow-up-hard-l, 0rem -3.75rem 7rem -0.5rem #0000006
 /** borderRadius 2xl */
 var borderRadiusXxl = 'var(--border-radius-xxl, 1.5rem)';
 
+/** New description */
+var borderRadius4xl = 'var(--border-radius-4xl, 2rem)';
+
+/** New description */
+var borderRadius5xl = 'var(--border-radius-5xl, 2.5rem)';
+
 /** New description */
 var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
 
@@ -2716,9 +2722,6 @@ var borderRadiusL = 'var(--border-radius-l, 1rem)';
 /** borderRadius xl */
 var borderRadiusXl = 'var(--border-radius-xl, 1.25rem)';
 
-/** borderRadius s */
-var borderRadiusS = 'var(--border-radius-s, 0.5rem)';
-
 /** borderRadius m */
 var borderRadiusM = 'var(--border-radius-m, 0.75rem)';
 
@@ -2728,6 +2731,9 @@ var borderRadiusXxs = 'var(--border-radius-xxs, 0.25rem)';
 /** borderRadius xs */
 var borderRadiusXs = 'var(--border-radius-xs, 0.375rem)';
 
+/** borderRadius s */
+var borderRadiusS = 'var(--border-radius-s, 0.5rem)';
+
 /** New description */
 var borderRadiusCircle = 'var(--border-radius-circle, 624.9375rem)';
 
@@ -2740,15 +2746,15 @@ var spacing1x = 'var(--spacing-1x, 0.125rem)';
 /** spacing 2x */
 var spacing2x = 'var(--spacing-2x, 0.25rem)';
 
-/** spacing 6x */
-var spacing6x = 'var(--spacing-6x, 0.75rem)';
-
 /** spacing 4x */
 var spacing4x = 'var(--spacing-4x, 0.5rem)';
 
 /** spacing 3x */
 var spacing3x = 'var(--spacing-3x, 0.375rem)';
 
+/** spacing 6x */
+var spacing6x = 'var(--spacing-6x, 0.75rem)';
+
 /** spacing 8x */
 var spacing8x = 'var(--spacing-8x, 1rem)';
 
@@ -2776,16 +2782,6 @@ var spacing10x = 'var(--spacing-10x, 1.25rem)';
 /** spacing 12x */
 var spacing12x = 'var(--spacing-12x, 1.5rem)';
 
-/** typography s display-s */
-var dsplS = {
-  fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
-  fontSize: 'var(--plasma-typo-dspl-s-font-size)',
-  fontStyle: 'var(--plasma-typo-dspl-s-font-style)',
-  fontWeight: 'var(--plasma-typo-dspl-s-font-weight)',
-  letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-dspl-s-line-height)'
-};
-
 /** typography s header-h3-bold */
 var h3Bold = {
   fontFamily: 'var(--plasma-typo-h3-bold-font-family)',
@@ -2946,6 +2942,16 @@ var dsplSBold = {
   lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)'
 };
 
+/** typography s display-s */
+var dsplS = {
+  fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
+  fontSize: 'var(--plasma-typo-dspl-s-font-size)',
+  fontStyle: 'var(--plasma-typo-dspl-s-font-style)',
+  fontWeight: 'var(--plasma-typo-dspl-s-font-weight)',
+  letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-dspl-s-line-height)'
+};
+
 /** typography s display-s-medium */
 var dsplSMedium = {
   fontFamily: 'var(--plasma-typo-dspl-s-medium-font-family)',
@@ -2956,8 +2962,8 @@ var dsplSMedium = {
   lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)'
 };
 var viewContainer = {
-  dark: "\n        --text-secondary: var(--on-dark-text-secondary);\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        --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-secondary: var(--on-dark-surface-transparent-secondary);\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-info-active: var(--on-dark-surface-info-active);\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        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\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-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-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-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-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\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-blue-surface-accent-gradient-brightness: var(--on-dark-persona-blue-surface-accent-gradient-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-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-green-surface-accent-gradient-brightness: var(--on-dark-persona-green-surface-accent-gradient-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-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-indigo-surface-accent-gradient-brightness: var(--on-dark-persona-indigo-surface-accent-gradient-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-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-ochre-surface-accent-gradient-brightness: var(--on-dark-persona-ochre-surface-accent-gradient-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-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-olive-surface-accent-gradient-brightness: var(--on-dark-persona-olive-surface-accent-gradient-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-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-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n        --persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n        --persona-sea-blue-surface-accent-gradient-brightness: var(--on-dark-persona-sea-blue-surface-accent-gradient-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-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        --persona-violet-surface-accent-gradient-brightness: var(--on-dark-persona-violet-surface-accent-gradient-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-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-blue-surface-accent-gradient-brightness: var(--on-light-persona-blue-surface-accent-gradient-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-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-green-surface-accent-gradient-brightness: var(--on-light-persona-green-surface-accent-gradient-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-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-indigo-surface-accent-gradient-brightness: var(--on-light-persona-indigo-surface-accent-gradient-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        --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-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        --persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n        --inverse-persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n        --inverse-persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n        --inverse-persona-olive-surface-accent-gradient-brightness: var(--on-light-persona-olive-surface-accent-gradient-brightness);\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-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-pink-surface-accent-gradient-brightness: var(--on-light-persona-pink-surface-accent-gradient-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-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-sea-blue-surface-accent-gradient-brightness: var(--on-light-persona-sea-blue-surface-accent-gradient-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-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-violet-surface-accent-gradient-brightness: var(--on-light-persona-violet-surface-accent-gradient-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        --inverse-persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\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        --surface-warning-active: var(--on-dark-surface-warning-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        --inverse-persona-ochre-surface-accent-gradient-brightness: var(--on-light-persona-ochre-surface-accent-gradient-brightness);\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        --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-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        --persona-pink-surface-accent-gradient-brightness: var(--on-dark-persona-pink-surface-accent-gradient-brightness);\n        --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\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        --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-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        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\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        --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        --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      ",
-  light: "\n        --text-secondary: var(--on-light-text-secondary);\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        --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-secondary: var(--on-light-surface-transparent-secondary);\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-info-active: var(--on-light-surface-info-active);\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        --text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\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-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-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-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-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\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-blue-surface-accent-gradient-brightness: var(--on-light-persona-blue-surface-accent-gradient-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-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-green-surface-accent-gradient-brightness: var(--on-light-persona-green-surface-accent-gradient-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-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-indigo-surface-accent-gradient-brightness: var(--on-light-persona-indigo-surface-accent-gradient-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-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-ochre-surface-accent-gradient-brightness: var(--on-light-persona-ochre-surface-accent-gradient-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-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-olive-surface-accent-gradient-brightness: var(--on-light-persona-olive-surface-accent-gradient-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-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-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n        --persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n        --persona-sea-blue-surface-accent-gradient-brightness: var(--on-light-persona-sea-blue-surface-accent-gradient-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-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        --persona-violet-surface-accent-gradient-brightness: var(--on-light-persona-violet-surface-accent-gradient-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-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-blue-surface-accent-gradient-brightness: var(--on-dark-persona-blue-surface-accent-gradient-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-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-green-surface-accent-gradient-brightness: var(--on-dark-persona-green-surface-accent-gradient-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-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-indigo-surface-accent-gradient-brightness: var(--on-dark-persona-indigo-surface-accent-gradient-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        --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-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        --persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n        --inverse-persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n        --inverse-persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n        --inverse-persona-olive-surface-accent-gradient-brightness: var(--on-dark-persona-olive-surface-accent-gradient-brightness);\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-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-pink-surface-accent-gradient-brightness: var(--on-dark-persona-pink-surface-accent-gradient-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-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-sea-blue-surface-accent-gradient-brightness: var(--on-dark-persona-sea-blue-surface-accent-gradient-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-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-violet-surface-accent-gradient-brightness: var(--on-dark-persona-violet-surface-accent-gradient-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        --inverse-persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\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        --surface-warning-active: var(--on-light-surface-warning-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        --inverse-persona-ochre-surface-accent-gradient-brightness: var(--on-dark-persona-ochre-surface-accent-gradient-brightness);\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        --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-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        --persona-pink-surface-accent-gradient-brightness: var(--on-light-persona-pink-surface-accent-gradient-brightness);\n        --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\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        --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-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        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\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        --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        --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      "
+  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-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-blue-surface-accent-gradient-brightness: var(--on-dark-persona-blue-surface-accent-gradient-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-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-green-surface-accent-gradient-brightness: var(--on-dark-persona-green-surface-accent-gradient-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-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-indigo-surface-accent-gradient-brightness: var(--on-dark-persona-indigo-surface-accent-gradient-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-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-ochre-surface-accent-gradient-brightness: var(--on-dark-persona-ochre-surface-accent-gradient-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-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-olive-surface-accent-gradient-brightness: var(--on-dark-persona-olive-surface-accent-gradient-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-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-sea-blue-surface-accent-gradient-brightness: var(--on-dark-persona-sea-blue-surface-accent-gradient-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-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        --persona-violet-surface-accent-gradient-brightness: var(--on-dark-persona-violet-surface-accent-gradient-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-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-blue-surface-accent-gradient-brightness: var(--on-light-persona-blue-surface-accent-gradient-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-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-green-surface-accent-gradient-brightness: var(--on-light-persona-green-surface-accent-gradient-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-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-indigo-surface-accent-gradient-brightness: var(--on-light-persona-indigo-surface-accent-gradient-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        --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-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        --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-olive-surface-accent-gradient-brightness: var(--on-light-persona-olive-surface-accent-gradient-brightness);\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-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-pink-surface-accent-gradient-brightness: var(--on-light-persona-pink-surface-accent-gradient-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-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-sea-blue-surface-accent-gradient-brightness: var(--on-light-persona-sea-blue-surface-accent-gradient-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-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-violet-surface-accent-gradient-brightness: var(--on-light-persona-violet-surface-accent-gradient-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        --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        --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        --inverse-persona-ochre-surface-accent-gradient-brightness: var(--on-light-persona-ochre-surface-accent-gradient-brightness);\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        --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-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        --persona-pink-surface-accent-gradient-brightness: var(--on-dark-persona-pink-surface-accent-gradient-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        --persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-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        --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        --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      ",
+  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-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-blue-surface-accent-gradient-brightness: var(--on-light-persona-blue-surface-accent-gradient-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-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-green-surface-accent-gradient-brightness: var(--on-light-persona-green-surface-accent-gradient-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-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-indigo-surface-accent-gradient-brightness: var(--on-light-persona-indigo-surface-accent-gradient-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-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-ochre-surface-accent-gradient-brightness: var(--on-light-persona-ochre-surface-accent-gradient-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-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-olive-surface-accent-gradient-brightness: var(--on-light-persona-olive-surface-accent-gradient-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-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-sea-blue-surface-accent-gradient-brightness: var(--on-light-persona-sea-blue-surface-accent-gradient-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-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        --persona-violet-surface-accent-gradient-brightness: var(--on-light-persona-violet-surface-accent-gradient-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-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-blue-surface-accent-gradient-brightness: var(--on-dark-persona-blue-surface-accent-gradient-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-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-green-surface-accent-gradient-brightness: var(--on-dark-persona-green-surface-accent-gradient-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-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-indigo-surface-accent-gradient-brightness: var(--on-dark-persona-indigo-surface-accent-gradient-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        --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-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        --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-olive-surface-accent-gradient-brightness: var(--on-dark-persona-olive-surface-accent-gradient-brightness);\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-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-pink-surface-accent-gradient-brightness: var(--on-dark-persona-pink-surface-accent-gradient-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-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-sea-blue-surface-accent-gradient-brightness: var(--on-dark-persona-sea-blue-surface-accent-gradient-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-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-violet-surface-accent-gradient-brightness: var(--on-dark-persona-violet-surface-accent-gradient-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        --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        --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        --inverse-persona-ochre-surface-accent-gradient-brightness: var(--on-dark-persona-ochre-surface-accent-gradient-brightness);\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        --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-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        --persona-pink-surface-accent-gradient-brightness: var(--on-light-persona-pink-surface-accent-gradient-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        --persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-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        --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        --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      "
 };
 
 exports.backgroundPrimary = backgroundPrimary;
@@ -2978,6 +2984,8 @@ exports.bodyXXS = bodyXXS;
 exports.bodyXXSBold = bodyXXSBold;
 exports.bodyXXSMedium = bodyXXSMedium;
 exports.borderRadius3xl = borderRadius3xl;
+exports.borderRadius4xl = borderRadius4xl;
+exports.borderRadius5xl = borderRadius5xl;
 exports.borderRadiusCircle = borderRadiusCircle;
 exports.borderRadiusL = borderRadiusL;
 exports.borderRadiusM = borderRadiusM;