@salutejs/plasma-themes 0.62.0 → 0.62.1-dev.0

package/es/tokens/plasma_giga/index.js

@@ -74,13 +74,13 @@ export var textParagraphHover = 'var(--text-paragraph-hover, #FFFFFF7A)';
 /** Сплошной наборный текст */
 export var textParagraphActive = 'var(--text-paragraph-active, #FFFFFFA3)';
 /** Акцентный цвет */
-export var textAccentHover = 'var(--text-accent-hover, #43F4C8FF)';
+export var textAccentHover = 'var(--text-accent-hover, #858585FF)';
 /** Акцентный цвет */
-export var textAccentActive = 'var(--text-accent-active, #0EECB5FF)';
+export var textAccentActive = 'var(--text-accent-active, #666666FF)';
 /** Акцентный минорный цвет */
-export var textAccentMinorHover = 'var(--text-accent-minor-hover, #42BD9EFF)';
+export var textAccentMinorHover = 'var(--text-accent-minor-hover, #878787FF)';
 /** Акцентный минорный цвет */
-export var textAccentMinorActive = 'var(--text-accent-minor-active, #328F78FF)';
+export var textAccentMinorActive = 'var(--text-accent-minor-active, #5E5E5EFF)';
 /** Цвет успеха */
 export var textPositiveHover = 'var(--text-positive-hover, #1EB83AFF)';
 /** Цвет успеха */
@@ -130,9 +130,9 @@ export var textInfoMinor = 'var(--text-info-minor, #1549AB)';
 /** Цвет информации */
 export var textInfo = 'var(--text-info, #3F81FD)';
 /** Акцентный цвет */
-export var textAccent = 'var(--text-accent, #24F2BFFF)';
+export var textAccent = 'var(--text-accent, #FFFFFFFF)';
 /** Акцентный минорный цвет */
-export var textAccentMinor = 'var(--text-accent-minor, #3AA68BFF)';
+export var textAccentMinor = 'var(--text-accent-minor, #D8D8D8FF)';
 /** Основной цвет текста на темном фоне */
 export var onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFFF5)';
 /** Основной цвет текста на темном фоне */
@@ -160,13 +160,13 @@ export var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFF
 /** Сплошной наборный текст на темном фоне */
 export var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)';
 /** Акцентный цвет на темном фоне */
-export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #43F4C8FF)';
+export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #858585FF)';
 /** Акцентный цвет на темном фоне */
-export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #0EECB5FF)';
+export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #666666FF)';
 /** Акцентный минорный цвет на темном фоне */
-export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #42BD9EFF)';
+export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #878787FF)';
 /** Акцентный минорный цвет на темном фоне */
-export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #328F78FF)';
+export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #5E5E5EFF)';
 /** Цвет успеха на темном фоне */
 export var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1EB83AFF)';
 /** Цвет успеха на темном фоне */
@@ -216,9 +216,9 @@ export var onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C1422
 /** Минорный цвет информации на темном фоне */
 export var onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #1549AB)';
 /** Акцентный цвет на темном фоне */
-export var onDarkTextAccent = 'var(--on-dark-text-accent, #24F2BFFF)';
+export var onDarkTextAccent = 'var(--on-dark-text-accent, #FFFFFFFF)';
 /** Акцентный минорный цвет на темном фоне */
-export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #3AA68BFF)';
+export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #D8D8D8FF)';
 /** Основной цвет текста на светлом фоне */
 export var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #08080893)';
 /** Основной цвет текста на светлом фоне */
@@ -238,13 +238,13 @@ export var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #08
 /** Сплошной наборный текст на светлом фоне */
 export var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)';
 /** Акцентный цвет на светлом фоне */
-export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #2ADFB2FF)';
+export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #244BA8FF)';
 /** Акцентный цвет на светлом фоне */
-export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #1BB18CFF)';
+export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #10224CFF)';
 /** Акцентный минорный цвет на светлом фоне */
-export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #8BEAD3FF)';
+export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #4B5C95FF)';
 /** Акцентный минорный цвет на светлом фоне */
