@salutejs/sdds-themes 0.52.0-dev.0 → 0.52.1-canary.2457.21599351562.0

package/es/tokens/sdds_bcp/index.js

@@ -18,17 +18,13 @@ export var textParagraphHover = 'var(--text-paragraph-hover, #F5F5F57A)';
 /** Сплошной наборный текст */
 export var textParagraphActive = 'var(--text-paragraph-active, #F5F5F5A3)';
 /** Акцентный цвет */
-export var textAccent = 'var(--text-accent, #C46BFF)';
+export var textAccentHover = 'var(--text-accent-hover, #B9A9F9FF)';
 /** Акцентный цвет */
-export var textAccentHover = 'var(--text-accent-hover, #E4BDFFFF)';
-/** Акцентный цвет */
-export var textAccentActive = 'var(--text-accent-active, #B84DFFFF)';
-/** Акцентный минорный цвет */
-export var textAccentMinor = 'var(--text-accent-minor, #722BA1)';
+export var textAccentActive = 'var(--text-accent-active, #633FF3FF)';
 /** Акцентный минорный цвет */
-export var textAccentMinorHover = 'var(--text-accent-minor-hover, #FFFFFFFF)';
+export var textAccentMinorHover = 'var(--text-accent-minor-hover, #412AA7FF)';
 /** Акцентный минорный цвет */
-export var textAccentMinorActive = 'var(--text-accent-minor-active, #8933C1FF)';
+export var textAccentMinorActive = 'var(--text-accent-minor-active, #281966FF)';
 /** Цвет успеха */
 export var textPositive = 'var(--text-positive, #24B23E)';
 /** Цвет успеха */
@@ -85,6 +81,10 @@ export var textSecondary = 'var(--text-secondary, #F5F5F58F)';
 export var textTertiary = 'var(--text-tertiary, #F5F5F547)';
 /** Сплошной наборный текст */
 export var textParagraph = 'var(--text-paragraph, #F5F5F5CC)';
+/** Акцентный цвет */
+export var textAccent = 'var(--text-accent, #7B5CF5FF)';
+/** Акцентный минорный цвет */
+export var textAccentMinor = 'var(--text-accent-minor, #2F1E77FF)';
 /** Основной цвет текста на темном фоне */
 export var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F5F5F593)';
 /** Основной цвет текста на темном фоне */
@@ -104,17 +104,13 @@ export var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F5
 /** Сплошной наборный текст на темном фоне */
 export var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F5F5A3)';
 /** Акцентный цвет на темном фоне */
-export var onDarkTextAccent = 'var(--on-dark-text-accent, #C46BFF)';
+export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #B9A9F9FF)';
 /** Акцентный цвет на темном фоне */
-export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #E4BDFFFF)';
-/** Акцентный цвет на темном фоне */
-export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #B84DFFFF)';
-/** Акцентный минорный цвет на темном фоне */
-export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #722BA1)';
+export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #633FF3FF)';
 /** Акцентный минорный цвет на темном фоне */
-export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #FFFFFFFF)';
+export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #412AA7FF)';
 /** Акцентный минорный цвет на темном фоне */
-export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #8933C1FF)';
+export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #281966FF)';
 /** Цвет успеха на темном фоне */
 export var onDarkTextPositive = 'var(--on-dark-text-positive, #24B23E)';
 /** Цвет успеха на темном фоне */
@@ -171,6 +167,10 @@ export var onDarkTextSecondary = 'var(--on-dark-text-secondary, #F5F5F58F)';
 export var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F5F5F547)';
 /** Сплошной наборный текст на темном фоне */
 export var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F5F5F5CC)';
+/** Акцентный цвет на темном фоне */
+export var onDarkTextAccent = 'var(--on-dark-text-accent, #7B5CF5FF)';
+/** Акцентный минорный цвет на темном фоне */
+export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #2F1E77FF)';
 /** Основной цвет текста на светлом фоне */
 export var onLightTextPrimary = 'var(--on-light-text-primary, #171717F5)';
 /** Основной цвет текста на светлом фоне */
@@ -198,17 +198,13 @@ export var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #17
 /** Сплошной наборный текст на светлом фоне */
 export var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #171717A3)';
 /** Акцентный цвет на светлом фоне */
-export var onLightTextAccent = 'var(--on-light-text-accent, #AD42F5)';
+export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #8977DAFF)';
 /** Акцентный цвет на светлом фоне */
