@salutejs-ds/sdds_sbcom 0.1.12 → 0.1.13

package/theme/tokens/index.js

@@ -25,18 +25,18 @@ var inversePersonasVioletTextAccentActive = 'var(--inverse-personas-violet-text-
 /** null */
 var onDarkSurfaceTransparentNaviActive = 'var(--on-dark-surface-transparent-navi-active, #2424248A)';
 
-/** null */
-var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
-
 /** null */
 var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
 
 /** null */
-var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
+var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
 
 /** null */
 var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #666666FF)';
 
+/** null */
+var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
+
 /** null */
 var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
 
@@ -68,10 +68,10 @@ var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827F
 var personasOliveTextAccentActive = 'var(--personas-olive-text-accent-active, #7DC07CFF)';
 
 /** null */
-var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
+var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
 
 /** null */
-var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
+var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
 
 /** null */
 var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFAD)';
@@ -98,14 +98,11 @@ var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-acce
 var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #70CDB7FF)';
 
 /** null */
-var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
+var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
 
 /** null */
 var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
 
-/** null */
-var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
-
 /** null */
 var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
 
@@ -140,10 +137,10 @@ var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
 var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
 
 /** null */
-var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
+var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
 
 /** null */
-var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
+var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
 
 /** null */
 var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)';
@@ -152,10 +149,10 @@ var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transpare
 var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
 
 /** null */
-var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
+var surfaceTransparentNavi = 'var(--surface-transparent-navi, #23232399)';
 
 /** null */
-var surfaceTransparentNavi = 'var(--surface-transparent-navi, #23232399)';
+var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
 
 /** null */
 var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
@@ -169,21 +166,21 @@ var outlineDefault = 'var(--outline-default, #FFFFFF)';
 /** Основной цвет текста */
 var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
 
-/** Прозрачный фон для карточек */
-var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
-
-/** Прозрачный фон для карточек */
-var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
-
 /** Основной фон для карточек */
 var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
 
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
+
 /** Основной фон для карточек */
 var surfaceSolidCardBrightnessActive = 'var(--surface-solid-card-brightness-active, #212121FF)';
 
 /** Основной непрозрачный фон поверхности/контрола */
 var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness-hover, #303030FF)';
 
+/** Прозрачный фон для карточек */
+var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
+
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidPrimaryBrightnessActive = 'var(--on-dark-surface-solid-primary-brightness-active, #212121FF)';
 
@@ -310,9 +307,6 @@ var inverseSurfaceTransparentCardBrightnessActive = 'var(--inverse-surface-trans
 /** Цвет обводки предупреждение на светлом фоне */
 var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #A3420AFF)';
 
-/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
-
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
 var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D0F2E9)';
 
@@ -322,8 +316,8 @@ var inverseSurfaceSolidCardBrightnessActive = 'var(--inverse-surface-solid-card-
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #055C4CFF)';
 
-/** null */
-var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #FFFFFF99)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
 
 /** null */
 var onDarkPersonasBlueTextAccent = 'var(--on-dark-personas-blue-text-accent, #79B3F2)';
@@ -346,17 +340,8 @@ var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-acc
 /** null */
 var onDarkPersonasVioletTextAccent = 'var(--on-dark-personas-violet-text-accent, #E19DED)';
 
-/** Цвет предупреждения на светлом фоне */
-var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
-
 /** null */
-var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
-
-/** null */
-var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
-
-/** null */
-var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
+var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #FFFFFF99)';
 
 /** null */
 var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
@@ -442,20 +427,17 @@ var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93
 /** Основной цвет текста на темном фоне */
 var onDarkTextPrimaryBrightnessHover = 'var(--on-dark-text-primary-brightness-hover, #FAFAFA93)';
 
-/** null */
-var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
-
-/** null */
-var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
+/** Цвет предупреждения на светлом фоне */
+var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
 
 /** null */
-var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
+var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
 
 /** null */
-var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
+var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
 
 /** null */
-var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
+var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
 
 /** null */
 var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
@@ -475,9 +457,6 @@ var onLightPersonasBlueTextAccentHover = 'var(--on-light-personas-blue-text-acce
 /** null */
 var onDarkSurfaceTransparentNaviHover = 'var(--on-dark-surface-transparent-navi-hover, #242424B8)';
 
