@salutejs/sdds-themes 0.44.0-canary.2127.16721664480.0 → 0.44.0-dev.0

package/es/tokens/sdds_finportal/index.js

@@ -4,13 +4,13 @@ export var textPrimaryHover = 'var(--text-primary-hover, #F2F5F893)';
 /** Основной цвет текста */
 export var textPrimaryActive = 'var(--text-primary-active, #F2F5F8C4)';
 /** Вторичный цвет текста */
-export var textSecondaryHover = 'var(--text-secondary-hover, #F2F5F8FF)';
+export var textSecondaryHover = 'var(--text-secondary-hover, #D6DFE6FF)';
 /** Вторичный цвет текста */
-export var textSecondaryActive = 'var(--text-secondary-active, #F2F5F8AB)';
+export var textSecondaryActive = 'var(--text-secondary-active, #D6DFE6BE)';
 /** Третичный цвет текста */
-export var textTertiaryHover = 'var(--text-tertiary-hover, #F2F5F8FF)';
+export var textTertiaryHover = 'var(--text-tertiary-hover, #D6DFE6FF)';
 /** Третичный цвет текста */
-export var textTertiaryActive = 'var(--text-tertiary-active, #F2F5F856)';
+export var textTertiaryActive = 'var(--text-tertiary-active, #D6DFE65C)';
 /** Сплошной наборный текст */
 export var textParagraphHover = 'var(--text-paragraph-hover, #F2F5F87A)';
 /** Сплошной наборный текст */
@@ -59,10 +59,6 @@ export var textInfoMinorActive = 'var(--text-info-minor-active, #10659EFF)';
 export var textPrimary = 'var(--text-primary, #F2F5F8F5)';
 /** Основной цвет текста */
 export var textPrimaryBrightness = 'var(--text-primary-brightness, #F3F6F8FF)';
-/** Вторичный цвет текста */
-export var textSecondary = 'var(--text-secondary, #F2F5F88F)';
-/** Третичный цвет текста */
-export var textTertiary = 'var(--text-tertiary, #F2F5F847)';
 /** Сплошной наборный текст */
 export var textParagraph = 'var(--text-paragraph, #F2F5F8CC)';
 /** Акцентный цвет */
@@ -85,18 +81,22 @@ export var textWarningMinor = 'var(--text-warning-minor, #85380C)';
 export var textNegativeMinor = 'var(--text-negative-minor, #9C1422)';
 /** Минорный цвет информации */
 export var textInfoMinor = 'var(--text-info-minor, #0D5382)';
+/** Вторичный цвет текста */
+export var textSecondary = 'var(--text-secondary, #D5DFE69E)';
+/** Третичный цвет текста */
+export var textTertiary = 'var(--text-tertiary, #D5DFE64D)';
 /** Основной цвет текста на темном фоне */
 export var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F2F5F893)';
 /** Основной цвет текста на темном фоне */
 export var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #F2F5F8C4)';
 /** Вторичный цвет текста на темном фоне */
-export var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F2F5F8FF)';
+export var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #D6DFE6FF)';
 /** Вторичный цвет текста на темном фоне */
-export var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F2F5F8AB)';
+export var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #D6DFE6BE)';
 /** Третичный цвет текста на темном фоне */
-export var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #F2F5F8FF)';
+export var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #D6DFE6FF)';
 /** Третичный цвет текста на темном фоне */
-export var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F2F5F856)';
+export var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #D6DFE65C)';
 /** Сплошной наборный текст на темном фоне */
 export var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F2F5F87A)';
 /** Сплошной наборный текст на темном фоне */
@@ -145,10 +145,6 @@ export var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #1
 export var onDarkTextPrimary = 'var(--on-dark-text-primary, #F2F5F8F5)';
 /** Основной цвет текста на темном фоне */
 export var onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #F3F6F8FF)';
-/** Вторичный цвет текста на темном фоне */
-export var onDarkTextSecondary = 'var(--on-dark-text-secondary, #F2F5F88F)';
-/** Третичный цвет текста на темном фоне */
-export var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F2F5F847)';
 /** Сплошной наборный текст на темном фоне */
 export var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F2F5F8CC)';
 /** Акцентный цвет на темном фоне */
@@ -171,18 +167,22 @@ export var onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #85380C)'
 export var onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C1422)';
 /** Минорный цвет информации на темном фоне */
 export var onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #0D5382)';
+/** Вторичный цвет текста на темном фоне */
+export var onDarkTextSecondary = 'var(--on-dark-text-secondary, #D5DFE69E)';
+/** Третичный цвет текста на темном фоне */
+export var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #D5DFE64D)';
 /** Основной цвет текста на светлом фоне */
 export var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #13181B93)';
 /** Основной цвет текста на светлом фоне */
 export var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #13181BC4)';
 /** Вторичный цвет текста на светлом фоне */
-export var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #13181BFF)';
+export var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #485056FF)';
 /** Вторичный цвет текста на светлом фоне */
-export var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #13181BAB)';
+export var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #485056D3)';
 /** Третичный цвет текста на светлом фоне */
-export var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #13181BFF)';
+export var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #717C84FF)';
 /** Третичный цвет текста на светлом фоне */
-export var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #13181B56)';
+export var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #717C8493)';
 /** Сплошной наборный текст на светлом фоне */
 export var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #13181B7A)';
 /** Сплошной наборный текст на светлом фоне */
@@ -200,13 +200,13 @@ export var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #13AA
 /** Цвет успеха на светлом фоне */
 export var onLightTextPositiveActive = 'var(--on-light-text-positive-active, #0D731EFF)';
 /** Цвет предупреждения на светлом фоне */
-export var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FD650DFF)';
+export var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FB7223FF)';
 /** Цвет предупреждения на светлом фоне */
-export var onLightTextWarningActive = 'var(--on-light-text-warning-active, #CA4B02FF)';
+export var onLightTextWarningActive = 'var(--on-light-text-warning-active, #DC5304FF)';
 /** Цвет ошибки на светлом фоне */
-export var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #F5384BFF)';
+export var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #ED263AFF)';
 /** Цвет ошибки на светлом фоне */
-export var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #E40C22FF)';
+export var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #C61022FF)';
 /** Цвет информации на светлом фоне */
 export var onLightTextInfoHover = 'var(--on-light-text-info-hover, #34A7F4FF)';
 /** Цвет информации на светлом фоне */
@@ -231,10 +231,6 @@ export var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active,
 export var onLightTextPrimary = 'var(--on-light-text-primary, #13181BF5)';
 /** Основной цвет текста на светлом фоне */
 export var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #212629FF)';
-/** Вторичный цвет текста на светлом фоне */
-export var onLightTextSecondary = 'var(--on-light-text-secondary, #13181B8F)';
-/** Третичный цвет текста на светлом фоне */
-export var onLightTextTertiary = 'var(--on-light-text-tertiary, #13181B47)';
 /** Сплошной наборный текст на светлом фоне */
 export var onLightTextParagraph = 'var(--on-light-text-paragraph, #13181BCC)';
 /** Акцентный цвет на светлом фоне */