-export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #57E0C0FF)';
+export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #2C3758FF)';
 /** Цвет успеха на светлом фоне */
 export var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #1EB83AFF)';
 /** Цвет успеха на светлом фоне */
@@ -302,9 +302,9 @@ export var onLightTextTertiary = 'var(--on-light-text-tertiary, #08080847)';
 /** Сплошной наборный текст на светлом фоне */
 export var onLightTextParagraph = 'var(--on-light-text-paragraph, #080808CC)';
 /** Акцентный цвет на светлом фоне */
-export var onLightTextAccent = 'var(--on-light-text-accent, #1FCCA0FF)';
+export var onLightTextAccent = 'var(--on-light-text-accent, #122654FF)';
 /** Акцентный минорный цвет на светлом фоне */
-export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #73E5CAFF)';
+export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #333F65FF)';
 /** Инвертированный основной цвет текста */
 export var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #08080893)';
 /** Инвертированный основной цвет текста */
@@ -324,13 +324,13 @@ export var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #080
 /** Инвертированный сплошной наборный текст */
 export var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #080808A3)';
 /** Инвертированный акцентный цвет */
-export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #2ADFB2FF)';
+export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #244BA8FF)';
 /** Инвертированный акцентный цвет */
-export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #1BB18CFF)';
+export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #10224CFF)';
 /** Инвертированный минорный акцентный цвет */
-export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #8BEAD3FF)';
+export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #4B5C95FF)';
 /** Инвертированный минорный акцентный цвет */
-export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #57E0C0FF)';
+export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #2C3758FF)';
 /** Инвертированный цвет успеха */
 export var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #1EB83AFF)';
 /** Инвертированный цвет успеха */
@@ -388,9 +388,9 @@ export var inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8F9
 /** Инвертированный минорный цвет информации */
 export var inverseTextInfoMinor = 'var(--inverse-text-info-minor, #8BB2FC)';
 /** Инвертированный акцентный цвет */
-export var inverseTextAccent = 'var(--inverse-text-accent, #1FCCA0FF)';
+export var inverseTextAccent = 'var(--inverse-text-accent, #122654FF)';
 /** Инвертированный минорный акцентный цвет */
-export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #73E5CAFF)';
+export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #333F65FF)';
 /** Основной непрозрачный фон поверхности/контрола */
 export var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #121212FF)';
 /** Основной непрозрачный фон поверхности/контрола */
@@ -442,17 +442,17 @@ export var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)';
 /** Фон поверхности/контрола без заливки */
 export var surfaceClearActive = 'var(--surface-clear-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола */
-export var surfaceAccentHover = 'var(--surface-accent-hover, #7AF5D2FF)';
+export var surfaceAccentHover = 'var(--surface-accent-hover, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола */
-export var surfaceAccentActive = 'var(--surface-accent-active, #4BF1C2FF)';
+export var surfaceAccentActive = 'var(--surface-accent-active, #FFFFFFFF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
-export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #116A51FF)';
+export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #E3E3E3FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
-export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #0C4F3CFF)';
+export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #D4D4D4FF)';
 /** Прозрачный акцентный фон поверхности/контрола */
-export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #54F2C552)';
+export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #FFFFFF52)';
 /** Прозрачный акцентный фон поверхности/контрола */
-export var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #54F2C524)';
+export var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #FFFFFF24)';
 /** Цвет фона поверхности/контрола успех */
 export var surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)';
 /** Цвет фона поверхности/контрола успех */
@@ -543,16 +543,16 @@ export var surfaceNegativeMinor = 'var(--surface-negative-minor, #4A0D13)';
 export var surfaceInfoMinor = 'var(--surface-info-minor, #082254)';
 /** Прозрачный цвет фона поверхности/контрола информация */
 export var surfaceTransparentInfo = 'var(--surface-transparent-info, #3F81FD33)';
-/** Акцентный фон поверхности/контрола */
-export var surfaceAccent = 'var(--surface-accent, #52F2C5)';
-/** Акцентный минорный непрозрачный фон поверхности/контрола */
-export var surfaceAccentMinor = 'var(--surface-accent-minor, #0E5944)';
-/** Прозрачный акцентный фон поверхности/контрола */
-export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #52F2C533)';
 /** Основной фон для карточек */
 export var surfaceSolidCard = 'var(--surface-solid-card, #262626)';
 /** Прозрачный фон для карточек */
 export var surfaceTransparentCard = 'var(--surface-transparent-card, #EDFFFD0D)';