-/** null */
-var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
-
 /** null */
 var onLightSurfaceAccentSecondaryHover = 'var(--on-light-surface-accent-secondary-hover, #50C3A8FF)';
 
@@ -533,10 +512,22 @@ var onDarkPersonasIndigoTextAccentHover = 'var(--on-dark-personas-indigo-text-ac
 var onDarkPersonasOchreTextAccent = 'var(--on-dark-personas-ochre-text-accent, #F4B49B)';
 
 /** null */
-var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
+var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
 
 /** null */
-var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
+var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
+
+/** null */
+var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
+
+/** null */
+var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
+
+/** null */
+var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
+
+/** null */
+var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
 
 /** null */
 var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
@@ -547,6 +538,36 @@ var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0B
 /** null */
 var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
 
+/** null */
+var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
+
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryBrightnessHover = 'var(--on-light-text-primary-brightness-hover, #17171793)';
+
+/** Инвертированный основной цвет текста */
+var inverseTextPrimaryBrightnessHover = 'var(--inverse-text-primary-brightness-hover, #17171793)';
+
+/** Основной непрозрачный фон поверхности/контрола */
+var surfaceSolidPrimaryBrightnessActive = 'var(--surface-solid-primary-brightness-active, #212121FF)';
+
+/** Основной непрозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceSolidPrimaryBrightnessHover = 'var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)';
+
+/** Инвертированный основной фон для карточек */
+var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
+
+/** null */
+var personasPinkTextAccent = 'var(--personas-pink-text-accent, #DE5555)';
+
+/** null */
+var personasBlueTextAccent = 'var(--personas-blue-text-accent, #79B3F2)';
+
+/** null */
+var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
+
+/** null */
+var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
+
 /** null */
 var backgroundHardline = 'var(--background-hardline, #000000)';
 
@@ -586,30 +607,6 @@ var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
 /** null */
 var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
 
-/** null */
-var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
-
-/** Основной цвет текста на светлом фоне */
-var onLightTextPrimaryBrightnessHover = 'var(--on-light-text-primary-brightness-hover, #17171793)';
-
-/** Инвертированный основной цвет текста */
-var inverseTextPrimaryBrightnessHover = 'var(--inverse-text-primary-brightness-hover, #17171793)';
-
-/** Основной непрозрачный фон поверхности/контрола */
-var surfaceSolidPrimaryBrightnessActive = 'var(--surface-solid-primary-brightness-active, #212121FF)';
-
-/** Основной непрозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceSolidPrimaryBrightnessHover = 'var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)';
-
-/** Инвертированный основной фон для карточек */
-var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
-
-/** null */
-var personasPinkTextAccent = 'var(--personas-pink-text-accent, #DE5555)';
-
-/** null */
-var personasBlueTextAccent = 'var(--personas-blue-text-accent, #79B3F2)';
-
 /** Основной цвет текста на темном фоне */
 var onDarkTextPrimaryBrightnessActive = 'var(--on-dark-text-primary-brightness-active, #FAFAFAC4)';
 
@@ -628,8 +625,8 @@ var onDarkPersonasOchreTextAccentHover = 'var(--on-dark-personas-ochre-text-acce
 /** null */
 var onDarkPersonasIndigoTextAccentActive = 'var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)';
 
-/** Сплошной наборный текст */
-var textParagraphHover = 'var(--text-paragraph-hover, #F5F1EFFF)';
+/** null */
+var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
 
 /** Сплошной наборный текст */
 var textParagraphActive = 'var(--text-paragraph-active, #F5F1EF93)';
@@ -715,8 +712,8 @@ var textPrimaryBrightness = 'var(--text-primary-brightness, #FAFAFAF5)';
 /** Сплошной наборный текст */
 var textParagraph = 'var(--text-paragraph, #F6F2F07A)';
 
-/** Сплошной наборный текст на темном фоне */
-var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F1EFFF)';
+/** Сплошной наборный текст */
+var textParagraphHover = 'var(--text-paragraph-hover, #F5F1EFFF)';
 
 /** Сплошной наборный текст на темном фоне */
 var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F1EF93)';