@@ -243,10 +239,6 @@ export var onLightTextAccent = 'var(--on-light-text-accent, #0B7ECB)';
 export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #52BAFF)';
 /** Цвет успеха на светлом фоне */
 export var onLightTextPositive = 'var(--on-light-text-positive, #108E26)';
-/** Цвет предупреждения на светлом фоне */
-export var onLightTextWarning = 'var(--on-light-text-warning, #E85702)';
-/** Цвет ошибки на светлом фоне */
-export var onLightTextNegative = 'var(--on-light-text-negative, #F31B31)';
 /** Цвет информации на светлом фоне */
 export var onLightTextInfo = 'var(--on-light-text-info, #0B7ECB)';
 /** Минорный цвет успеха на светлом фоне */
@@ -257,18 +249,26 @@ export var onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #FD9C68
 export var onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #FF8F9A)';
 /** Минорный цвет информации на светлом фоне */
 export var onLightTextInfoMinor = 'var(--on-light-text-info-minor, #52BAFF)';
+/** Вторичный цвет текста на светлом фоне */
+export var onLightTextSecondary = 'var(--on-light-text-secondary, #485056B0)';
+/** Третичный цвет текста на светлом фоне */
+export var onLightTextTertiary = 'var(--on-light-text-tertiary, #707C847A)';
+/** Цвет предупреждения на светлом фоне */
+export var onLightTextWarning = 'var(--on-light-text-warning, #FA5F05)';
+/** Цвет ошибки на светлом фоне */
+export var onLightTextNegative = 'var(--on-light-text-negative, #E31227)';
 /** Инвертированный основной цвет текста */
 export var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #13181B93)';
 /** Инвертированный основной цвет текста */
 export var inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #13181BC4)';
 /** Инвертированный вторичный цвет текста */
-export var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #13181BFF)';
+export var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #485056FF)';
 /** Инвертированный вторичный цвет текста */
-export var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #13181BAB)';
+export var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #485056D3)';
 /** Инвертированный третичный цвет текста */
-export var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #13181BFF)';
+export var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #717C84FF)';
 /** Инвертированный третичный цвет текста */
-export var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #13181B56)';
+export var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #717C8493)';
 /** Инвертированный сплошной наборный текст */
 export var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #13181B7A)';
 /** Инвертированный сплошной наборный текст */
@@ -286,13 +286,13 @@ export var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #13AA2
 /** Инвертированный цвет успеха */
 export var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #0D731EFF)';
 /** Инвертированный цвет предупреждения */
-export var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FD650DFF)';
+export var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB7223FF)';
 /** Инвертированный цвет предупреждения */
-export var inverseTextWarningActive = 'var(--inverse-text-warning-active, #CA4B02FF)';
+export var inverseTextWarningActive = 'var(--inverse-text-warning-active, #DC5304FF)';
 /** Инвертированный цвет ошибки */
-export var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #F5384BFF)';
+export var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #ED263AFF)';
 /** Инвертированный цвет ошибки */
-export var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #E40C22FF)';
+export var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #C61022FF)';
 /** Инвертированный цвет информации */
 export var inverseTextInfoHover = 'var(--inverse-text-info-hover, #34A7F4FF)';
 /** Инвертированный цвет информации */
@@ -317,10 +317,6 @@ export var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #
 export var inverseTextPrimary = 'var(--inverse-text-primary, #13181BF5)';
 /** Инвертированный основной цвет текста */
 export var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #212629FF)';
-/** Инвертированный вторичный цвет текста */
-export var inverseTextSecondary = 'var(--inverse-text-secondary, #13181B8F)';
-/** Инвертированный третичный цвет текста */
-export var inverseTextTertiary = 'var(--inverse-text-tertiary, #13181B47)';
 /** Инвертированный сплошной наборный текст */
 export var inverseTextParagraph = 'var(--inverse-text-paragraph, #13181BCC)';
 /** Инвертированный акцентный цвет */
@@ -329,10 +325,6 @@ export var inverseTextAccent = 'var(--inverse-text-accent, #0B7ECB)';
 export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #52BAFF)';
 /** Инвертированный цвет успеха */
 export var inverseTextPositive = 'var(--inverse-text-positive, #108E26)';
-/** Инвертированный цвет предупреждения */
-export var inverseTextWarning = 'var(--inverse-text-warning, #E85702)';
-/** Инвертированный цвет ошибки */
-export var inverseTextNegative = 'var(--inverse-text-negative, #F31B31)';
 /** Инвертированный цвет информации */
 export var inverseTextInfo = 'var(--inverse-text-info, #0B7ECB)';
 /** Инвертированный минорный цвет успеха */
@@ -343,6 +335,14 @@ export var inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FD9C68)
 export var inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8F9A)';
 /** Инвертированный минорный цвет информации */
 export var inverseTextInfoMinor = 'var(--inverse-text-info-minor, #52BAFF)';
+/** Инвертированный вторичный цвет текста */
+export var inverseTextSecondary = 'var(--inverse-text-secondary, #485056B0)';
+/** Инвертированный третичный цвет текста */
+export var inverseTextTertiary = 'var(--inverse-text-tertiary, #707C847A)';
+/** Инвертированный цвет предупреждения */
+export var inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)';
+/** Инвертированный цвет ошибки */
+export var inverseTextNegative = 'var(--inverse-text-negative, #E31227)';
 /** Основной непрозрачный фон поверхности/контрола */
 export var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #171D21FF)';
 /** Основной непрозрачный фон поверхности/контрола */
@@ -356,9 +356,9 @@ export var surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #394
 /** Третичный непрозрачный фон поверхности/контрола */
 export var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #2B3136FF)';
 /** Основной фон для карточек */
-export var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #171D21FF)';
+export var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #0A1114FF)';
 /** Основной фон для карточек */
-export var surfaceSolidCardActive = 'var(--surface-solid-card-active, #0F1315FF)';
+export var surfaceSolidCardActive = 'var(--surface-solid-card-active, #030607FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию */
 export var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию */
@@ -368,17 +368,17 @@ export var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-h
 /** Основной прозрачный фон поверхности/контрола */
 export var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)';
 /** Вторичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)';
+export var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #D6DFE642)';
 /** Вторичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)';
+export var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #D6DFE614)';
 /** Третичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)';
+export var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #D6DFE65C)';
 /** Третичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)';
+export var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #D6DFE62E)';
 /** Глубокий прозрачный фон поверхности/контрола */
-export var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FFFFFFC2)';
+export var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #D6DFE6DB)';
 /** Глубокий прозрачный фон поверхности/контрола */
-export var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FFFFFF94)';
+export var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #D6DFE6AD)';
 /** Прозрачный фон для карточек */
 export var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF1F)';
 /** Прозрачный фон для карточек */
@@ -448,9 +448,7 @@ export var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover,
 /** Прозрачный цвет фона поверхности/контрола информация */
 export var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF24)';
 /** Основной фон для карточек */
-export var surfaceSolidCard = 'var(--surface-solid-card, #13181B)';
-/** Основной фон для карточек */
-export var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #212629FF)';
+export var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #111C22FF)';
 /** Основной непрозрачный фон поверхности/контрола */
 export var surfaceSolidPrimary = 'var(--surface-solid-primary, #13181B)';
 /** Основной непрозрачный фон поверхности/контрола */