+/** Акцентный фон поверхности/контрола */
+export var surfaceAccent = 'var(--surface-accent, #FFFFFFFF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+export var surfaceAccentMinor = 'var(--surface-accent-minor, #D8D8D8FF)';
+/** Прозрачный акцентный фон поверхности/контрола */
+export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #FFFFFF33)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #121212FF)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
@@ -600,17 +600,17 @@ export var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transpare
 /** Прозрачный фон для карточек на темном фоне */
 export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #EBFFFD0D)';
 /** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #7AF5D2FF)';
+export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #4BF1C2FF)';
+export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #FFFFFFFF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #116A51FF)';
+export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #E3E3E3FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #0C4F3CFF)';
+export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #D4D4D4FF)';
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #52F1FF52)';
+export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #FFFFFF52)';
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #52F1FF24)';
+export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #FFFFFF24)';
 /** Цвет фона поверхности/контрола успех на темном фоне */
 export var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)';
 /** Цвет фона поверхности/контрола успех на темном фоне */
@@ -699,16 +699,16 @@ export var onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #
 export var onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #082254)';
 /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
 export var onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, #3F81FD33)';
-/** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #52F2C5)';
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0E5944)';
-/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #52F2FF33)';
 /** Основной фон для карточек на темном фоне */
 export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #262626)';
 /** Прозрачный фон для карточек на темном фоне */
 export var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #EDFFFD0D)';
+/** Акцентный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #FFFFFFFF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #D8D8D8FF)';
+/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #FFFFFF33)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F7F7F7FF)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
@@ -756,17 +756,17 @@ export var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transpa
 /** Прозрачный фон для карточек на светлом фоне */
 export var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #00C28BFF)';
+export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #152D65FF)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #00A375FF)';
+export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #0E1E43FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #E5FFF8FF)';
+export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #3A4773FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #D1FFF2FF)';
+export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #2C3758FF)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #00AD7C3D)';
+export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #1226542E)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #00AD7C0F)';
+export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #12265433)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
 export var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
@@ -857,14 +857,14 @@ export var onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor,
 export var onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #DEE9FF)';
 /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
 export var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #2A72F81F)';
+/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
+export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #122654FF)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #00AC7B)';
+export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #122654FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #DBFFF5)';
+export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #333F65FF)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #00AC7B1F)';
-/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #122654FF)';
+export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #1226541F)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F7F7F7FF)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
@@ -912,17 +912,17 @@ export var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transpar
 /** Инвертированный прозрачный фон для карточек */
 export var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #00C28BFF)';
+export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #152D65FF)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #00A375FF)';
+export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #0E1E43FF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #E5FFF8FF)';
+export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #3A4773FF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #D1FFF2FF)';
+export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #2C3758FF)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #00AD7C3D)';
+export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #1226542E)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #00AD7C0F)';
+export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #12265433)';
 /** Инвертированный цвет фона поверхности/контрола успех */
 export var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)';
 /** Инвертированный цвет фона поверхности/контрола успех */
@@ -1013,14 +1013,14 @@ export var inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor,
 export var inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #DEE9FF)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
 export var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #2A72F81F)';
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+export var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #122654FF)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #00AC7B)';
+export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #122654FF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #DBFFF5)';
+export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #333F65FF)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #00AC7B1F)';
-/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-export var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #122654FF)';
+export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #1226541F)';
 /** Основной фон */
 export var backgroundPrimary = 'var(--background-primary, #171717)';
 /** Основной фон на темном фоне */
@@ -1086,17 +1086,17 @@ export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFFFF)';
 /** Бесцветная обводка */
 export var outlineClearActive = 'var(--outline-clear-active, #FFFFFFFF)';
 /** Акцентный цвет обводки */
-export var outlineAccentHover = 'var(--outline-accent-hover, #43F4C8FF)';
+export var outlineAccentHover = 'var(--outline-accent-hover, #858585FF)';
 /** Акцентный цвет обводки */