@@ -805,8 +802,8 @@ var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF97)';
 /** Сплошной наборный текст на темном фоне */
 var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F6F2F07A)';
 
-/** Основной цвет текста на светлом фоне */
-var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #15110FCA)';
+/** Сплошной наборный текст на темном фоне */
+var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F1EFFF)';
 
 /** Основной цвет текста на светлом фоне */
 var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #171717F5)';
@@ -877,6 +874,9 @@ var onLightTextPrimary = 'var(--on-light-text-primary, #15110FFC)';
 /** Основной цвет текста на светлом фоне */
 var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #15110F97)';
 
+/** Основной цвет текста на светлом фоне */
+var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #15110FCA)';
+
 /** Инвертированный основной цвет текста */
 var inverseTextPrimary = 'var(--inverse-text-primary, #15110FFC)';
 
@@ -952,9 +952,6 @@ var onLightTextInfoActive = 'var(--on-light-text-info-active, #194B85FF)';
 /** Цвет ошибки на светлом фоне */
 var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #E3353BFF)';
 
-/** Инвертированный цвет ошибки */
-var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #E3353BFF)';
-
 /** Инвертированный цвет ошибки */
 var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #AF181DFF)';
 
@@ -1015,8 +1012,8 @@ var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #185E17FF)'
 /** Инвертированный цвет ошибки */
 var inverseTextNegative = 'var(--inverse-text-negative, #D11D23)';
 
-/** Вторичный прозрачный фон поверхности/контрола */
-var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF47)';
+/** Инвертированный цвет ошибки */
+var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #E3353BFF)';
 
 /** Вторичный прозрачный фон поверхности/контрола */
 var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF1A)';
@@ -1117,8 +1114,8 @@ var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active,
 /** Вторичный прозрачный фон поверхности/контрола */
 var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
 
-/** Цвет фона поверхности/контрола предупреждение */
-var surfaceWarningHover = 'var(--surface-warning-hover, #F9BB94FF)';
+/** Вторичный прозрачный фон поверхности/контрола */
+var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF47)';
 
 /** Цвет фона поверхности/контрола предупреждение */
 var surfaceWarningActive = 'var(--surface-warning-active, #F8A977FF)';
@@ -1153,6 +1150,12 @@ var surfacePositiveHover = 'var(--surface-positive-hover, #B3D9B0FF)';
 /** Цвет фона поверхности/контрола предупреждение */
 var surfaceWarning = 'var(--surface-warning, #F8AD80)';
 
+/** Цвет фона поверхности/контрола предупреждение */
+var surfaceWarningHover = 'var(--surface-warning-hover, #F9BB94FF)';
+
+/** Прозрачный цвет фона поверхности/контрола предупреждение */
+var surfaceTransparentNegative = 'var(--surface-transparent-negative, #F8A6A980)';
+
 /** Цвет для readOnly */
 var surfaceReadOnly = 'var(--surface-read-only, #F9F9F905)';
 
@@ -1189,9 +1192,6 @@ var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #474747)
 /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #525252FF)';
 
-/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)';
-
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF1A)';
 
@@ -1276,6 +1276,9 @@ var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-p
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
 var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
 
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)';
+
 /** Цвет фона поверхности/контрола успех на темном фоне */
 var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #A6D2A2)';
 
@@ -1357,8 +1360,8 @@ var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #FFFFF
 /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #FFFFFFFF)';
 
-/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
+/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
+var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #F8A6A980)';
 
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #15110F1F)';
@@ -1444,6 +1447,9 @@ var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #15110F14)';
 
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
+
 /** Цвет фона поверхности/контрола успех на светлом фоне */
 var onLightSurfacePositive = 'var(--on-light-surface-positive, #239322)';
 
@@ -1489,6 +1495,9 @@ var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
 var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #0BA8882E)';
 
+/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
+var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #E8343929)';
+
 /** Цвет для readOnly */
 var onLightSurfaceReadOnly = 'var(--on-light-surface-read-only, #F9F9F903)';
 
@@ -1519,9 +1528,6 @@ var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-h
 /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
 var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
 
-/** Инвертированный вторичный прозрачный фон поверхности/контрола */
-var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #15110F14)';
-
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #15110F1A)';
 