@@ -467,12 +465,6 @@ export var surfaceTransparentCard = 'var(--surface-transparent-card, #FFFFFF0F)'
 export var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #FFFFFFFF)';
 /** Основной прозрачный фон поверхности/контрола */
 export var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF0F)';
-/** Вторичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF1F)';
-/** Третичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF33)';
-/** Глубокий прозрачный фон поверхности/контрола */
-export var surfaceTransparentDeep = 'var(--surface-transparent-deep, #FFFFFFA3)';
 /** Фон поверхности/контрола без заливки */
 export var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
 /** Акцентный фон поверхности/контрола */
@@ -505,6 +497,14 @@ export var surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F
 export var surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E33)';
 /** Прозрачный цвет фона поверхности/контрола информация */
 export var surfaceTransparentInfo = 'var(--surface-transparent-info, #118CDF33)';
+/** Основной фон для карточек */
+export var surfaceSolidCard = 'var(--surface-solid-card, #060A0C)';
+/** Вторичный прозрачный фон поверхности/контрола */
+export var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #D5DFE624)';
+/** Третичный прозрачный фон поверхности/контрола */
+export var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #D5DFE63D)';
+/** Глубокий прозрачный фон поверхности/контрола */
+export var surfaceTransparentDeep = 'var(--surface-transparent-deep, #D5DFE6BD)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #171D21FF)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
@@ -518,9 +518,9 @@ export var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertia
 /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #2B3136FF)';
 /** Основной фон для карточек на темном фоне */
-export var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #171D21FF)';
+export var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #0A1114FF)';
 /** Основной фон для карточек на темном фоне */
-export var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #0F1315FF)';
+export var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #030607FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
 export var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
@@ -530,17 +530,17 @@ export var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transpa
 /** Основной прозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)';
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)';
+export var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #D6DFE642)';
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)';
+export var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #D6DFE614)';
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)';
+export var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #D6DFE65C)';
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)';
+export var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #D6DFE62E)';
 /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)';
+export var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #D6DFE6DB)';
 /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)';
+export var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #D6DFE6AD)';
 /** Прозрачный фон для карточек на темном фоне */
 export var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)';
 /** Прозрачный фон для карточек на темном фоне */
@@ -646,19 +646,11 @@ export var onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary,
 /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #30373C)';
 /** Основной фон для карточек на темном фоне */
-export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #13181B)';
-/** Основной фон для карточек на темном фоне */
-export var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #212629FF)';
+export var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #111C22FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
 export var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F7F9FB)';
 /** Основной прозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF0F)';
-/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF1F)';
-/** Третичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF33)';
-/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #FFFFFFA3)';
 /** Прозрачный фон для карточек на темном фоне */
 export var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #FFFFFF0F)';
 /** Прозрачный фон для карточек на темном фоне */
@@ -667,6 +659,14 @@ export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-trans
 export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #118CDF)';
 /** Фон поверхности/контрола без заливки на темном фоне */
 export var onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)';
+/** Основной фон для карточек на темном фоне */
+export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #060A0C)';
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #D5DFE624)';
+/** Третичный прозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #D5DFE63D)';
+/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #D5DFE6BD)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F8FAFBFF)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
@@ -688,21 +688,21 @@ export var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-defau
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 export var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030607FF)';
 /** Основной прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #070B0E0F)';
+export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #D6DFE661)';
 /** Основной прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #070B0E00)';
+export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #D6DFE633)';
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #070B0E1F)';
+export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #ADB9C257)';
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #070B0E0A)';
+export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #ADB9C229)';
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #070B0E3D)';
+export var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #8A969E66)';
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #070B0E0F)';
+export var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #8A969E38)';
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #070B0EC2)';
+export var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #30373BE6)';
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #070B0E94)';
+export var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #30373BB8)';
 /** Прозрачный фон для карточек на светлом фоне */
 export var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)';
 /** Прозрачный фон для карточек на светлом фоне */
@@ -748,7 +748,7 @@ export var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-
 /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
 export var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEE9DCFF)';
 /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
-export var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FEDCC8FF)';
+export var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FED8C3FF)';
 /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
 export var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFEBEDFF)';
 /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
@@ -787,14 +787,6 @@ export var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF
 export var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #060A0C)';
-/** Основной прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #060A0C05)';
-/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #060A0C0F)';
-/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #060A0C1F)';
-/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #060A0CA3)';
 /** Прозрачный фон для карточек на светлом фоне */
 export var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFFFF)';
 /** Прозрачный фон для карточек на светлом фоне */
@@ -829,6 +821,14 @@ export var onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparen
 export var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #FF293E1F)';
 /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
 export var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #118CDF1F)';
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #D5DFE642)';
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #ADB9C238)';
+/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #8A959D47)';
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #30373CC7)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F8FAFBFF)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
@@ -850,21 +850,21 @@ export var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-defaul
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
 export var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030607FF)';
 /** Инвертированный основной прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #070B0E0F)';
+export var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #D6DFE661)';
 /** Инвертированный основной прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #070B0E00)';
+export var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #D6DFE633)';
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #070B0E1F)';
+export var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #ADB9C257)';
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #070B0E0A)';
+export var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #ADB9C229)';
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #070B0E3D)';
+export var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #8A969E66)';
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #070B0E0F)';
+export var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #8A969E38)';
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #070B0EC2)';
+export var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #30373BE6)';
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #070B0E94)';
+export var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #30373BB8)';
 /** Инвертированный прозрачный фон для карточек */
 export var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)';
 /** Инвертированный прозрачный фон для карточек */
@@ -953,14 +953,6 @@ export var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card
 export var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFFFF)';
 /** Инвертированный прозрачный фон для карточек */
 export var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
-/** Инвертированный основной прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #060A0C05)';
-/** Инвертированный вторичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #060A0C0F)';
-/** Инвертированный третичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #060A0C1F)';
-/** Инвертированный глубокий прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #060A0CA3)';
 /** Инвертированный акцентный фон поверхности/контрола */
 export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #118CDF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
@@ -991,6 +983,14 @@ export var inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent
 export var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #FF293E1F)';
 /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
 export var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #118CDF1F)';
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #D5DFE642)';
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #ADB9C238)';
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #8A959D47)';
+/** Инвертированный глубокий прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #30373CC7)';
 /** Основной фон */
 export var backgroundPrimary = 'var(--background-primary, #060A0C)';
 /** Основной фон */
@@ -1008,7 +1008,7 @@ export var overlayHard = 'var(--overlay-hard, #060A0CF5)';
 /** Цвет фона паранжи светлый */
 export var overlaySoft = 'var(--overlay-soft, #060A0C8F)';
 /** Цвет фона паранжи размытый */
-export var overlayBlur = 'var(--overlay-blur, #F2F5F81F)';
+export var overlayBlur = 'var(--overlay-blur, #060A0C47)';
 /** Цвет фона паранжи темный на темном фоне */
 export var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #060A0CF5)';
 /** Цвет фона паранжи светлый на темном фоне */