-export var outlineAccentActive = 'var(--outline-accent-active, #0EECB5FF)';
+export var outlineAccentActive = 'var(--outline-accent-active, #666666FF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #42BD9EFF)';
+export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #878787FF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #328F78FF)';
+export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #5E5E5EFF)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #26F2BFFF)';
+export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #FFFFFFB3)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #26F2BF56)';
+export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #FFFFFF2B)';
 /** Цвет обводки успех */
 export var outlinePositive = 'var(--outline-positive, #24B23E)';
 /** Цвет обводки успех */
@@ -1186,11 +1186,11 @@ export var outlineInfoMinor = 'var(--outline-info-minor, #1549AB)';
 /** Прозрачный цвет обводки информация */
 export var outlineTransparentInfo = 'var(--outline-transparent-info, #3F81FD47)';
 /** Акцентный цвет обводки */
-export var outlineAccent = 'var(--outline-accent, #24F2BFFF)';
+export var outlineAccent = 'var(--outline-accent, #FFFFFFFF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinor = 'var(--outline-accent-minor, #3AA68BFF)';
+export var outlineAccentMinor = 'var(--outline-accent-minor, #D8D8D8FF)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccent = 'var(--outline-transparent-accent, #24F2BF47)';
+export var outlineTransparentAccent = 'var(--outline-transparent-accent, #FFFFFF47)';
 /** Основной непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
 /** Основной непрозрачный цвет обводки на темном фоне */
@@ -1220,17 +1220,17 @@ export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transp
 /** Третичный прозрачный цвет обводки на темном фоне */
 export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FFFFFF7A)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #43F4C8FF)';
+export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #858585FF)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #0EECB5FF)';
+export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #666666FF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #43F4C8FF)';
+export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #878787FF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #0EECB5FF)';
+export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #5E5E5EFF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #26F2BFFF)';
+export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #FFFFFFB3)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #26F2BF56)';
+export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #FFFFFF2B)';
 /** Цвет обводки успех на темном фоне */
 export var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
 /** Цвет обводки успех на темном фоне */
@@ -1318,11 +1318,11 @@ export var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #1549AB)'
 /** Прозрачный цвет обводки информация на темном фоне */
 export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, #3F81FD47)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #24F2BFFF)';
+export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #FFFFFFFF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #24F2BFFF)';
+export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #D8D8D8FF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #24F2BF47)';
+export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #FFFFFF47)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #ADADADFF)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
@@ -1352,17 +1352,17 @@ export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-tran
 /** Третичный прозрачный цвет обводки на светлом фоне */
 export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #080808AB)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #2ADFB2FF)';
+export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #244BA8FF)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #1BB18CFF)';
+export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #10224CFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #8BEAD3FF)';
+export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #4B5C95FF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #57E0C0FF)';
+export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #2C3758FF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #1ECCA1FF)';
+export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #1226541F)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #1ECCA156)';
+export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #12265452)';
 /** Цвет обводки успех на светлом фоне */
 export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #1EB83AFF)';
 /** Цвет обводки успех на светлом фоне */
@@ -1450,11 +1450,11 @@ export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparen
 /** Прозрачный цвет обводки информация на светлом фоне */
 export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, #2A72F833)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccent = 'var(--on-light-outline-accent, #1FCCA0FF)';
+export var onLightOutlineAccent = 'var(--on-light-outline-accent, #122654FF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #73E5CAFF)';
+export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #333F65FF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #1FCCA047)';
+export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #12265433)';
 /** Инвертированный основной непрозрачный цвет обводки */
 export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ADADADFF)';
 /** Инвертированный основной непрозрачный цвет обводки */
@@ -1484,17 +1484,17 @@ export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-trans
 /** Инвертированный третичный прозрачный цвет обводки */
 export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808AB)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #2ADFB2FF)';
+export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #244BA8FF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #1BB18CFF)';
+export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #10224CFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #8BEAD3FF)';
+export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #4B5C95FF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #57E0C0FF)';
+export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #2C3758FF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #1ECCA1FF)';
+export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #1226541F)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #1ECCA156)';
+export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #12265452)';
 /** Инвертированный цвет обводки успех */
 export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #1EB83AFF)';
 /** Инвертированный цвет обводки успех */