@@ -1606,6 +1612,9 @@ var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-p
 /** Инвертированный основной прозрачный фон поверхности/контрола */
 var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #15110F0F)';
 
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #15110F14)';
+
 /** Инвертированный цвет фона поверхности/контрола успех */
 var inverseSurfacePositive = 'var(--inverse-surface-positive, #239322)';
 
@@ -1660,6 +1669,9 @@ var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-a
 /** Инвертированный акцентный фон поверхности/контрола */
 var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
 
+/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
+var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #E8343929)';
+
 /** Цвет для readOnly */
 var inverseSurfaceReadOnly = 'var(--inverse-surface-read-only, #F9F9F903)';
 
@@ -1690,9 +1702,6 @@ var darkBackgroundTertiary = 'var(--dark-background-tertiary, #141413)';
 /** Основной фон на светлом фоне */
 var lightBackgroundPrimary = 'var(--light-background-primary, #EBE7E5)';
 
-/** Цвет фона паранжи темный на светлом фоне */
-var onLightOverlayHard = 'var(--on-light-overlay-hard, #00000052)';
-
 /** Инвертированный цвет фона паранжи светлый */
 var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
 
@@ -1738,6 +1747,9 @@ var inverseBackgroundPrimary = 'var(--inverse-background-primary, #EBE7E5)';
 /** Цвет фона паранжи светлый на светлом фоне */
 var onLightOverlaySoft = 'var(--on-light-overlay-soft, #0000003D)';
 
+/** Цвет фона паранжи темный на светлом фоне */
+var onLightOverlayHard = 'var(--on-light-overlay-hard, #00000052)';
+
 /** Цвет обводки успех */
 var outlinePositive = 'var(--outline-positive, #A6D2A2)';
 
@@ -1900,9 +1912,6 @@ var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
 /** Инвертированная бесцветная обводка */
 var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
 
-/** Инвертированный цвет обводки предупреждение */
-var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #F3813FFF)';
-
 /** Инвертированный цвет обводки предупреждение */
 var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #A3420AFF)';
 
@@ -1936,6 +1945,9 @@ var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #32CA2F
 /** Инвертированный цвет обводки предупреждение */
 var inverseOutlineWarning = 'var(--inverse-outline-warning, #BE4E0C)';
 
+/** Инвертированный цвет обводки предупреждение */
+var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #F3813FFF)';
+
 /** Основной цвет текста */
 var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF97)';
 
@@ -1951,24 +1963,15 @@ var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover,
 /** null */
 var onDarkPersonasIndigoSurfaceAccentGradient = 'var(--on-dark-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
 
-/** null */
-var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%))';
-
 /** null */
 var onDarkPersonasVioletSurfaceAccentGradient = 'var(--on-dark-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
 
-/** null */
-var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
-
 /** null */
 var onLightOutlineWhiteGradient = 'var(--on-light-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%))';
 
 /** null */
 var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%))';
 
-/** null */
-var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
-
 /** null */
 var onDarkPersonasBlueSurfaceAccentGradient = 'var(--on-dark-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))';
 
@@ -2035,11 +2038,17 @@ var onLightTextAccentGradientAI = 'var(--on-light-text-accent-gradient-a-i, line
 /** null */
 var lightBackgroundGradient = 'var(--light-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
 