-export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #CF90F9FF)';
-/** Акцентный цвет на светлом фоне */
-export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #A125F4FF)';
-/** Акцентный минорный цвет на светлом фоне */
-export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #D39CF7)';
+export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #412CA0FF)';
 /** Акцентный минорный цвет на светлом фоне */
-export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #F4E7FDFF)';
+export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #B7A3FFFF)';
 /** Акцентный минорный цвет на светлом фоне */
-export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #C680F5FF)';
+export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #7752FFFF)';
 /** Цвет успеха на светлом фоне */
 export var onLightTextPositive = 'var(--on-light-text-positive, #108E26)';
 /** Цвет успеха на светлом фоне */
@@ -257,6 +253,10 @@ export var onLightTextInfoMinor = 'var(--on-light-text-info-minor, #52BAFF)';
 export var onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #A3DAFFFF)';
 /** Минорный цвет информации на светлом фоне */
 export var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #33ADFFFF)';
+/** Акцентный цвет на светлом фоне */
+export var onLightTextAccent = 'var(--on-light-text-accent, #4B32B8FF)';
+/** Акцентный минорный цвет на светлом фоне */
+export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #967AFFFF)';
 /** Инвертированный основной цвет текста */
 export var inverseTextPrimary = 'var(--inverse-text-primary, #171717F5)';
 /** Инвертированный основной цвет текста */
@@ -284,17 +284,13 @@ export var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #171
 /** Инвертированный сплошной наборный текст */
 export var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #171717A3)';
 /** Инвертированный акцентный цвет */
-export var inverseTextAccent = 'var(--inverse-text-accent, #AD42F5)';
+export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #8977DAFF)';
 /** Инвертированный акцентный цвет */
-export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #CF90F9FF)';
-/** Инвертированный акцентный цвет */
-export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #A125F4FF)';
-/** Инвертированный минорный акцентный цвет */
-export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #D39CF7)';
+export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #412CA0FF)';
 /** Инвертированный минорный акцентный цвет */
-export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #F4E7FDFF)';
+export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #B7A3FFFF)';
 /** Инвертированный минорный акцентный цвет */
-export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #C680F5FF)';
+export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #7752FFFF)';
 /** Инвертированный цвет успеха */
 export var inverseTextPositive = 'var(--inverse-text-positive, #108E26)';
 /** Инвертированный цвет успеха */
@@ -343,6 +339,10 @@ export var inverseTextInfoMinor = 'var(--inverse-text-info-minor, #52BAFF)';
 export var inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #A3DAFFFF)';
 /** Инвертированный минорный цвет информации */
 export var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #33ADFFFF)';
+/** Инвертированный акцентный цвет */
+export var inverseTextAccent = 'var(--inverse-text-accent, #4B32B8FF)';
+/** Инвертированный минорный акцентный цвет */
+export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #967AFFFF)';
 /** Основной непрозрачный фон поверхности/контрола */
 export var surfaceSolidPrimary = 'var(--surface-solid-primary, #171717)';
 /** Основной непрозрачный фон поверхности/контрола */
@@ -416,23 +416,17 @@ export var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)';
 /** Фон поверхности/контрола без заливки */
 export var surfaceClearActive = 'var(--surface-clear-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола */
-export var surfaceAccent = 'var(--surface-accent, #B559F3)';
+export var surfaceAccentHover = 'var(--surface-accent-hover, #6C50DCFF)';
 /** Акцентный фон поверхности/контрола */
-export var surfaceAccentHover = 'var(--surface-accent-hover, #C275F5FF)';
-/** Акцентный фон поверхности/контрола */
-export var surfaceAccentActive = 'var(--surface-accent-active, #B14FF3FF)';
-/** Акцентный минорный непрозрачный фон поверхности/контрола */
-export var surfaceAccentMinor = 'var(--surface-accent-minor, #36154C)';
+export var surfaceAccentActive = 'var(--surface-accent-active, #5737D7FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
-export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #41195CFF)';
+export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #211556FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
-export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #301344FF)';
+export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #170F3EFF)';
 /** Прозрачный акцентный фон поверхности/контрола */
-export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #B559F333)';
+export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #5E3FD952)';
 /** Прозрачный акцентный фон поверхности/контрола */
-export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #B558F352)';
-/** Прозрачный акцентный фон поверхности/контрола */
-export var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #B558F324)';
+export var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #5E3FD924)';
 /** Цвет фона поверхности/контрола успех */
 export var surfacePositive = 'var(--surface-positive, #1A9E32)';
 /** Цвет фона поверхности/контрола успех */