@@ -1582,11 +1582,11 @@ export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent
 /** Прозрачный инвертированный цвет обводки информация */
 export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, #2A72F833)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccent = 'var(--inverse-outline-accent, #1FCCA0FF)';
+export var inverseOutlineAccent = 'var(--inverse-outline-accent, #122654FF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #73E5CAFF)';
+export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #333F65FF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #1FCCA047)';
+export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #12265433)';
 /** Желтый цвет для данных */
 export var dataYellow = 'var(--data-yellow, #F3A912)';
 /** Желтый цвет для данных */
@@ -1660,35 +1660,35 @@ export var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transp
 /** Инвертированный прозрачный желтый цвет для данных */
 export var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #F3A81280)';
 /** Акцентный цвет с градиентом */
-export var textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)';
+export var textAccentGradientHover = 'var(--text-accent-gradient-hover, #858585FF)';
 /** Акцентный цвет с градиентом */
-export var textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)';
+export var textAccentGradientActive = 'var(--text-accent-gradient-active, #666666FF)';
 /** Акцентный цвет с градиентом */
-export var textAccentGradient = 'var(--text-accent-gradient, linear-gradient(90deg, #5E94FFFF 0%, #43DBFAFF 100%))';
+export var textAccentGradient = 'var(--text-accent-gradient, linear-gradient(90deg, #7D98CFFF 0%, #A9C6FFFF 100%))';
 /** Акцентный цвет с градиентом на темном фоне */
-export var onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)';
+export var onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #858585FF)';
 /** Акцентный цвет с градиентом на темном фоне */
-export var onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)';
+export var onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #666666FF)';
 /** Акцентный цвет с градиентом на темном фоне */
-export var onDarkTextAccentGradient = 'var(--on-dark-text-accent-gradient, linear-gradient(90deg, #5E94FFFF 0%, #43DBFAFF 100%))';
+export var onDarkTextAccentGradient = 'var(--on-dark-text-accent-gradient, linear-gradient(90deg, #7D98CFFF 0%, #A9C6FFFF 100%))';
 /** Акцентный цвет с градиентом на светлом фоне */
 export var onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)';
 /** Акцентный цвет с градиентом на светлом фоне */
 export var onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)';
 /** Акцентный цвет с градиентом на светлом фоне */
-export var onLightTextAccentGradient = 'var(--on-light-text-accent-gradient, linear-gradient(94deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))';
+export var onLightTextAccentGradient = 'var(--on-light-text-accent-gradient, linear-gradient(90deg, #122654FF 0%, #2D5FD2FF 100%))';
 /** Инвертированный акцентный цвет с градиентом */
 export var inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)';
 /** Инвертированный акцентный цвет с градиентом */
 export var inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)';
 /** Инвертированный акцентный цвет с градиентом */
-export var inverseTextAccentGradient = 'var(--inverse-text-accent-gradient, linear-gradient(94deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))';
+export var inverseTextAccentGradient = 'var(--inverse-text-accent-gradient, linear-gradient(90deg, #122654FF 0%, #2D5FD2FF 100%))';
 /** Акцентный фон поверхности/контрола с градиентом */
 export var surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом */
 export var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом */
-export var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(90deg, #3E79F0FF 0%, #27C6E5FF 100%))';
+export var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(90deg, #7D98CFFF 0%, #A9C6FFFF 100%))';
 /** Фон для скелетона */
 export var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))';
 /** Фон для скелетона */
@@ -1706,7 +1706,7 @@ export var onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-grad
 /** Акцентный фон поверхности/контрола с градиентом на темном фоне */
 export var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом на темном фоне */
-export var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(94deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))';
+export var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(90deg, #7D98CFFF 0%, #A9C6FFFF 100%))';
 /** Фон для скелетона */
 export var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))';
 /** Фон для скелетона */
@@ -1724,7 +1724,7 @@ export var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gr
 /** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
 export var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
-export var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(94deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))';
+export var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(90deg, #122654FF 0%, #2D5FD2FF 100%))';
 /** Фон для скелетона */
 export var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))';
 /** Фон для скелетона */