+/** null */
+var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%))';
+
+/** null */
+var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
+
 /** null */
 var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(180deg, #000000 0.0%, #000000 100.0%))';
 
 /** null */
-var onLightPersonasGreenSurfaceAccentGradient = 'var(--on-light-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))';
+var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
 
 /** null */
 var personasIndigoSurfaceAccentGradient = 'var(--personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
@@ -2116,6 +2125,9 @@ var inversePersonasVioletSurfaceAccentGradient = 'var(--inverse-personas-violet-
 /** null */
 var onLightSurfaceAccentGradientSecondary = 'var(--on-light-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
 
+/** null */
+var onLightPersonasGreenSurfaceAccentGradient = 'var(--on-light-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))';
+
 /** Акцентный фон поверхности/контрола с градиентом */
 var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
 
@@ -2143,24 +2155,21 @@ var inverseSurfaceAccentMinorGradient = 'var(--inverse-surface-accent-minor-grad
 /** shadow down hard s */
 var shadowDownHardS = 'var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)';
 
-/** shadow down soft m */
-var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
-
 /** shadow down soft l */
 var shadowDownSoftL = 'var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)';
 
 /** shadow down soft s */
 var shadowDownSoftS = 'var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)';
 
+/** shadow down soft m */
+var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
+
 /** shadow down hard m */
 var shadowDownHardM = 'var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)';
 
 /** shadow down hard l */
 var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
 
-/** shadow up soft l */
-var shadowUpSoftL = 'var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)';
-
 /** shadow up hard s */
 var shadowUpHardS = 'var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
 
@@ -2176,17 +2185,17 @@ var shadowUpSoftS = 'var(--shadow-up-soft-s, 0rem -0.25rem 0.875rem -0.25rem #08
 /** shadow up soft m */
 var shadowUpSoftM = 'var(--shadow-up-soft-m, 0rem -1.5rem 3rem -0.5rem #00000014)';
 
-/** New description */
-var borderRadius4xl = 'var(--border-radius-4xl, 2rem)';
+/** shadow up soft l */
+var shadowUpSoftL = 'var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)';
 
 /** New description */
-var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
+var borderRadius4xl = 'var(--border-radius-4xl, 2rem)';
 
 /** New description */
 var borderRadius5xl = 'var(--border-radius-5xl, 2.5rem)';
 
-/** borderRadius l */
-var borderRadiusL = 'var(--border-radius-l, 1rem)';
+/** New description */
+var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
 
 /** borderRadius xxs */
 var borderRadiusXxs = 'var(--border-radius-xxs, 0.25rem)';
@@ -2209,12 +2218,12 @@ var borderRadiusCircle = 'var(--border-radius-circle, 100rem)';
 /** borderRadius m */
 var borderRadiusM = 'var(--border-radius-m, 0.75rem)';
 
+/** borderRadius l */
+var borderRadiusL = 'var(--border-radius-l, 1rem)';
+
 /** spacing 16x */
 var spacing16x = 'var(--spacing-16x, 2rem)';
 
-/** spacing 8x */
-var spacing8x = 'var(--spacing-8x, 1rem)';
-
 /** spacing 10x */
 var spacing10x = 'var(--spacing-10x, 1.25rem)';
 
@@ -2254,6 +2263,9 @@ var spacing3x = 'var(--spacing-3x, 0.375rem)';
 /** spacing 6x */
 var spacing6x = 'var(--spacing-6x, 0.75rem)';
 
+/** spacing 8x */
+var spacing8x = 'var(--spacing-8x, 1rem)';
+
 /** typography s body-xxs-bold */
 var bodyXXSBold = {
   fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)',
@@ -2674,8 +2686,8 @@ var textXSMedium = {
   lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)'
 };
 var viewContainer = {
-  dark: "\n        --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-outline-default-active: var(--on-light-outline-default-active);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n        --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n        --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --outline-default-active: var(--on-dark-outline-default-active);\n        --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --inverse-outline-default: var(--on-light-outline-default);\n        --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --inverse-background-hardline: var(--light-background-hardline);\n        --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n        --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --outline-default: var(--on-dark-outline-default);\n        --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --outline-primary: var(--on-dark-outline-primary);\n        --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --text-primary: var(--on-dark-text-primary);\n        --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n        --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n        --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-dark-outline-default-hover);\n        --outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --background-hardline: var(--dark-background-hardline);\n        --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-outline-primary: var(--on-light-outline-primary);\n        --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-positive: var(--on-dark-text-positive);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info: var(--on-dark-text-info);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-read-only: var(--on-dark-surface-read-only);\n        --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-read-only: var(--on-light-surface-read-only);\n        --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n        --background-primary: var(--dark-background-primary);\n        --background-secondary: var(--dark-background-secondary);\n        --background-tertiary: var(--dark-background-tertiary);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-clear: var(--on-dark-outline-clear);\n        --inverse-background-secondary: var(--light-background-secondary);\n        --inverse-background-tertiary: var(--light-background-tertiary);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-background-primary: var(--light-background-primary);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-clear: var(--on-light-outline-clear);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-dark-overlay-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --background-gradient: var(--dark-background-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --inverse-background-gradient: var(--light-background-gradient);\n        --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n        --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n      ",
-  light: "\n        --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-outline-default-active: var(--on-dark-outline-default-active);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n        --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n        --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --outline-default-active: var(--on-light-outline-default-active);\n        --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --inverse-outline-default: var(--on-dark-outline-default);\n        --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --inverse-background-hardline: var(--dark-background-hardline);\n        --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n        --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --outline-default: var(--on-light-outline-default);\n        --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --outline-primary: var(--on-light-outline-primary);\n        --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --text-primary: var(--on-light-text-primary);\n        --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n        --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-light-outline-default-hover);\n        --outline-primary-hover: var(--on-light-outline-primary-hover);\n        --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --background-hardline: var(--light-background-hardline);\n        --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-outline-primary: var(--on-dark-outline-primary);\n        --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-positive: var(--on-light-text-positive);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info: var(--on-light-text-info);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info: var(--on-light-surface-info);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-read-only: var(--on-light-surface-read-only);\n        --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --surface-read-only-active: var(--on-light-surface-read-only-active);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-read-only: var(--on-dark-surface-read-only);\n        --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --background-primary: var(--light-background-primary);\n        --background-secondary: var(--light-background-secondary);\n        --background-tertiary: var(--light-background-tertiary);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --outline-clear: var(--on-light-outline-clear);\n        --inverse-background-secondary: var(--dark-background-secondary);\n        --inverse-background-tertiary: var(--dark-background-tertiary);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --inverse-background-primary: var(--dark-background-primary);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --inverse-outline-clear: var(--on-dark-outline-clear);\n        --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-light-overlay-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --background-gradient: var(--light-background-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --outline-white-gradient: var(--on-light-outline-white-gradient);\n        --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --inverse-background-gradient: var(--dark-background-gradient);\n        --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n      "
+  dark: "\n        --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-outline-default-active: var(--on-light-outline-default-active);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n        --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n        --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --outline-default-active: var(--on-dark-outline-default-active);\n        --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --inverse-outline-default: var(--on-light-outline-default);\n        --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --inverse-background-hardline: var(--light-background-hardline);\n        --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n        --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --outline-default: var(--on-dark-outline-default);\n        --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --outline-primary: var(--on-dark-outline-primary);\n        --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --text-primary: var(--on-dark-text-primary);\n        --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-dark-outline-default-hover);\n        --outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n        --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n        --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --background-hardline: var(--dark-background-hardline);\n        --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-outline-primary: var(--on-light-outline-primary);\n        --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-positive: var(--on-dark-text-positive);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info: var(--on-dark-text-info);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-read-only: var(--on-dark-surface-read-only);\n        --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --inverse-surface-read-only: var(--on-light-surface-read-only);\n        --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n        --background-primary: var(--dark-background-primary);\n        --background-secondary: var(--dark-background-secondary);\n        --background-tertiary: var(--dark-background-tertiary);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-clear: var(--on-dark-outline-clear);\n        --inverse-background-secondary: var(--light-background-secondary);\n        --inverse-background-tertiary: var(--light-background-tertiary);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-background-primary: var(--light-background-primary);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-clear: var(--on-light-outline-clear);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --inverse-background-gradient: var(--light-background-gradient);\n        --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-dark-overlay-gradient);\n        --background-gradient: var(--dark-background-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n        --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n      ",
+  light: "\n        --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-outline-default-active: var(--on-dark-outline-default-active);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n        --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n        --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --outline-default-active: var(--on-light-outline-default-active);\n        --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --inverse-outline-default: var(--on-dark-outline-default);\n        --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --inverse-background-hardline: var(--dark-background-hardline);\n        --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n        --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --outline-default: var(--on-light-outline-default);\n        --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --outline-primary: var(--on-light-outline-primary);\n        --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --text-primary: var(--on-light-text-primary);\n        --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --outline-default-hover: var(--on-light-outline-default-hover);\n        --outline-primary-hover: var(--on-light-outline-primary-hover);\n        --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n        --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --background-hardline: var(--light-background-hardline);\n        --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --inverse-outline-primary: var(--on-dark-outline-primary);\n        --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-positive: var(--on-light-text-positive);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info: var(--on-light-text-info);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info: var(--on-light-surface-info);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-read-only: var(--on-light-surface-read-only);\n        --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --surface-read-only-active: var(--on-light-surface-read-only-active);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --inverse-surface-read-only: var(--on-dark-surface-read-only);\n        --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --background-primary: var(--light-background-primary);\n        --background-secondary: var(--light-background-secondary);\n        --background-tertiary: var(--light-background-tertiary);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --outline-clear: var(--on-light-outline-clear);\n        --inverse-background-secondary: var(--dark-background-secondary);\n        --inverse-background-tertiary: var(--dark-background-tertiary);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --inverse-background-primary: var(--dark-background-primary);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --inverse-outline-clear: var(--on-dark-outline-clear);\n        --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --outline-white-gradient: var(--on-light-outline-white-gradient);\n        --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --inverse-background-gradient: var(--dark-background-gradient);\n        --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-light-overlay-gradient);\n        --background-gradient: var(--light-background-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n      "
 };
 
 exports.backgroundGradient = backgroundGradient;