@@ -505,6 +499,12 @@ export var surfaceTransparentInfo = 'var(--surface-transparent-info, #118CDF33)'
 export var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #118CDF52)';
 /** Прозрачный цвет фона поверхности/контрола информация */
 export var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF24)';
+/** Акцентный фон поверхности/контрола */
+export var surfaceAccent = 'var(--surface-accent, #5F41D9FF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+export var surfaceAccentMinor = 'var(--surface-accent-minor, #1B1147FF)';
+/** Прозрачный акцентный фон поверхности/контрола */
+export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #5F41D933)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
@@ -578,23 +578,17 @@ export var onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF
 /** Фон поверхности/контрола без заливки на темном фоне */
 export var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #B559F3)';
+export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #6C50DCFF)';
 /** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #C275F5FF)';
-/** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #B14FF3FF)';
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #36154C)';
+export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #5737D7FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #41195CFF)';
+export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #211556FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #301344FF)';
+export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #170F3EFF)';
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #B559F333)';
+export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #5E3FD952)';
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #B558F352)';
-/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #B558F324)';
+export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #5E3FD924)';
 /** Цвет фона поверхности/контрола успех на темном фоне */
 export var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)';
 /** Цвет фона поверхности/контрола успех на темном фоне */
@@ -667,6 +661,12 @@ export var onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-inf
 export var onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #118CDF52)';
 /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
 export var onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #118CDF24)';
+/** Акцентный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #5F41D9FF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #1B1147FF)';
+/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #5F41D933)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
@@ -736,23 +736,17 @@ export var onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFF
 /** Фон поверхности/контрола без заливки на светлом фоне */
 export var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #B559F3)';
+export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #6C50DCFF)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #C275F5FF)';
-/** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #B14FF3FF)';
-/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #F4E3FF)';
+export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #502ED6FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #F9F0FFFF)';
+export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #D3C7FFFF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #F1DBFFFF)';
+export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #CFC2FFFF)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #B559F31F)';
+export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #5E3FD92E)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #B558F33D)';
-/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #B558F30F)';
+export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #5E3FD933)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
 export var onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
@@ -829,6 +823,12 @@ export var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transpa
 export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080808)';
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)';
+/** Акцентный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #5F41D9FF)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #DAD0FFFF)';
+/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #5F41D91F)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F5F5F5)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
@@ -898,23 +898,17 @@ export var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFF
 /** Инвертированный фон поверхности/контрола без заливки */
 export var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFFFF)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #B559F3)';
+export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #6C50DCFF)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #C275F5FF)';
-/** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #B14FF3FF)';
-/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #F4E3FF)';
+export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #502ED6FF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #F9F0FFFF)';
+export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #D3C7FFFF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #F1DBFFFF)';
+export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #CFC2FFFF)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #B559F31F)';
+export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #5E3FD92E)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #B558F33D)';
-/** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #B558F30F)';
+export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #5E3FD933)';
 /** Инвертированный цвет фона поверхности/контрола успех */
 export var inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)';
 /** Инвертированный цвет фона поверхности/контрола успех */
@@ -991,6 +985,12 @@ export var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transpar
 export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #08080808)';
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
 export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #0808080F)';
+/** Инвертированный акцентный фон поверхности/контрола */
+export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #5F41D9FF)';
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #DAD0FFFF)';
+/** Прозрачный инвертированный акцентный фон поверхности/контрола */
+export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #5F41D91F)';
 /** Основной фон */
 export var backgroundPrimary = 'var(--background-primary, #080808)';
 /** Основной фон на темном фоне */
@@ -1072,23 +1072,17 @@ export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFFFF)';
 /** Бесцветная обводка */
 export var outlineClearActive = 'var(--outline-clear-active, #FFFFFFFF)';
 /** Акцентный цвет обводки */
-export var outlineAccent = 'var(--outline-accent, #C46BFF)';
+export var outlineAccentHover = 'var(--outline-accent-hover, #B9A9F9FF)';
 /** Акцентный цвет обводки */