@@ -1039,34 +1039,6 @@ export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active,
 export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки */
 export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #68757DFF)';
-/** Прозрачный цвет обводки по умолчанию */
-export var outlineTransparentDefaultHover = 'var(--outline-transparent-default-hover, #C7C7C7FF)';
-/** Прозрачный цвет обводки по умолчанию */
-export var outlineTransparentDefaultActive = 'var(--outline-transparent-default-active, #E0E0E0FF)';
-/** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimary = 'var(--outline-transparent-primary, #F7F9FB1F)';
-/** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #F8FAFCFF)';
-/** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #F8FAFC25)';
-/** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondary = 'var(--outline-transparent-secondary, #F7F9FB33)';
-/** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #F8FAFCFF)';
-/** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #F8FAFC3D)';
-/** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiary = 'var(--outline-transparent-tertiary, #F7F9FB47)';
-/** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #F8FAFCFF)';
-/** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #F8FAFC56)';
-/** Бесцветная обводка */
-export var outlineClear = 'var(--outline-clear, #FFFFFF00)';
-/** Бесцветная обводка */
-export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
-/** Бесцветная обводка */
-export var outlineClearActive = 'var(--outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки */
 export var outlineAccentHover = 'var(--outline-accent-hover, #66BCF5FF)';
 /** Акцентный цвет обводки */
@@ -1133,8 +1105,6 @@ export var outlineSolidPrimary = 'var(--outline-solid-primary, #23292D)';
 export var outlineSolidSecondary = 'var(--outline-solid-secondary, #30373C)';
 /** Третичный непрозрачный цвет обводки */
 export var outlineSolidTertiary = 'var(--outline-solid-tertiary, #657179)';
-/** Прозрачный цвет обводки по умолчанию */
-export var outlineTransparentDefault = 'var(--outline-transparent-default, #F9F9F9)';
 /** Акцентный цвет обводки */
 export var outlineAccent = 'var(--outline-accent, #199AF0)';
 /** Акцентный минорный непрозрачный цвет обводки */
@@ -1165,6 +1135,12 @@ export var outlineTransparentWarning = 'var(--outline-transparent-warning, #FF70
 export var outlineTransparentNegative = 'var(--outline-transparent-negative, #FF3D5147)';
 /** Прозрачный цвет обводки информация */
 export var outlineTransparentInfo = 'var(--outline-transparent-info, #199AF047)';
+/** dark outline default outlineSolidDefaultHover */
+export var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #D0DBE7FF)';
+/** dark outline default outlineSolidDefaultActive */
+export var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E4EBF1FF)';
+/** dark outline default outlineSolidDefault */
+export var outlineSolidDefault = 'var(--outline-solid-default, #F7F9FB)';
 /** Основной непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
 /** Основной непрозрачный цвет обводки на темном фоне */
@@ -1177,34 +1153,6 @@ export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-seco
 export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #68757DFF)';
-/** Прозрачный цвет обводки по умолчанию на темном фоне */
-export var onDarkOutlineTransparentDefaultHover = 'var(--on-dark-outline-transparent-default-hover, #C7C7C7FF)';
-/** Прозрачный цвет обводки по умолчанию на темном фоне */
-export var onDarkOutlineTransparentDefaultActive = 'var(--on-dark-outline-transparent-default-active, #E0E0E0FF)';
-/** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #F7F9FB1F)';
-/** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #F8FAFCFF)';
-/** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #F8FAFC25)';
-/** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary, #F7F9FB33)';
-/** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #F8FAFCFF)';
-/** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #F8FAFC3D)';
-/** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary, #F7F9FB47)';
-/** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #F8FAFCFF)';
-/** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #F8FAFC56)';
-/** Бесцветная обводка на темном фоне */
-export var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
-/** Бесцветная обводка на темном фоне */
-export var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF00)';
-/** Бесцветная обводка на темном фоне */
-export var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки на темном фоне */
 export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #66BCF5FF)';
 /** Акцентный цвет обводки на темном фоне */
@@ -1271,8 +1219,6 @@ export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #23
 export var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #30373C)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #657179)';
-/** Прозрачный цвет обводки по умолчанию на темном фоне */
-export var onDarkOutlineTransparentDefault = 'var(--on-dark-outline-transparent-default, #F9F9F9)';
 /** Акцентный цвет обводки на темном фоне */
 export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #199AF0)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
@@ -1303,6 +1249,12 @@ export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-
 export var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, #FF3D5147)';
 /** Прозрачный цвет обводки информация на темном фоне */
 export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, #199AF047)';
+/** dark outline onDark outlineSolidDefault */
+export var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F7F9FB)';
+/** dark outline onDark outlineSolidDefaultHover */
+export var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #D0DBE7FF)';
+/** dark outline onDark outlineSolidDefaultActive */
+export var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E4EBF1FF)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #AFC2CFFF)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
@@ -1315,34 +1267,6 @@ export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-se
 export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #68757DFF)';
-/** Прозрачный цвет обводки по умолчанию на светлом фоне */
-export var onLightOutlineTransparentDefaultHover = 'var(--on-light-outline-transparent-default-hover, #FFFFFFFF)';
-/** Прозрачный цвет обводки по умолчанию на светлом фоне */
-export var onLightOutlineTransparentDefaultActive = 'var(--on-light-outline-transparent-default-active, #C7C7C7FF)';
-/** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #060A0C1F)';
-/** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #070B0EFF)';
-/** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #070B0E25)';
-/** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, #060A0C47)';
-/** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #070B0EFF)';
-/** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #070B0E56)';
-/** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, #060A0C8F)';
-/** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #070B0EFF)';
-/** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #070B0EAB)';
-/** Бесцветная обводка на светлом фоне */
-export var onLightOutlineClear = 'var(--on-light-outline-clear, #FFFFFF00)';
-/** Бесцветная обводка на светлом фоне */
-export var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFF00)';
-/** Бесцветная обводка на светлом фоне */
-export var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки на светлом фоне */
 export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #34A7F4FF)';
 /** Акцентный цвет обводки на светлом фоне */
@@ -1360,13 +1284,13 @@ export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover,
 /** Цвет обводки успех на светлом фоне */
 export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #0D731EFF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD650DFF)';
+export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FB7223FF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #CA4B02FF)';
+export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #DC5304FF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F5384BFF)';
+export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #ED263AFF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #E40C22FF)';
+export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #C61022FF)';
 /** Цвет обводки информация на светлом фоне */
 export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #34A7F4FF)';
 /** Цвет обводки информация на светлом фоне */
@@ -1409,8 +1333,6 @@ export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #
 export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #8A959D)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #657179)';
-/** Прозрачный цвет обводки по умолчанию на светлом фоне */
-export var onLightOutlineTransparentDefault = 'var(--on-light-outline-transparent-default, #080808)';
 /** Акцентный цвет обводки на светлом фоне */
 export var onLightOutlineAccent = 'var(--on-light-outline-accent, #0B7ECB)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
@@ -1419,10 +1341,6 @@ export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #52
 export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #0B7ECB33)';
 /** Цвет обводки успех на светлом фоне */
 export var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