@@ -1742,7 +1742,7 @@ export var inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gra
 /** Инвертированный акцентный фон поверхности/контрола с градиентом */
 export var inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)';
 /** Инвертированный акцентный фон поверхности/контрола с градиентом */
-export var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(94deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%))';
+export var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(90deg, #122654FF 0%, #2D5FD2FF 100%))';
 /** Фон для скелетона */
 export var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))';
 /** Фон для скелетона */
@@ -2310,7 +2310,7 @@ export var textXSMedium = {
     lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
 };
 export var viewContainer = {
-    dark: "\n        --syntax-yellow: var(--on-dark-syntax-yellow);\n        --syntax-orange: var(--on-dark-syntax-orange);\n        --syntax-pink: var(--on-dark-syntax-pink);\n        --syntax-spring: var(--on-dark-syntax-spring);\n        --syntax-sky-blue: var(--on-dark-syntax-sky-blue);\n        --syntax-red: var(--on-dark-syntax-red);\n        --inverse-syntax-yellow: var(--on-light-syntax-yellow);\n        --inverse-syntax-orange: var(--on-light-syntax-orange);\n        --inverse-syntax-pink: var(--on-light-syntax-pink);\n        --inverse-syntax-spring: var(--on-light-syntax-spring);\n        --inverse-syntax-sky-blue: var(--on-light-syntax-sky-blue);\n        --inverse-syntax-red: var(--on-light-syntax-red);\n        --text-primary: var(--on-dark-text-primary);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\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-paragraph: var(--on-dark-text-paragraph);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\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-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --text-positive: var(--on-dark-text-positive);\n        --text-warning: var(--on-dark-text-warning);\n        --text-negative: var(--on-dark-text-negative);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\n        --text-warning-minor: var(--on-dark-text-warning-minor);\n        --text-negative-minor: var(--on-dark-text-negative-minor);\n        --text-info-minor: var(--on-dark-text-info-minor);\n        --text-info: var(--on-dark-text-info);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\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-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\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-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-warning-active: var(--on-light-text-warning-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-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n        --inverse-text-info-minor: var(--on-light-text-info-minor);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-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-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-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\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-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --surface-info-minor: var(--on-dark-surface-info-minor);\n        --surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\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-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-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-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-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\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-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n        --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --background-primary: var(--dark-background-primary);\n        --inverse-background-primary: var(--light-background-primary);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-blur: var(--on-dark-overlay-blur);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --inverse-overlay-blur: var(--on-light-overlay-blur);\n        --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\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-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\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-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --outline-solid-default: var(--on-dark-outline-solid-default);\n        --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --outline-clear: var(--on-dark-outline-clear);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-minor: var(--on-dark-outline-info-minor);\n        --outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\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-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-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-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n        --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n        --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n        --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n        --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n        --inverse-outline-accent: var(--on-light-outline-accent);\n        --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n        --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n        --text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n        --text-accent-gradient: var(--on-dark-text-accent-gradient);\n        --inverse-text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n        --inverse-text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n        --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n        --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n      ",
-    light: "\n        --syntax-yellow: var(--on-light-syntax-yellow);\n        --syntax-orange: var(--on-light-syntax-orange);\n        --syntax-pink: var(--on-light-syntax-pink);\n        --syntax-spring: var(--on-light-syntax-spring);\n        --syntax-sky-blue: var(--on-light-syntax-sky-blue);\n        --syntax-red: var(--on-light-syntax-red);\n        --inverse-syntax-yellow: var(--on-dark-syntax-yellow);\n        --inverse-syntax-orange: var(--on-dark-syntax-orange);\n        --inverse-syntax-pink: var(--on-dark-syntax-pink);\n        --inverse-syntax-spring: var(--on-dark-syntax-spring);\n        --inverse-syntax-sky-blue: var(--on-dark-syntax-sky-blue);\n        --inverse-syntax-red: var(--on-dark-syntax-red);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\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-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --text-info-minor-active: var(--on-light-text-info-minor-active);\n        --text-primary: var(--on-light-text-primary);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-positive: var(--on-light-text-positive);\n        --text-warning: var(--on-light-text-warning);\n        --text-negative: var(--on-light-text-negative);\n        --text-info: var(--on-light-text-info);\n        --text-positive-minor: var(--on-light-text-positive-minor);\n        --text-warning-minor: var(--on-light-text-warning-minor);\n        --text-negative-minor: var(--on-light-text-negative-minor);\n        --text-info-minor: var(--on-light-text-info-minor);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-minor: var(--on-light-text-accent-minor);\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-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-warning-active: var(--on-dark-text-warning-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-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n        --inverse-text-info-minor: var(--on-dark-text-info-minor);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-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-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-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\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-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-info: var(--on-light-surface-info);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\n        --surface-warning-minor: var(--on-light-surface-warning-minor);\n        --surface-negative-minor: var(--on-light-surface-negative-minor);\n        --surface-info-minor: var(--on-light-surface-info-minor);\n        --surface-transparent-info: var(--on-light-surface-transparent-info);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-solid-default: var(--on-light-surface-solid-default);\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-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-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-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-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\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-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\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-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n        --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --background-primary: var(--light-background-primary);\n        --inverse-background-primary: var(--dark-background-primary);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-blur: var(--on-light-overlay-blur);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-overlay-blur: var(--on-dark-overlay-blur);\n        --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-light-outline-solid-default-active);\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-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative: 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-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-positive-minor: var(--on-light-outline-positive-minor);\n        --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --outline-warning-minor: var(--on-light-outline-warning-minor);\n        --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --outline-negative-minor: var(--on-light-outline-negative-minor);\n        --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-light-outline-solid-primary);\n        --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --outline-solid-default: var(--on-light-outline-solid-default);\n        --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --outline-clear: var(--on-light-outline-clear);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-minor: var(--on-light-outline-info-minor);\n        --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --outline-transparent-info: var(--on-light-outline-transparent-info);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\n        --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\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-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n        --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n        --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n        --text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n        --text-accent-gradient: var(--on-light-text-accent-gradient);\n        --inverse-text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n        --inverse-text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n        --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n        --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n      ",
+    dark: "\n        --syntax-yellow: var(--on-dark-syntax-yellow);\n        --syntax-orange: var(--on-dark-syntax-orange);\n        --syntax-pink: var(--on-dark-syntax-pink);\n        --syntax-spring: var(--on-dark-syntax-spring);\n        --syntax-sky-blue: var(--on-dark-syntax-sky-blue);\n        --syntax-red: var(--on-dark-syntax-red);\n        --inverse-syntax-yellow: var(--on-light-syntax-yellow);\n        --inverse-syntax-orange: var(--on-light-syntax-orange);\n        --inverse-syntax-pink: var(--on-light-syntax-pink);\n        --inverse-syntax-spring: var(--on-light-syntax-spring);\n        --inverse-syntax-sky-blue: var(--on-light-syntax-sky-blue);\n        --inverse-syntax-red: var(--on-light-syntax-red);\n        --text-primary: var(--on-dark-text-primary);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\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-paragraph: var(--on-dark-text-paragraph);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\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-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --text-positive: var(--on-dark-text-positive);\n        --text-warning: var(--on-dark-text-warning);\n        --text-negative: var(--on-dark-text-negative);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\n        --text-warning-minor: var(--on-dark-text-warning-minor);\n        --text-negative-minor: var(--on-dark-text-negative-minor);\n        --text-info-minor: var(--on-dark-text-info-minor);\n        --text-info: var(--on-dark-text-info);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\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-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\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-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-warning-active: var(--on-light-text-warning-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-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n        --inverse-text-info-minor: var(--on-light-text-info-minor);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-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-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-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\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-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --surface-info-minor: var(--on-dark-surface-info-minor);\n        --surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\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-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-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-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-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\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-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n        --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --background-primary: var(--dark-background-primary);\n        --inverse-background-primary: var(--light-background-primary);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-blur: var(--on-dark-overlay-blur);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --inverse-overlay-blur: var(--on-light-overlay-blur);\n        --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\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-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\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-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --outline-solid-default: var(--on-dark-outline-solid-default);\n        --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --outline-clear: var(--on-dark-outline-clear);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-minor: var(--on-dark-outline-info-minor);\n        --outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\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-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-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-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n        --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n        --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n        --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n        --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n        --inverse-outline-accent: var(--on-light-outline-accent);\n        --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n        --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n        --text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n        --text-accent-gradient: var(--on-dark-text-accent-gradient);\n        --inverse-text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n        --inverse-text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n        --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n        --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n        --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n      ",
+    light: "\n        --syntax-yellow: var(--on-light-syntax-yellow);\n        --syntax-orange: var(--on-light-syntax-orange);\n        --syntax-pink: var(--on-light-syntax-pink);\n        --syntax-spring: var(--on-light-syntax-spring);\n        --syntax-sky-blue: var(--on-light-syntax-sky-blue);\n        --syntax-red: var(--on-light-syntax-red);\n        --inverse-syntax-yellow: var(--on-dark-syntax-yellow);\n        --inverse-syntax-orange: var(--on-dark-syntax-orange);\n        --inverse-syntax-pink: var(--on-dark-syntax-pink);\n        --inverse-syntax-spring: var(--on-dark-syntax-spring);\n        --inverse-syntax-sky-blue: var(--on-dark-syntax-sky-blue);\n        --inverse-syntax-red: var(--on-dark-syntax-red);\n        --text-primary-hover: var(--on-light-text-primary-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\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-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --text-info-minor-active: var(--on-light-text-info-minor-active);\n        --text-primary: var(--on-light-text-primary);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-positive: var(--on-light-text-positive);\n        --text-warning: var(--on-light-text-warning);\n        --text-negative: var(--on-light-text-negative);\n        --text-info: var(--on-light-text-info);\n        --text-positive-minor: var(--on-light-text-positive-minor);\n        --text-warning-minor: var(--on-light-text-warning-minor);\n        --text-negative-minor: var(--on-light-text-negative-minor);\n        --text-info-minor: var(--on-light-text-info-minor);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-minor: var(--on-light-text-accent-minor);\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-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-warning-active: var(--on-dark-text-warning-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-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n        --inverse-text-info-minor: var(--on-dark-text-info-minor);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-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-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-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\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-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n        --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n        --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-info: var(--on-light-surface-info);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\n        --surface-warning-minor: var(--on-light-surface-warning-minor);\n        --surface-negative-minor: var(--on-light-surface-negative-minor);\n        --surface-info-minor: var(--on-light-surface-info-minor);\n        --surface-transparent-info: var(--on-light-surface-transparent-info);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\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-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-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-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-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\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-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n        --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n        --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\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-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n        --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --background-primary: var(--light-background-primary);\n        --inverse-background-primary: var(--dark-background-primary);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-blur: var(--on-light-overlay-blur);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-overlay-blur: var(--on-dark-overlay-blur);\n        --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n        --outline-solid-default-active: var(--on-light-outline-solid-default-active);\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-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n        --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n        --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n        --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative: 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-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-positive-minor: var(--on-light-outline-positive-minor);\n        --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n        --outline-warning-minor: var(--on-light-outline-warning-minor);\n        --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --outline-negative-minor: var(--on-light-outline-negative-minor);\n        --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-light-outline-solid-primary);\n        --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --outline-solid-default: var(--on-light-outline-solid-default);\n        --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n        --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n        --outline-clear: var(--on-light-outline-clear);\n        --outline-positive: var(--on-light-outline-positive);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-minor: var(--on-light-outline-info-minor);\n        --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --outline-transparent-info: var(--on-light-outline-transparent-info);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\n        --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n        --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\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-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n        --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n        --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n        --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n        --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n        --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n        --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n        --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n        --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n        --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n        --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n        --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n        --text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n        --text-accent-gradient: var(--on-light-text-accent-gradient);\n        --inverse-text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n        --inverse-text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n        --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n        --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n        --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n        --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n        --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n        --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n        --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n        --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n        --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n        --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n        --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n        --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n        --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n        --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n        --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n        --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n      ",
 };
 //# sourceMappingURL=index.js.map