-export var outlineAccentHover = 'var(--outline-accent-hover, #E4BDFFFF)';
-/** Акцентный цвет обводки */
-export var outlineAccentActive = 'var(--outline-accent-active, #B84DFFFF)';
-/** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinor = 'var(--outline-accent-minor, #722BA1)';
+export var outlineAccentActive = 'var(--outline-accent-active, #633FF3FF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #FFFFFFFF)';
+export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #412AA7FF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #8933C1FF)';
+export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #281966FF)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccent = 'var(--outline-transparent-accent, #C46BFF47)';
+export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #7B5CF5B3)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #C46BFFFF)';
-/** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #C46BFF56)';
+export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #7B5CF52B)';
 /** Цвет обводки успех */
 export var outlinePositive = 'var(--outline-positive, #24B23E)';
 /** Цвет обводки успех */
@@ -1161,6 +1155,12 @@ export var outlineTransparentInfo = 'var(--outline-transparent-info, #199AF047)'
 export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #199AF0FF)';
 /** Прозрачный цвет обводки информация */
 export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #199AF056)';
+/** Акцентный цвет обводки */
+export var outlineAccent = 'var(--outline-accent, #7B5CF5FF)';
+/** Акцентный минорный непрозрачный цвет обводки */
+export var outlineAccentMinor = 'var(--outline-accent-minor, #2F1E77FF)';
+/** Прозрачный акцентный цвет обводки */
+export var outlineTransparentAccent = 'var(--outline-transparent-accent, #7B5CF547)';
 /** Основной непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)';
 /** Основной непрозрачный цвет обводки на темном фоне */
@@ -1210,23 +1210,17 @@ export var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF
 /** Бесцветная обводка на темном фоне */
 export var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFFFF)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #C46BFF)';
+export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #B9A9F9FF)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #E4BDFFFF)';
-/** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #B84DFFFF)';
-/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #722BA1)';
+export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #633FF3FF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #FFFFFFFF)';
+export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #412AA7FF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #8933C1FF)';
+export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #281966FF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #C46BFF47)';
+export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #7B5CF5B3)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #C46BFFFF)';
-/** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #C46BFF56)';
+export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #7B5CF52B)';
 /** Цвет обводки успех на темном фоне */
 export var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
 /** Цвет обводки успех на темном фоне */
@@ -1299,6 +1293,12 @@ export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-inf
 export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #199AF0FF)';
 /** Прозрачный цвет обводки информация на темном фоне */
 export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #199AF056)';
+/** Акцентный цвет обводки на темном фоне */
+export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #7B5CF5FF)';
+/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
+export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #2F1E77FF)';
+/** Прозрачный акцентный цвет обводки на темном фоне */
+export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #7B5CF547)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #DDDDDD)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
@@ -1348,23 +1348,17 @@ export var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFF
 /** Бесцветная обводка на светлом фоне */
 export var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFFFF)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccent = 'var(--on-light-outline-accent, #AD42F5)';
+export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #8977DAFF)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #CF90F9FF)';
-/** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #A125F4FF)';
-/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #D39CF7)';
+export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #412CA0FF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #F4E7FDFF)';
+export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #B7A3FFFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #C680F5FF)';
+export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #7752FFFF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #AD42F533)';
+export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #4B32B81F)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #AD42F5FF)';
-/** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #AD42F53D)';
+export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #4B32B852)';
 /** Цвет обводки успех на светлом фоне */
 export var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
 /** Цвет обводки успех на светлом фоне */
@@ -1437,6 +1431,12 @@ export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-i
 export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #0B7ECBFF)';
 /** Прозрачный цвет обводки информация на светлом фоне */
 export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #0B7ECB3D)';
+/** Акцентный цвет обводки на светлом фоне */
+export var onLightOutlineAccent = 'var(--on-light-outline-accent, #4B32B8FF)';
+/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
+export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #967AFFFF)';
+/** Прозрачный акцентный цвет обводки на светлом фоне */
+export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #4B32B833)';
 /** Инвертированный основной непрозрачный цвет обводки */
 export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #DDDDDD)';
 /** Инвертированный основной непрозрачный цвет обводки */
@@ -1486,23 +1486,17 @@ export var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFF
 /** Инвертированная бесцветная обводка */
 export var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFFFF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccent = 'var(--inverse-outline-accent, #AD42F5)';
+export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #8977DAFF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #CF90F9FF)';
-/** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #A125F4FF)';
-/** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #D39CF7)';
+export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #412CA0FF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #F4E7FDFF)';
+export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #B7A3FFFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #C680F5FF)';
+export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #7752FFFF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #AD42F533)';
+export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #4B32B81F)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #AD42F5FF)';
-/** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #AD42F53D)';
+export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #4B32B852)';
 /** Инвертированный цвет обводки успех */
 export var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
 /** Инвертированный цвет обводки успех */