-/** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarning = 'var(--on-light-outline-warning, #E85702)';
-/** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegative = 'var(--on-light-outline-negative, #F31B31)';
 /** Цвет обводки информация на светлом фоне */
 export var onLightOutlineInfo = 'var(--on-light-outline-info, #0B7ECB)';
 /** Минорный цвет обводки успех на светлом фоне */
@@ -1441,6 +1359,16 @@ export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparen
 export var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, #F31B3133)';
 /** Прозрачный цвет обводки информация на светлом фоне */
 export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, #0B7ECB33)';
+/** dark outline onLight outlineSolidDefault */
+export var onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default, #060A0C)';
+/** dark outline onLight outlineSolidDefaultHover */
+export var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #1B2D36FF)';
+/** dark outline onLight outlineSolidDefaultActive */
+export var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #111C22FF)';
+/** Цвет обводки предупреждение на светлом фоне */
+export var onLightOutlineWarning = 'var(--on-light-outline-warning, #FA5F05)';
+/** Цвет обводки ошибка на светлом фоне */
+export var onLightOutlineNegative = 'var(--on-light-outline-negative, #E31227)';
 /** Инвертированный основной непрозрачный цвет обводки */
 export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #AFC2CFFF)';
 /** Инвертированный основной непрозрачный цвет обводки */
@@ -1452,35 +1380,7 @@ export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-sec
 /** Инвертированный третичный непрозрачный цвет обводки */
 export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #737373FF)';
-/** Инвертированный прозрачный цвет обводки по умолчанию */
-export var inverseOutlineTransparentDefaultHover = 'var(--inverse-outline-transparent-default-hover, #FFFFFFFF)';
-/** Инвертированный прозрачный цвет обводки по умолчанию */
-export var inverseOutlineTransparentDefaultActive = 'var(--inverse-outline-transparent-default-active, #C7C7C7FF)';
-/** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #060A0C1F)';
-/** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #070B0EFF)';
-/** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #070B0E25)';
-/** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, #060A0C47)';
-/** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #070B0EFF)';
-/** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #070B0E56)';
-/** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, #060A0C8F)';
-/** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #070B0EFF)';
-/** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #070B0EAB)';
-/** Инвертированная бесцветная обводка */
-export var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
-/** Инвертированная бесцветная обводка */
-export var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
-/** Инвертированная бесцветная обводка */
-export var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
+export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #68757DFF)';
 /** Инвертированный акцентный цвет обводки */
 export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #34A7F4FF)';
 /** Инвертированный акцентный цвет обводки */
@@ -1498,13 +1398,13 @@ export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover,
 /** Инвертированный цвет обводки успех */
 export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #0D731EFF)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FD650DFF)';
+export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FB7223FF)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #CA4B02FF)';
+export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #DC5304FF)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F5384BFF)';
+export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #ED263AFF)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #E40C22FF)';
+export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #C61022FF)';
 /** Инвертированный цвет обводки информация */
 export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #34A7F4FF)';
 /** Инвертированный цвет обводки информация */
@@ -1545,10 +1445,6 @@ export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transpar
 export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #D5DFE6)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
 export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #8A959D)';
-/** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #707070)';
-/** Инвертированный прозрачный цвет обводки по умолчанию */
-export var inverseOutlineTransparentDefault = 'var(--inverse-outline-transparent-default, #080808)';
 /** Инвертированный акцентный цвет обводки */
 export var inverseOutlineAccent = 'var(--inverse-outline-accent, #0B7ECB)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
@@ -1557,10 +1453,6 @@ export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #52B
 export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #0B7ECB33)';
 /** Инвертированный цвет обводки успех */
 export var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
-/** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarning = 'var(--inverse-outline-warning, #E85702)';
-/** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegative = 'var(--inverse-outline-negative, #F31B31)';
 /** Инвертированный цвет обводки информация */
 export var inverseOutlineInfo = 'var(--inverse-outline-info, #0B7ECB)';
 /** Инвертированный минорный цвет обводки успех */
@@ -1579,6 +1471,18 @@ export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent
 export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, #F31B3133)';
 /** Прозрачный инвертированный цвет обводки информация */
 export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, #0B7ECB33)';
+/** dark outline inverse outlineSolidDefault */
+export var inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default, #060A0C)';
+/** dark outline inverse outlineSolidDefaultHover */
+export var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #1B2D36FF)';
+/** dark outline inverse outlineSolidDefaultActive */
+export var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #111C22FF)';
+/** Инвертированный цвет обводки предупреждение */
+export var inverseOutlineWarning = 'var(--inverse-outline-warning, #FA5F05)';
+/** Инвертированный цвет обводки ошибка */
+export var inverseOutlineNegative = 'var(--inverse-outline-negative, #E31227)';
+/** Инвертированный третичный непрозрачный цвет обводки */
+export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #657179)';
 /** Желтый цвет для данных */
 export var dataYellow = 'var(--data-yellow, #F3A912)';
 /** Желтый цвет для данных */
@@ -1597,6 +1501,18 @@ export var dataYellowTransparent = 'var(--data-yellow-transparent, #F3A9128F)';
 export var dataYellowTransparentHover = 'var(--data-yellow-transparent-hover, #F3A812AD)';
 /** Прозрачный желтый цвет для данных */
 export var dataYellowTransparentActive = 'var(--data-yellow-transparent-active, #F3A81280)';
+/** Светлый желтый цвет для данных */
+export var dataYellowLight = 'var(--data-yellow-light, #332200)';
+/** Светлый желтый цвет для данных */
+export var dataYellowLightHover = 'var(--data-yellow-light-hover, #FFF4E0FF)';
+/** Светлый желтый цвет для данных */
+export var dataYellowLightActive = 'var(--data-yellow-light-active, #FFF3DBFF)';
+/** Светлый голубой цвет для данных */
+export var dataSkyBlueLight = 'var(--data-sky-blue-light, #0C283B)';
+/** Светлый голубой цвет для данных */
+export var dataSkyBlueLightHover = 'var(--data-sky-blue-light-hover, #E0F8FFFF)';
+/** Светлый голубой цвет для данных */
+export var dataSkyBlueLightActive = 'var(--data-sky-blue-light-active, #DBF7FFFF)';
 /** Желтый цвет для данных на темном фоне */
 export var onDarkDataYellow = 'var(--on-dark-data-yellow, #F3A912)';
 /** Желтый цвет для данных на темном фоне */
@@ -1615,6 +1531,18 @@ export var onDarkDataYellowTransparent = 'var(--on-dark-data-yellow-transparent,
 export var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F3A812AD)';
 /** Прозрачный желтый цвет для данных на темном фоне */
 export var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