@@ -2861,6 +2873,7 @@ exports.inverseSurfaceTransparentDeepHover = inverseSurfaceTransparentDeepHover;
 exports.inverseSurfaceTransparentNavi = inverseSurfaceTransparentNavi;
 exports.inverseSurfaceTransparentNaviActive = inverseSurfaceTransparentNaviActive;
 exports.inverseSurfaceTransparentNaviHover = inverseSurfaceTransparentNaviHover;
+exports.inverseSurfaceTransparentNegative = inverseSurfaceTransparentNegative;
 exports.inverseSurfaceTransparentPrimary = inverseSurfaceTransparentPrimary;
 exports.inverseSurfaceTransparentPrimaryActive = inverseSurfaceTransparentPrimaryActive;
 exports.inverseSurfaceTransparentPrimaryHover = inverseSurfaceTransparentPrimaryHover;
@@ -3039,6 +3052,7 @@ exports.onDarkSurfaceTransparentDeepHover = onDarkSurfaceTransparentDeepHover;
 exports.onDarkSurfaceTransparentNavi = onDarkSurfaceTransparentNavi;
 exports.onDarkSurfaceTransparentNaviActive = onDarkSurfaceTransparentNaviActive;
 exports.onDarkSurfaceTransparentNaviHover = onDarkSurfaceTransparentNaviHover;