@@ -1575,6 +1569,12 @@ export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-in
 export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #0B7ECBFF)';
 /** Прозрачный инвертированный цвет обводки информация */
 export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #0B7ECB3D)';
+/** Инвертированный акцентный цвет обводки */
+export var inverseOutlineAccent = 'var(--inverse-outline-accent, #4B32B8FF)';
+/** Инвертированный акцентный минорный непрозрачный цвет обводки */
+export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #967AFFFF)';
+/** Прозрачный инвертированный акцентный цвет обводки */
+export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #4B32B833)';
 /** Желтый цвет для данных */
 export var dataYellow = 'var(--data-yellow, #F3A912)';
 /** Минорный желтый цвет для данных */
@@ -1599,6 +1599,36 @@ export var inverseDataYellow = 'var(--inverse-data-yellow, #F3A912)';
 export var inverseDataYellowMinor = 'var(--inverse-data-yellow-minor, #FFD37A)';
 /** Инвертированный прозрачный желтый цвет для данных */
 export var inverseDataYellowTransparent = 'var(--inverse-data-yellow-transparent, #F3A9128F)';
+/** Акцентный цвет с градиентом */
+export var textAccentGradientHover = 'var(--text-accent-gradient-hover, #858585FF)';
+/** Акцентный цвет с градиентом */
+export var textAccentGradientActive = 'var(--text-accent-gradient-active, #666666FF)';
+/** Акцентный цвет с градиентом */
+export var textAccentGradient = 'var(--text-accent-gradient, linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined))';
+/** Акцентный цвет с градиентом на темном фоне */
+export var onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #858585FF)';
+/** Акцентный цвет с градиентом на темном фоне */
+export var onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #666666FF)';
+/** Акцентный цвет с градиентом на темном фоне */
+export var onDarkTextAccentGradient = 'var(--on-dark-text-accent-gradient, linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined))';
+/** Акцентный цвет с градиентом на светлом фоне */
+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(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined))';
+/** Инвертированный акцентный цвет с градиентом */
+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(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined))';
+/** Акцентный фон поверхности/контрола с градиентом */
+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(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined))';
 /** Фон для скелетона */
 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%))';
 /** Фон для скелетона */
@@ -1611,6 +1641,12 @@ export var surfaceSkeletonDeepGradient = 'var(--surface-skeleton-deep-gradient,
 export var surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
 /** Яркий фон для скелетона */
 export var surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
+export var onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
+export var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
+export var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined))';
 /** Фон для скелетона */
 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%))';
 /** Фон для скелетона */
@@ -1623,6 +1659,12 @@ export var onDarkSurfaceSkeletonDeepGradient = 'var(--on-dark-surface-skeleton-d
 export var onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
 /** Яркий фон для скелетона */
 export var onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
+export var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
+export var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
+export var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined))';
 /** Фон для скелетона */
 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%))';
 /** Фон для скелетона */
@@ -1635,6 +1677,12 @@ export var onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton
 export var onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
 /** Яркий фон для скелетона */
 export var onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
+/** Инвертированный акцентный фон поверхности/контрола с градиентом */
+export var inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)';
+/** Инвертированный акцентный фон поверхности/контрола с градиентом */
+export var inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)';
+/** Инвертированный акцентный фон поверхности/контрола с градиентом */
+export var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined))';
 /** Фон для скелетона */
 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%))';
 /** Фон для скелетона */
@@ -1647,6 +1695,30 @@ export var inverseSurfaceSkeletonDeepGradient = 'var(--inverse-surface-skeleton-
 export var inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
 /** Яркий фон для скелетона */
 export var inverseSurfaceSkeletonDeepGradientActive = 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