+/** Светлый желтый цвет для данных на темном фоне */
+export var onDarkDataYellowLight = 'var(--on-dark-data-yellow-light, #332200)';
+/** Светлый желтый цвет для данных на темном фоне */
+export var onDarkDataYellowLightHover = 'var(--on-dark-data-yellow-light-hover, #FFF4E0FF)';
+/** Светлый желтый цвет для данных на темном фоне */
+export var onDarkDataYellowLightActive = 'var(--on-dark-data-yellow-light-active, #FFF3DBFF)';
+/** Светлый голубой цвет для данных на темном фоне */
+export var onDarkDataSkyBlueLight = 'var(--on-dark-data-sky-blue-light, #0C283B)';
+/** Cветлый голубой цвет для данных на темном фоне */
+export var onDarkDataSkyBlueLightHover = 'var(--on-dark-data-sky-blue-light-hover, #E0F8FFFF)';
+/** Cветлый голубой цвет для данных на темном фоне */
+export var onDarkDataSkyBlueLightActive = 'var(--on-dark-data-sky-blue-light-active, #DBF7FFFF)';
 /** Желтый цвет для данных на светлом фоне */
 export var onLightDataYellow = 'var(--on-light-data-yellow, #F3A912)';
 /** Желтый цвет для данных на светлом фоне */
@@ -1633,6 +1561,18 @@ export var onLightDataYellowTransparent = 'var(--on-light-data-yellow-transparen
 export var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F3A812AD)';
 /** Прозрачный желтый цвет для данных на светлом фоне */
 export var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #F3A81280)';
+/** Светлый желтый цвет для данных на светлом фоне */
+export var onLightDataYellowLight = 'var(--on-light-data-yellow-light, #FFF6E5)';
+/** Светлый желтый цвет для данных на светлом фоне */
+export var onLightDataYellowLightHover = 'var(--on-light-data-yellow-light-hover, #FFF4E0FF)';
+/** Светлый желтый цвет для данных на светлом фоне */
+export var onLightDataYellowLightActive = 'var(--on-light-data-yellow-light-active, #FFF3DBFF)';
+/** Светлый голубой цвет для данных на светлом фоне */
+export var onLightDataSkyBlueLight = 'var(--on-light-data-sky-blue-light, #E8FAFF)';
+/** Светлый голубой цвет для данных на светлом фоне */
+export var onLightDataSkyBlueLightHover = 'var(--on-light-data-sky-blue-light-hover, #E0F8FFFF)';
+/** Светлый голубой цвет для данных на светлом фоне */
+export var onLightDataSkyBlueLightActive = 'var(--on-light-data-sky-blue-light-active, #DBF7FFFF)';
 /** Инвертированный желтый цвет для данных */
 export var inverseDataYellow = 'var(--inverse-data-yellow, #F3A912)';
 /** Инвертированный желтый цвет для данных */
@@ -1651,6 +1591,18 @@ export var inverseDataYellowTransparent = 'var(--inverse-data-yellow-transparent
 export var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F3A812AD)';
 /** Инвертированный прозрачный желтый цвет для данных */
 export var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #F3A81280)';
+/** Инвертированный светлый желтый цвет для данных */
+export var inverseDataYellowLight = 'var(--inverse-data-yellow-light, #FFF6E5)';
+/** Инвертированный светлый желтый цвет для данных */
+export var inverseDataYellowLightHover = 'var(--inverse-data-yellow-light-hover, #FFF4E0FF)';
+/** Инвертированный светлый желтый цвет для данных */
+export var inverseDataYellowLightActive = 'var(--inverse-data-yellow-light-active, #FFF3DBFF)';
+/** Инвертированный светлый голубой цвет для данных */
+export var inverseDataSkyBlueLight = 'var(--inverse-data-sky-blue-light, #E8FAFF)';
+/** Инвертированный светлый голубой цвет для данных */
+export var inverseDataSkyBlueLightHover = 'var(--inverse-data-sky-blue-light-hover, #E0F8FFFF)';
+/** Инвертированный светлый голубой цвет для данных */
+export var inverseDataSkyBlueLightActive = 'var(--inverse-data-sky-blue-light-active, #DBF7FFFF)';
 /** Фон для скелетона */
 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%))';
 /** Фон для скелетона */