+exports.onDarkSurfaceTransparentNegative = onDarkSurfaceTransparentNegative;
 exports.onDarkSurfaceTransparentPrimary = onDarkSurfaceTransparentPrimary;
 exports.onDarkSurfaceTransparentPrimaryActive = onDarkSurfaceTransparentPrimaryActive;
 exports.onDarkSurfaceTransparentPrimaryHover = onDarkSurfaceTransparentPrimaryHover;
@@ -3212,6 +3226,7 @@ exports.onLightSurfaceTransparentDeepHover = onLightSurfaceTransparentDeepHover;
 exports.onLightSurfaceTransparentNavi = onLightSurfaceTransparentNavi;
 exports.onLightSurfaceTransparentNaviActive = onLightSurfaceTransparentNaviActive;
 exports.onLightSurfaceTransparentNaviHover = onLightSurfaceTransparentNaviHover;
+exports.onLightSurfaceTransparentNegative = onLightSurfaceTransparentNegative;
 exports.onLightSurfaceTransparentPrimary = onLightSurfaceTransparentPrimary;
 exports.onLightSurfaceTransparentPrimaryActive = onLightSurfaceTransparentPrimaryActive;
 exports.onLightSurfaceTransparentPrimaryHover = onLightSurfaceTransparentPrimaryHover;
@@ -3412,6 +3427,7 @@ exports.surfaceTransparentDeepHover = surfaceTransparentDeepHover;
 exports.surfaceTransparentNavi = surfaceTransparentNavi;
 exports.surfaceTransparentNaviActive = surfaceTransparentNaviActive;
 exports.surfaceTransparentNaviHover = surfaceTransparentNaviHover;
+exports.surfaceTransparentNegative = surfaceTransparentNegative;
 exports.surfaceTransparentPrimary = surfaceTransparentPrimary;
 exports.surfaceTransparentPrimaryActive = surfaceTransparentPrimaryActive;
 exports.surfaceTransparentPrimaryHover = surfaceTransparentPrimaryHover;