+/** Акцентный цвет обводки с градиентом */
+export var outlineAccentGradientHover = 'var(--outline-accent-gradient-hover, #858585FF)';
+/** Акцентный цвет обводки с градиентом */
+export var outlineAccentGradientActive = 'var(--outline-accent-gradient-active, #666666FF)';
+/** Акцентный цвет обводки с градиентом */
+export var outlineAccentGradient = 'var(--outline-accent-gradient, linear-gradient(45.00deg,rgb(95,65,217)0%,rgb(167,77,231)100%))';
+/** Акцентный цвет обводки с градиентом на темном фоне */
+export var onDarkOutlineAccentGradientHover = 'var(--on-dark-outline-accent-gradient-hover, #858585FF)';
+/** Акцентный цвет обводки с градиентом на темном фоне */
+export var onDarkOutlineAccentGradientActive = 'var(--on-dark-outline-accent-gradient-active, #666666FF)';
+/** Акцентный цвет обводки с градиентом на темном фоне */
+export var onDarkOutlineAccentGradient = 'var(--on-dark-outline-accent-gradient, linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined))';
+/** Акцентный цвет обводки с градиентом на светлом фоне */
+export var onLightOutlineAccentGradientHover = 'var(--on-light-outline-accent-gradient-hover, #CCCCCCFF)';
+/** Акцентный цвет обводки с градиентом на светлом фоне */
+export var onLightOutlineAccentGradientActive = 'var(--on-light-outline-accent-gradient-active, #E6E6E6FF)';
+/** Акцентный цвет обводки с градиентом на светлом фоне */
+export var onLightOutlineAccentGradient = 'var(--on-light-outline-accent-gradient, linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined))';
+/** Инвертированный акцентный цвет обводки с градиентом */
+export var inverseOutlineAccentGradientHover = 'var(--inverse-outline-accent-gradient-hover, #CCCCCCFF)';
+/** Инвертированный акцентный цвет обводки с градиентом */
+export var inverseOutlineAccentGradientActive = 'var(--inverse-outline-accent-gradient-active, #E6E6E6FF)';
+/** Инвертированный акцентный цвет обводки с градиентом */
+export var inverseOutlineAccentGradient = 'var(--inverse-outline-accent-gradient, linear-gradient(45.00deg, #5F41D9FF 0%, rgb(167,77,231)100% undefined))';
 /** shadow down soft s */
 export var shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)';
 /** shadow down soft m */