@@ -2227,7 +2179,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-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-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --text-primary: var(--on-dark-text-primary);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\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        --text-positive: var(--on-dark-text-positive);\n        --text-warning: var(--on-dark-text-warning);\n        --text-negative: var(--on-dark-text-negative);\n        --text-info: var(--on-dark-text-info);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\n        --text-warning-minor: var(--on-dark-text-warning-minor);\n        --text-negative-minor: var(--on-dark-text-negative-minor);\n        --text-info-minor: var(--on-dark-text-info-minor);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n        --inverse-text-info-minor: var(--on-light-text-info-minor);\n        --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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\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-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --surface-info-minor: var(--on-dark-surface-info-minor);\n        --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-transparent-info: var(--on-dark-surface-transparent-info);\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-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-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-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --inverse-surface-transparent-positive-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-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-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n        --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n        --background-primary: var(--dark-background-primary);\n        --background-primary-brightness: var(--dark-background-primary-brightness);\n        --inverse-background-primary: var(--light-background-primary);\n        --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-blur: var(--on-dark-overlay-blur);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-blur: var(--on-light-overlay-blur);\n        --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --outline-transparent-default-hover: var(--on-dark-outline-transparent-default-hover);\n        --outline-transparent-default-active: var(--on-dark-outline-transparent-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-hover: var(--on-dark-outline-positive-hover);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\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-hover: var(--on-dark-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\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-hover: var(--on-dark-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --outline-transparent-default: var(--on-dark-outline-transparent-default);\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        --outline-positive: var(--on-dark-outline-positive);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --outline-info-minor: var(--on-dark-outline-info-minor);\n        --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --inverse-outline-transparent-default-hover: var(--on-light-outline-transparent-default-hover);\n        --inverse-outline-transparent-default-active: var(--on-light-outline-transparent-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-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-minor-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-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-hover: var(--on-light-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --inverse-outline-transparent-default: var(--on-light-outline-transparent-default);\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        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n        --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n        --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n        --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n        --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --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-hover: var(--on-light-text-primary-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --text-info-minor-active: var(--on-light-text-info-minor-active);\n        --text-primary: var(--on-light-text-primary);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-positive: var(--on-light-text-positive);\n        --text-warning: var(--on-light-text-warning);\n        --text-negative: var(--on-light-text-negative);\n        --text-info: var(--on-light-text-info);\n        --text-positive-minor: var(--on-light-text-positive-minor);\n        --text-warning-minor: var(--on-light-text-warning-minor);\n        --text-negative-minor: var(--on-light-text-negative-minor);\n        --text-info-minor: var(--on-light-text-info-minor);\n        --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-text-primary-active: var(--on-dark-text-primary-active);\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-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\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        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n        --inverse-text-info-minor: var(--on-dark-text-info-minor);\n        --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-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\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-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\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        --surface-positive: var(--on-light-surface-positive);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-info: var(--on-light-surface-info);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\n        --surface-warning-minor: var(--on-light-surface-warning-minor);\n        --surface-negative-minor: var(--on-light-surface-negative-minor);\n        --surface-info-minor: var(--on-light-surface-info-minor);\n        --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-transparent-info: var(--on-light-surface-transparent-info);\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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-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-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --inverse-surface-transparent-positive-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-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-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n        --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --background-primary: var(--light-background-primary);\n        --background-primary-brightness: var(--light-background-primary-brightness);\n        --inverse-background-primary: var(--dark-background-primary);\n        --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-blur: var(--on-light-overlay-blur);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-blur: var(--on-dark-overlay-blur);\n        --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --outline-transparent-default: var(--on-light-outline-transparent-default);\n        --outline-transparent-default-hover: var(--on-light-outline-transparent-default-hover);\n        --outline-transparent-default-active: var(--on-light-outline-transparent-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-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\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-hover: var(--on-light-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n        --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-light-outline-solid-primary);\n        --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --outline-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        --outline-positive: var(--on-light-outline-positive);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-negative: var(--on-light-outline-negative);\n        --outline-info: var(--on-light-outline-info);\n        --outline-positive-minor: var(--on-light-outline-positive-minor);\n        --outline-warning-minor: var(--on-light-outline-warning-minor);\n        --outline-negative-minor: var(--on-light-outline-negative-minor);\n        --outline-info-minor: var(--on-light-outline-info-minor);\n        --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --outline-transparent-info: var(--on-light-outline-transparent-info);\n        --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --inverse-outline-transparent-default: var(--on-dark-outline-transparent-default);\n        --inverse-outline-transparent-default-hover: var(--on-dark-outline-transparent-default-hover);\n        --inverse-outline-transparent-default-active: var(--on-dark-outline-transparent-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-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-minor-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-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-hover: var(--on-dark-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --inverse-outline-transparent-positive-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-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-hover: var(--on-dark-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n        --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --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-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-hover: var(--on-dark-text-positive-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --text-primary: var(--on-dark-text-primary);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\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        --text-positive: var(--on-dark-text-positive);\n        --text-warning: var(--on-dark-text-warning);\n        --text-negative: var(--on-dark-text-negative);\n        --text-info: var(--on-dark-text-info);\n        --text-positive-minor: var(--on-dark-text-positive-minor);\n        --text-warning-minor: var(--on-dark-text-warning-minor);\n        --text-negative-minor: var(--on-dark-text-negative-minor);\n        --text-info-minor: var(--on-dark-text-info-minor);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-tertiary: var(--on-dark-text-tertiary);\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-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n        --inverse-text-info-minor: var(--on-light-text-info-minor);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-negative: var(--on-light-text-negative);\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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\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-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --surface-info-minor: var(--on-dark-surface-info-minor);\n        --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --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-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-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-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --inverse-surface-transparent-positive-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-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-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n        --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --background-primary: var(--dark-background-primary);\n        --background-primary-brightness: var(--dark-background-primary-brightness);\n        --inverse-background-primary: var(--light-background-primary);\n        --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --overlay-blur: var(--on-dark-overlay-blur);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-blur: var(--on-light-overlay-blur);\n        --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --outline-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-hover: var(--on-dark-outline-positive-hover);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-info-active: var(--on-dark-outline-info-active);\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-hover: var(--on-dark-outline-warning-minor-hover);\n        --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n        --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\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-hover: var(--on-dark-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --outline-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        --outline-positive: var(--on-dark-outline-positive);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --outline-info-minor: var(--on-dark-outline-info-minor);\n        --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --outline-transparent-info: var(--on-dark-outline-transparent-info);\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-solid-default: var(--on-dark-outline-solid-default);\n        --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-minor-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-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-hover: var(--on-light-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --inverse-outline-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        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n        --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n        --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n        --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n        --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\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-warning: var(--on-light-outline-warning);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --data-yellow: var(--on-dark-data-yellow);\n        --data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --data-yellow-active: var(--on-dark-data-yellow-active);\n        --data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --data-yellow-light: var(--on-dark-data-yellow-light);\n        --data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n        --data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n        --data-sky-blue-light: var(--on-dark-data-sky-blue-light);\n        --data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n        --data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n        --inverse-data-yellow: var(--on-light-data-yellow);\n        --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --inverse-data-yellow-light: var(--on-light-data-yellow-light);\n        --inverse-data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n        --inverse-data-yellow-light-active: var(--on-light-data-yellow-light-active);\n        --inverse-data-sky-blue-light: var(--on-light-data-sky-blue-light);\n        --inverse-data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n        --inverse-data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\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-hover: var(--on-light-text-primary-hover);\n        --text-primary-active: var(--on-light-text-primary-active);\n        --text-secondary-hover: var(--on-light-text-secondary-hover);\n        --text-secondary-active: var(--on-light-text-secondary-active);\n        --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --text-tertiary-active: var(--on-light-text-tertiary-active);\n        --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --text-paragraph-active: var(--on-light-text-paragraph-active);\n        --text-accent-hover: var(--on-light-text-accent-hover);\n        --text-accent-active: var(--on-light-text-accent-active);\n        --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --text-positive-hover: var(--on-light-text-positive-hover);\n        --text-positive-active: var(--on-light-text-positive-active);\n        --text-warning-hover: var(--on-light-text-warning-hover);\n        --text-warning-active: var(--on-light-text-warning-active);\n        --text-negative-hover: var(--on-light-text-negative-hover);\n        --text-negative-active: var(--on-light-text-negative-active);\n        --text-info-hover: var(--on-light-text-info-hover);\n        --text-info-active: var(--on-light-text-info-active);\n        --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n        --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n        --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n        --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n        --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n        --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n        --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n        --text-info-minor-active: var(--on-light-text-info-minor-active);\n        --text-primary: var(--on-light-text-primary);\n        --text-primary-brightness: var(--on-light-text-primary-brightness);\n        --text-paragraph: var(--on-light-text-paragraph);\n        --text-accent: var(--on-light-text-accent);\n        --text-accent-minor: var(--on-light-text-accent-minor);\n        --text-positive: var(--on-light-text-positive);\n        --text-info: var(--on-light-text-info);\n        --text-positive-minor: var(--on-light-text-positive-minor);\n        --text-warning-minor: var(--on-light-text-warning-minor);\n        --text-negative-minor: var(--on-light-text-negative-minor);\n        --text-info-minor: var(--on-light-text-info-minor);\n        --text-secondary: var(--on-light-text-secondary);\n        --text-tertiary: var(--on-light-text-tertiary);\n        --text-warning: var(--on-light-text-warning);\n        --text-negative: var(--on-light-text-negative);\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-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-hover: var(--on-dark-text-positive-hover);\n        --inverse-text-positive-active: var(--on-dark-text-positive-active);\n        --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n        --inverse-text-warning-active: var(--on-dark-text-warning-active);\n        --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n        --inverse-text-negative-active: var(--on-dark-text-negative-active);\n        --inverse-text-info-hover: var(--on-dark-text-info-hover);\n        --inverse-text-info-active: var(--on-dark-text-info-active);\n        --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n        --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n        --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n        --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n        --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n        --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n        --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n        --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n        --inverse-text-primary: var(--on-dark-text-primary);\n        --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\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        --inverse-text-positive: var(--on-dark-text-positive);\n        --inverse-text-warning: var(--on-dark-text-warning);\n        --inverse-text-negative: var(--on-dark-text-negative);\n        --inverse-text-info: var(--on-dark-text-info);\n        --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n        --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n        --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n        --inverse-text-info-minor: var(--on-dark-text-info-minor);\n        --inverse-text-secondary: var(--on-dark-text-secondary);\n        --inverse-text-tertiary: var(--on-dark-text-tertiary);\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-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --surface-clear-hover: var(--on-light-surface-clear-hover);\n        --surface-clear-active: var(--on-light-surface-clear-active);\n        --surface-accent-hover: var(--on-light-surface-accent-hover);\n        --surface-accent-active: var(--on-light-surface-accent-active);\n        --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --surface-positive-hover: var(--on-light-surface-positive-hover);\n        --surface-positive-active: var(--on-light-surface-positive-active);\n        --surface-warning-hover: var(--on-light-surface-warning-hover);\n        --surface-warning-active: var(--on-light-surface-warning-active);\n        --surface-negative-hover: var(--on-light-surface-negative-hover);\n        --surface-negative-active: var(--on-light-surface-negative-active);\n        --surface-info-hover: var(--on-light-surface-info-hover);\n        --surface-info-active: var(--on-light-surface-info-active);\n        --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n        --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n        --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n        --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n        --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n        --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n        --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n        --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n        --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n        --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\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-hover: var(--on-light-surface-transparent-negative-hover);\n        --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n        --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n        --surface-solid-card: var(--on-light-surface-solid-card);\n        --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --surface-solid-primary: var(--on-light-surface-solid-primary);\n        --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --surface-solid-default: var(--on-light-surface-solid-default);\n        --surface-transparent-card: var(--on-light-surface-transparent-card);\n        --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --surface-clear: var(--on-light-surface-clear);\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        --surface-positive: var(--on-light-surface-positive);\n        --surface-warning: var(--on-light-surface-warning);\n        --surface-negative: var(--on-light-surface-negative);\n        --surface-info: var(--on-light-surface-info);\n        --surface-positive-minor: var(--on-light-surface-positive-minor);\n        --surface-warning-minor: var(--on-light-surface-warning-minor);\n        --surface-negative-minor: var(--on-light-surface-negative-minor);\n        --surface-info-minor: var(--on-light-surface-info-minor);\n        --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n        --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n        --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --surface-transparent-info: var(--on-light-surface-transparent-info);\n        --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --inverse-surface-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-hover: var(--on-dark-surface-positive-hover);\n        --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n        --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n        --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n        --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n        --inverse-surface-info-active: var(--on-dark-surface-info-active);\n        --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n        --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n        --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n        --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n        --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n        --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n        --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n        --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n        --inverse-surface-transparent-positive-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-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-hover: var(--on-dark-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n        --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n        --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n        --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --inverse-surface-accent: var(--on-dark-surface-accent);\n        --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --inverse-surface-positive: var(--on-dark-surface-positive);\n        --inverse-surface-warning: var(--on-dark-surface-warning);\n        --inverse-surface-negative: var(--on-dark-surface-negative);\n        --inverse-surface-info: var(--on-dark-surface-info);\n        --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n        --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n        --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n        --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n        --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n        --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n        --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n        --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n        --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --background-primary: var(--light-background-primary);\n        --background-primary-brightness: var(--light-background-primary-brightness);\n        --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n        --inverse-background-primary: var(--dark-background-primary);\n        --overlay-hard: var(--on-light-overlay-hard);\n        --overlay-soft: var(--on-light-overlay-soft);\n        --overlay-blur: var(--on-light-overlay-blur);\n        --inverse-overlay-hard: var(--on-dark-overlay-hard);\n        --inverse-overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-blur: var(--on-dark-overlay-blur);\n        --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n        --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n        --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n        --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n        --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n        --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n        --outline-accent-hover: var(--on-light-outline-accent-hover);\n        --outline-accent-active: var(--on-light-outline-accent-active);\n        --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n        --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n        --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n        --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n        --outline-positive-hover: var(--on-light-outline-positive-hover);\n        --outline-positive-active: var(--on-light-outline-positive-active);\n        --outline-warning-hover: var(--on-light-outline-warning-hover);\n        --outline-warning-active: var(--on-light-outline-warning-active);\n        --outline-negative-hover: var(--on-light-outline-negative-hover);\n        --outline-negative-active: var(--on-light-outline-negative-active);\n        --outline-info-hover: var(--on-light-outline-info-hover);\n        --outline-info-active: var(--on-light-outline-info-active);\n        --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n        --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\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-hover: var(--on-light-outline-negative-minor-hover);\n        --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n        --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n        --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n        --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n        --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n        --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n        --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n        --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n        --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n        --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n        --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n        --outline-solid-primary: var(--on-light-outline-solid-primary);\n        --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n        --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n        --outline-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        --outline-positive: var(--on-light-outline-positive);\n        --outline-info: var(--on-light-outline-info);\n        --outline-positive-minor: var(--on-light-outline-positive-minor);\n        --outline-warning-minor: var(--on-light-outline-warning-minor);\n        --outline-negative-minor: var(--on-light-outline-negative-minor);\n        --outline-info-minor: var(--on-light-outline-info-minor);\n        --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n        --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n        --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n        --outline-transparent-info: var(--on-light-outline-transparent-info);\n        --outline-warning: var(--on-light-outline-warning);\n        --outline-negative: var(--on-light-outline-negative);\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        --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n        --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n        --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n        --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n        --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n        --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n        --inverse-outline-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-hover: var(--on-dark-outline-positive-hover);\n        --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n        --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n        --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n        --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n        --inverse-outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-positive-minor-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-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-hover: var(--on-dark-outline-negative-minor-hover);\n        --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n        --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n        --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n        --inverse-outline-transparent-positive-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-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-hover: var(--on-dark-outline-transparent-negative-hover);\n        --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n        --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n        --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n        --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n        --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n        --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n        --inverse-outline-accent: var(--on-dark-outline-accent);\n        --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n        --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n        --inverse-outline-positive: var(--on-dark-outline-positive);\n        --inverse-outline-warning: var(--on-dark-outline-warning);\n        --inverse-outline-negative: var(--on-dark-outline-negative);\n        --inverse-outline-info: var(--on-dark-outline-info);\n        --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n        --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n        --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n        --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n        --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n        --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n        --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n        --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\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-solid-default: var(--on-dark-outline-solid-default);\n        --data-yellow: var(--on-light-data-yellow);\n        --data-yellow-hover: var(--on-light-data-yellow-hover);\n        --data-yellow-active: var(--on-light-data-yellow-active);\n        --data-yellow-minor: var(--on-light-data-yellow-minor);\n        --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n        --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n        --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n        --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n        --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n        --data-yellow-light: var(--on-light-data-yellow-light);\n        --data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n        --data-yellow-light-active: var(--on-light-data-yellow-light-active);\n        --data-sky-blue-light: var(--on-light-data-sky-blue-light);\n        --data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n        --data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n        --inverse-data-yellow: var(--on-dark-data-yellow);\n        --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n        --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n        --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n        --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n        --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n        --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n        --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n        --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n        --inverse-data-yellow-light: var(--on-dark-data-yellow-light);\n        --inverse-data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n        --inverse-data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n        --inverse-data-sky-blue-light: var(--on-dark-data-sky-blue-light);\n        --inverse-data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n        --inverse-data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\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      ",
 };
 //# sourceMappingURL=index.js.map