@@ -2202,7 +2274,7 @@ export var textXSMedium = {
     lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
 };
 export var viewContainer = {
-    dark: "\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-hover: var(--on-dark-text-secondary-hover);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-positive: var(--on-dark-text-positive);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info: var(--on-dark-text-info);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\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: var(--on-dark-text-warning-minor);\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: var(--on-dark-text-negative-minor);\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: var(--on-dark-text-info-minor);\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-primary: var(--on-dark-text-primary);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-positive: var(--on-light-text-positive);\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: var(--on-light-text-warning);\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: var(--on-light-text-negative);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-positive-minor: var(--on-light-text-positive-minor);\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: var(--on-light-text-warning-minor);\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: var(--on-light-text-negative-minor);\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: var(--on-light-text-info-minor);\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        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\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: var(--on-dark-surface-solid-default);\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: var(--on-dark-surface-transparent-primary);\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: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\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: var(--on-dark-surface-warning-minor);\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: var(--on-dark-surface-negative-minor);\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: var(--on-dark-surface-info-minor);\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: var(--on-dark-surface-transparent-info);\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        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\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: var(--on-light-surface-solid-card);\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: var(--on-light-surface-solid-default);\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: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\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: var(--on-light-surface-transparent-accent);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\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: var(--on-light-surface-warning-minor);\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: var(--on-light-surface-negative-minor);\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: var(--on-light-surface-info-minor);\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: var(--on-light-surface-transparent-info);\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-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\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: var(--on-dark-outline-solid-primary);\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: var(--on-dark-outline-solid-secondary);\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: var(--on-dark-outline-solid-tertiary);\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: var(--on-dark-outline-solid-default);\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: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\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: var(--on-dark-outline-transparent-tertiary);\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: var(--on-dark-outline-clear);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-accent-minor: var(--on-dark-outline-accent-minor);\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: var(--on-dark-outline-transparent-accent);\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: var(--on-dark-outline-info);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-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: var(--on-dark-outline-info-minor);\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: var(--on-dark-outline-transparent-info);\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        --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\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: var(--on-light-outline-solid-secondary);\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: var(--on-light-outline-solid-tertiary);\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: var(--on-light-outline-solid-default);\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: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\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: var(--on-light-outline-transparent-tertiary);\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-clear: var(--on-light-outline-clear);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n        --inverse-outline-accent: var(--on-light-outline-accent);\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: var(--on-light-outline-accent-minor);\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: var(--on-light-outline-transparent-accent);\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: var(--on-light-outline-positive);\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: var(--on-light-outline-warning);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-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: var(--on-light-outline-info-minor);\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: var(--on-light-outline-transparent-positive);\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: var(--on-light-outline-transparent-warning);\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: var(--on-light-outline-transparent-info);\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        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\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-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        --text-primary: var(--on-light-text-primary);\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: var(--on-light-text-secondary);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-positive: var(--on-light-text-positive);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info: var(--on-light-text-info);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor: var(--on-light-text-positive-minor);\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: var(--on-light-text-warning-minor);\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: var(--on-light-text-negative-minor);\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: var(--on-light-text-info-minor);\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        --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-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\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-hover: var(--on-dark-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --inverse-text-positive: var(--on-dark-text-positive);\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: var(--on-dark-text-warning);\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: var(--on-dark-text-negative);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\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: var(--on-dark-text-warning-minor);\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: var(--on-dark-text-negative-minor);\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: var(--on-dark-text-info-minor);\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-primary: var(--on-dark-text-primary);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\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: var(--on-light-surface-solid-default);\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: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-positive: var(--on-light-surface-positive);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info: var(--on-light-surface-info);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\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: var(--on-light-surface-warning-minor);\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: var(--on-light-surface-negative-minor);\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: var(--on-light-surface-info-minor);\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: var(--on-light-surface-transparent-info);\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-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\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: var(--on-dark-surface-solid-card);\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: var(--on-dark-surface-solid-default);\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: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\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: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\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: var(--on-dark-surface-warning-minor);\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: var(--on-dark-surface-negative-minor);\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: var(--on-dark-surface-info-minor);\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: var(--on-dark-surface-transparent-info);\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        --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: var(--on-light-outline-solid-primary);\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: var(--on-light-outline-solid-secondary);\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: var(--on-light-outline-solid-tertiary);\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: var(--on-light-outline-solid-default);\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: var(--on-light-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\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: var(--on-light-outline-transparent-tertiary);\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: var(--on-light-outline-clear);\n        --outline-clear-hover: var(--on-light-outline-clear-hover);\n        --outline-clear-active: var(--on-light-outline-clear-active);\n        --outline-accent: var(--on-light-outline-accent);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\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: var(--on-light-outline-transparent-accent);\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: var(--on-light-outline-positive);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-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: var(--on-light-outline-info-minor);\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: var(--on-light-outline-transparent-positive);\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: var(--on-light-outline-transparent-warning);\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: var(--on-light-outline-transparent-negative);\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: var(--on-light-outline-transparent-info);\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        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\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: var(--on-dark-outline-solid-secondary);\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: var(--on-dark-outline-solid-tertiary);\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: var(--on-dark-outline-solid-default);\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: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\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: var(--on-dark-outline-transparent-tertiary);\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-clear: var(--on-dark-outline-clear);\n        --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\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: var(--on-dark-outline-accent-minor);\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: var(--on-dark-outline-transparent-accent);\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: var(--on-dark-outline-info);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-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: var(--on-dark-outline-info-minor);\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: var(--on-dark-outline-transparent-info);\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        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\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-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        --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-hover: var(--on-dark-text-secondary-hover);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\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: var(--on-dark-text-positive);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info: var(--on-dark-text-info);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\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: var(--on-dark-text-warning-minor);\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: var(--on-dark-text-negative-minor);\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: var(--on-dark-text-info-minor);\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-primary: var(--on-dark-text-primary);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent-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: var(--on-light-text-positive);\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: var(--on-light-text-warning);\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: var(--on-light-text-negative);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-positive-minor: var(--on-light-text-positive-minor);\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: var(--on-light-text-warning-minor);\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: var(--on-light-text-negative-minor);\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: var(--on-light-text-info-minor);\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-accent: var(--on-light-text-accent);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\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: var(--on-dark-surface-solid-default);\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: var(--on-dark-surface-transparent-primary);\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: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-accent-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: var(--on-dark-surface-positive);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\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: var(--on-dark-surface-warning-minor);\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: var(--on-dark-surface-negative-minor);\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: var(--on-dark-surface-info-minor);\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: var(--on-dark-surface-transparent-info);\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-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: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\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: var(--on-light-surface-solid-card);\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: var(--on-light-surface-solid-default);\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: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-accent-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: var(--on-light-surface-positive);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\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: var(--on-light-surface-warning-minor);\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: var(--on-light-surface-negative-minor);\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: var(--on-light-surface-info-minor);\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: var(--on-light-surface-transparent-info);\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-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\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: var(--on-dark-outline-solid-primary);\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: var(--on-dark-outline-solid-secondary);\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: var(--on-dark-outline-solid-tertiary);\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: var(--on-dark-outline-solid-default);\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: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\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: var(--on-dark-outline-transparent-tertiary);\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: var(--on-dark-outline-clear);\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: var(--on-dark-outline-info);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --outline-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: var(--on-dark-outline-info-minor);\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: var(--on-dark-outline-transparent-info);\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-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: var(--on-light-outline-solid-primary);\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: var(--on-light-outline-solid-secondary);\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: var(--on-light-outline-solid-tertiary);\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: var(--on-light-outline-solid-default);\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: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\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: var(--on-light-outline-transparent-tertiary);\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-clear: var(--on-light-outline-clear);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n        --inverse-outline-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: var(--on-light-outline-positive);\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: var(--on-light-outline-warning);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-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: var(--on-light-outline-info-minor);\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: var(--on-light-outline-transparent-positive);\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: var(--on-light-outline-transparent-warning);\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: var(--on-light-outline-transparent-info);\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-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-minor: var(--on-dark-data-yellow-minor);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\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        --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n        --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n      ",
+    light: "\n        --text-primary: var(--on-light-text-primary);\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: var(--on-light-text-secondary);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --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: var(--on-light-text-positive);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning: var(--on-light-text-warning);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative: var(--on-light-text-negative);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info: var(--on-light-text-info);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor: var(--on-light-text-positive-minor);\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: var(--on-light-text-warning-minor);\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: var(--on-light-text-negative-minor);\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: var(--on-light-text-info-minor);\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-accent: var(--on-light-text-accent);\n        --text-accent-minor: var(--on-light-text-accent-minor);\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-hover: var(--on-dark-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\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-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: var(--on-dark-text-positive);\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: var(--on-dark-text-warning);\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: var(--on-dark-text-negative);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\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: var(--on-dark-text-warning-minor);\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: var(--on-dark-text-negative-minor);\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: var(--on-dark-text-info-minor);\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-primary: var(--on-dark-text-primary);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\n        --inverse-text-paragraph: var(--on-dark-text-paragraph);\n        --inverse-text-accent: var(--on-dark-text-accent);\n        --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\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: var(--on-light-surface-solid-default);\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: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent-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: var(--on-light-surface-positive);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info: var(--on-light-surface-info);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\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: var(--on-light-surface-warning-minor);\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: var(--on-light-surface-negative-minor);\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: var(--on-light-surface-info-minor);\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: var(--on-light-surface-transparent-info);\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-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-accent: var(--on-light-surface-accent);\n        --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\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: var(--on-dark-surface-solid-card);\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: var(--on-dark-surface-solid-default);\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: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-clear: var(--on-dark-surface-clear);\n        --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n        --inverse-surface-accent-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: var(--on-dark-surface-positive);\n        --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\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: var(--on-dark-surface-warning-minor);\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: var(--on-dark-surface-negative-minor);\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: var(--on-dark-surface-info-minor);\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: var(--on-dark-surface-transparent-info);\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-accent: var(--on-dark-surface-accent);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\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: var(--on-light-outline-solid-primary);\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: var(--on-light-outline-solid-secondary);\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: var(--on-light-outline-solid-tertiary);\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: var(--on-light-outline-solid-default);\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: var(--on-light-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\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: var(--on-light-outline-transparent-tertiary);\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: var(--on-light-outline-clear);\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: var(--on-light-outline-positive);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info: var(--on-light-outline-info);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-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: var(--on-light-outline-info-minor);\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: var(--on-light-outline-transparent-positive);\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: var(--on-light-outline-transparent-warning);\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: var(--on-light-outline-transparent-negative);\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: var(--on-light-outline-transparent-info);\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-accent: var(--on-light-outline-accent);\n        --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n        --outline-accent-minor: var(--on-light-outline-accent-minor);\n        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\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: var(--on-dark-outline-solid-secondary);\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: var(--on-dark-outline-solid-tertiary);\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: var(--on-dark-outline-solid-default);\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: var(--on-dark-outline-transparent-primary);\n        --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\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: var(--on-dark-outline-transparent-tertiary);\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-clear: var(--on-dark-outline-clear);\n        --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n        --inverse-outline-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: var(--on-dark-outline-info);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-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: var(--on-dark-outline-info-minor);\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: var(--on-dark-outline-transparent-info);\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-accent: var(--on-dark-outline-accent);\n        --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\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        --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n        --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n        --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n        --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n        --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n        --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n      ",
 };
 //# sourceMappingURL=index.js.map