@salutejs/plasma-tokens 1.123.0-canary.2234.17759193932.0 → 1.123.0-canary.2239.17794430722.0

package/es/brands/plasma_b2c_ACTUAL_TYPOGRAPHY/index.js

@@ -0,0 +1,1293 @@
+// Generated by robots, do not change this manually!
+/** Основной цвет текста */
+export var textPrimary = 'var(--text-primary, rgba(255, 255, 255, 0.96))';
+/** Основной цвет текста */
+export var textPrimaryBrightness = 'var(--text-primary-brightness, #FFFFFFF5)';
+/** Вторичный цвет текста */
+export var textSecondary = 'var(--text-secondary, rgba(255, 255, 255, 0.56))';
+/** Третичный цвет текста */
+export var textTertiary = 'var(--text-tertiary, rgba(255, 255, 255, 0.28))';
+/** Сплошной наборный текст */
+export var textParagraph = 'var(--text-paragraph, rgba(255, 255, 255, 0.8))';
+/** Акцентный цвет */
+export var textAccent = 'var(--text-accent, #3F81FD)';
+/** Акцентный цвет с градиентом */
+export var textAccentGradient = 'var(--text-accent-gradient, linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))';
+/** Цвет успеха */
+export var textPositive = 'var(--text-positive, #1A9E32)';
+/** Цвет предупреждения */
+export var textWarning = 'var(--text-warning, #FA5F05)';
+/** Цвет ошибки */
+export var textNegative = 'var(--text-negative, #FF293E)';
+export var textAccentMinor = 'var(--text-accent-minor, #1549AB)';
+export var textAccentMinorHover = 'var(--text-accent-minor-hover, #FFFFFFFF)';
+export var textAccentMinorActive = 'var(--text-accent-minor-active, #1C62E3FF)';
+export var textInfoHover = 'var(--text-info-hover, #90B6FEFF)';
+export var textInfoActive = 'var(--text-info-active, #216EFDFF)';
+export var textPositiveMinor = 'var(--text-positive-minor, #095C18)';
+export var textPositiveMinorHover = 'var(--text-positive-minor-hover, #0F9527FF)';
+export var textPositiveMinorActive = 'var(--text-positive-minor-active, #0C7920FF)';
+export var textWarningMinor = 'var(--text-warning-minor, #85380C)';
+export var textWarningMinorHover = 'var(--text-warning-minor-hover, #BB4F11FF)';
+export var textWarningMinorActive = 'var(--text-warning-minor-active, #9F440FFF)';
+export var textNegativeMinor = 'var(--text-negative-minor, #9C1422)';
+export var textNegativeMinorHover = 'var(--text-negative-minor-hover, #B91828FF)';
+export var textNegativeMinorActive = 'var(--text-negative-minor-active, #83111CFF)';
+export var textInfoMinorHover = 'var(--text-info-minor-hover, #FFFFFFFF)';
+export var textInfoMinorActive = 'var(--text-info-minor-active, #1C62E3FF)';
+export var textInfo = 'var(--text-info, #3F81FD)';
+export var textInfoMinor = 'var(--text-info-minor, #1549AB)';
+/** Основной цвет текста */
+export var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF93)';
+/** Основной цвет текста */
+export var textPrimaryActive = 'var(--text-primary-active, #FFFFFFC4)';
+/** Вторичный цвет текста */
+export var textSecondaryHover = 'var(--text-secondary-hover, #FFFFFFFF)';
+/** Вторичный цвет текста */
+export var textSecondaryActive = 'var(--text-secondary-active, #FFFFFFAB)';
+/** Третичный цвет текста */
+export var textTertiaryHover = 'var(--text-tertiary-hover, #FFFFFFFF)';
+/** Третичный цвет текста */
+export var textTertiaryActive = 'var(--text-tertiary-active, #FFFFFF56)';
+/** Сплошной наборный текст */
+export var textParagraphHover = 'var(--text-paragraph-hover, #FFFFFF7A)';
+/** Сплошной наборный текст */
+export var textParagraphActive = 'var(--text-paragraph-active, #FFFFFFA3)';
+/** Акцентный цвет */
+export var textAccentHover = 'var(--text-accent-hover, #90B6FEFF)';
+/** Акцентный цвет */
+export var textAccentActive = 'var(--text-accent-active, #216EFDFF)';
+/** Акцентный цвет с градиентом */
+export var textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)';
+/** Акцентный цвет с градиентом */
+export var textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)';
+/** Цвет успеха */
+export var textPositiveHover = 'var(--text-positive-hover, #1EB83AFF)';
+/** Цвет успеха */
+export var textPositiveActive = 'var(--text-positive-active, #15842AFF)';
+/** Цвет предупреждения */
+export var textWarningHover = 'var(--text-warning-hover, #FB7223FF)';
+/** Цвет предупреждения */
+export var textWarningActive = 'var(--text-warning-active, #DC5304FF)';
+/** Цвет ошибки */
+export var textNegativeHover = 'var(--text-negative-hover, #FF475AFF)';
+/** Цвет ошибки */
+export var textNegativeActive = 'var(--text-negative-active, #FF0A23FF)';
+/** Основной цвет текста на темном фоне */
+export var onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))';
+/** Основной цвет текста на темном фоне */
+export var onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #FFFFFFF5)';
+/** Вторичный цвет текста на темном фоне */
+export var onDarkTextSecondary = 'var(--on-dark-text-secondary, rgba(255, 255, 255, 0.56))';
+/** Третичный цвет текста на темном фоне */
+export var onDarkTextTertiary = 'var(--on-dark-text-tertiary, rgba(255, 255, 255, 0.28))';
+/** Сплошной наборный текст на темном фоне */
+export var onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(255, 255, 255, 0.8))';
+/** Акцентный цвет на темном фоне */
+export var onDarkTextAccent = 'var(--on-dark-text-accent, #3F81FD)';
+/** Акцентный цвет с градиентом на темном фоне */
+export var onDarkTextAccentGradient = 'var(--on-dark-text-accent-gradient, linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))';
+/** Цвет успеха на темном фоне */
+export var onDarkTextPositive = 'var(--on-dark-text-positive, #1A9E32)';
+/** Цвет предупреждения на темном фоне */
+export var onDarkTextWarning = 'var(--on-dark-text-warning, #FA5F05)';
+/** Цвет ошибки на темном фоне */
+export var onDarkTextNegative = 'var(--on-dark-text-negative, #FF293E)';
+export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #1549AB)';
+export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #FFFFFFFF)';
+export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #1C62E3FF)';
+export var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #90B6FEFF)';
+export var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #216EFDFF)';
+export var onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor, #095C18)';
+export var onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #0F9527FF)';
+export var onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #0C7920FF)';
+export var onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #85380C)';
+export var onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #BB4F11FF)';
+export var onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #9F440FFF)';
+export var onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C1422)';
+export var onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #B91828FF)';
+export var onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #83111CFF)';
+export var onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #FFFFFFFF)';
+export var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #1C62E3FF)';
+export var onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #1549AB)';
+export var onDarkTextInfo = 'var(--on-dark-text-info, #3F81FD)';
+/** Основной цвет текста на темном фоне */
+export var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF93)';
+/** Основной цвет текста на темном фоне */
+export var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFC4)';
+/** Вторичный цвет текста на темном фоне */
+export var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FFFFFFFF)';
+/** Вторичный цвет текста на темном фоне */
+export var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #FFFFFFAB)';
+/** Третичный цвет текста на темном фоне */
+export var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFFFFFF)';
+/** Третичный цвет текста на темном фоне */
+export var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #FFFFFF56)';
+/** Сплошной наборный текст на темном фоне */
+export var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFFFF7A)';
+/** Сплошной наборный текст на темном фоне */
+export var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)';
+/** Акцентный цвет на темном фоне */
+export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #90B6FEFF)';
+/** Акцентный цвет на темном фоне */
+export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #216EFDFF)';
+/** Акцентный цвет с градиентом на темном фоне */
+export var onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)';
+/** Акцентный цвет с градиентом на темном фоне */
+export var onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)';
+/** Цвет успеха на темном фоне */
+export var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1EB83AFF)';
+/** Цвет успеха на темном фоне */
+export var onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #15842AFF)';
+/** Цвет предупреждения на темном фоне */
+export var onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FB7223FF)';
+/** Цвет предупреждения на темном фоне */
+export var onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #DC5304FF)';
+/** Цвет ошибки на темном фоне */
+export var onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF475AFF)';
+/** Цвет ошибки на темном фоне */
+export var onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF0A23FF)';
+/** Основной цвет текста на светлом фоне */
+export var onLightTextPrimary = 'var(--on-light-text-primary, rgba(8, 8, 8, 0.96))';
+/** Основной цвет текста на светлом фоне */
+export var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #080808F5)';
+/** Вторичный цвет текста на светлом фоне */
+export var onLightTextSecondary = 'var(--on-light-text-secondary, rgba(8, 8, 8, 0.56))';
+/** Третичный цвет текста на светлом фоне */
+export var onLightTextTertiary = 'var(--on-light-text-tertiary, rgba(8, 8, 8, 0.28))';
+/** Сплошной наборный текст на светлом фоне */
+export var onLightTextParagraph = 'var(--on-light-text-paragraph, rgba(8, 8, 8, 0.8))';
+/** Акцентный цвет на светлом фоне */
+export var onLightTextAccent = 'var(--on-light-text-accent, #2A72F8)';
+/** Акцентный цвет с градиентом на светлом фоне */
+export var onLightTextAccentGradient = 'var(--on-light-text-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))';
+/** Цвет успеха на светлом фоне */
+export var onLightTextPositive = 'var(--on-light-text-positive, #1A9E32)';
+/** Цвет предупреждения на светлом фоне */
+export var onLightTextWarning = 'var(--on-light-text-warning, #FA5F05)';
+export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #8BB2FC)';
+export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #DCE8FEFF)';
+export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #6FA0FBFF)';
+export var onLightTextInfoHover = 'var(--on-light-text-info-hover, #79A7FBFF)';
+export var onLightTextInfoActive = 'var(--on-light-text-info-active, #0D5FF8FF)';
+export var onLightTextPositiveMinor = 'var(--on-light-text-positive-minor, #28D247)';
+export var onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #3EDA5BFF)';
+export var onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #23B83EFF)';
+export var onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #FD9C68)';
+export var onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #FDB086FF)';
+export var onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #FC884AFF)';
+export var onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #FF8F9A)';
+export var onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #FFADB6FF)';
+export var onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #FF707EFF)';
+export var onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #DCE8FEFF)';
+export var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #6FA0FBFF)';
+/** Цвет ошибки на светлом фоне */
+export var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #F5384BFF)';
+/** Цвет ошибки на светлом фоне */
+export var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #E40C22FF)';
+/** Цвет ошибки на светлом фоне */
+export var onLightTextNegative = 'var(--on-light-text-negative, #F31B31)';
+export var onLightTextInfo = 'var(--on-light-text-info, #2A72F8)';
+export var onLightTextInfoMinor = 'var(--on-light-text-info-minor, #8BB2FC)';
+/** Основной цвет текста на светлом фоне */
+export var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #08080893)';
+/** Основной цвет текста на светлом фоне */
+export var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #080808C4)';
+/** Вторичный цвет текста на светлом фоне */
+export var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #080808FF)';
+/** Вторичный цвет текста на светлом фоне */
+export var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #080808AB)';
+/** Третичный цвет текста на светлом фоне */
+export var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #080808FF)';
+/** Третичный цвет текста на светлом фоне */
+export var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #08080856)';
+/** Сплошной наборный текст на светлом фоне */
+export var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #0808087A)';
+/** Сплошной наборный текст на светлом фоне */
+export var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)';
+/** Акцентный цвет на светлом фоне */
+export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #79A7FBFF)';
+/** Акцентный цвет на светлом фоне */
+export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #0D5FF8FF)';
+/** Акцентный цвет с градиентом на светлом фоне */
+export var onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)';
+/** Акцентный цвет с градиентом на светлом фоне */
+export var onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)';
+/** Цвет успеха на светлом фоне */
+export var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #1EB83AFF)';
+/** Цвет успеха на светлом фоне */
+export var onLightTextPositiveActive = 'var(--on-light-text-positive-active, #15842AFF)';
+/** Цвет предупреждения на светлом фоне */
+export var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FB7223FF)';
+/** Цвет предупреждения на светлом фоне */
+export var onLightTextWarningActive = 'var(--on-light-text-warning-active, #DC5304FF)';
+/** Инвертированный основной цвет текста */
+export var inverseTextPrimary = 'var(--inverse-text-primary, rgba(8, 8, 8, 0.96))';
+/** Инвертированный основной цвет текста */
+export var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #080808F5)';
+/** Инвертированный вторичный цвет текста */
+export var inverseTextSecondary = 'var(--inverse-text-secondary, rgba(8, 8, 8, 0.56))';
+/** Инвертированный третичный цвет текста */
+export var inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(8, 8, 8, 0.28))';
+/** Инвертированный cплошной наборный текст */
+export var inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(8, 8, 8, 0.8))';
+/** Инвертированный основной цвет текста */
+export var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #08080893)';
+/** Инвертированный основной цвет текста */
+export var inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #080808C4)';
+/** Инвертированный вторичный цвет текста */
+export var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #080808FF)';
+/** Инвертированный вторичный цвет текста */
+export var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #080808AB)';
+/** Инвертированный третичный цвет текста */
+export var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #080808FF)';
+/** Инвертированный третичный цвет текста */
+export var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #08080856)';
+/** Инвертированный cплошной наборный текст */
+export var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #0808087A)';
+/** Инвертированный cплошной наборный текст */
+export var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #080808A3)';
+/** Инвертированный акцентный цвет */
+export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #79A7FBFF)';
+/** Инвертированный акцентный цвет */
+export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #0D5FF8FF)';
+/** Инвертированный акцентный цвет с градиентом */
+export var inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)';
+/** Инвертированный акцентный цвет с градиентом */
+export var inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)';
+/** Инвертированный цвет успеха */
+export var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #1EB83AFF)';
+/** Инвертированный цвет успеха */
+export var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #15842AFF)';
+/** Инвертированный цвет предупреждения */
+export var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB7223FF)';
+/** Инвертированный цвет предупреждения */
+export var inverseTextWarningActive = 'var(--inverse-text-warning-active, #DC5304FF)';
+/** Инвертированный цвет ошибки */
+export var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #F5384BFF)';
+/** Инвертированный цвет ошибки */
+export var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #E40C22FF)';
+export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #DCE8FEFF)';
+export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #6FA0FBFF)';
+/** Инвертированный акцентный цвет */
+export var inverseTextAccent = 'var(--inverse-text-accent, #2A72F8)';
+export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #8BB2FC)';
+/** Инвертированный акцентный цвет с градиентом */
+export var inverseTextAccentGradient = 'var(--inverse-text-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))';
+/** Инвертированный цвет успеха */
+export var inverseTextPositive = 'var(--inverse-text-positive, #1A9E32)';
+/** Инвертированный цвет предупреждения */
+export var inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)';
+/** Инвертированный цвет ошибки */
+export var inverseTextNegative = 'var(--inverse-text-negative, #F31B31)';
+export var inverseTextInfo = 'var(--inverse-text-info, #2A72F8)';
+export var inverseTextInfoHover = 'var(--inverse-text-info-hover, #79A7FBFF)';
+export var inverseTextInfoActive = 'var(--inverse-text-info-active, #0D5FF8FF)';
+export var inverseTextPositiveMinor = 'var(--inverse-text-positive-minor, #28D247)';
+export var inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #3EDA5BFF)';
+export var inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #23B83EFF)';
+export var inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FD9C68)';
+export var inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FDB086FF)';
+export var inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FC884AFF)';
+export var inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8F9A)';
+export var inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFADB6FF)';
+export var inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FF707EFF)';
+export var inverseTextInfoMinor = 'var(--inverse-text-info-minor, #8BB2FC)';
+export var inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #DCE8FEFF)';
+export var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #6FA0FBFF)';
+/** Основной непрозрачный фон поверхности/контрола */
+export var surfaceSolidPrimary = 'var(--surface-solid-primary, #171717)';
+/** Основной непрозрачный фон поверхности/контрола */
+export var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #262626FF)';
+/** Вторичный непрозрачный фон поверхности/контрола */
+export var surfaceSolidSecondary = 'var(--surface-solid-secondary, #262626)';
+/** Третичный непрозрачный фон поверхности/контрола */
+export var surfaceSolidTertiary = 'var(--surface-solid-tertiary, #363636)';
+/** Основной фон для карточек */
+export var surfaceSolidCard = 'var(--surface-solid-card, #171717)';
+/** Основной фон для карточек */
+export var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #262626FF)';
+/** Основной прозрачный фон поверхности/контрола */
+export var surfaceTransparentPrimary = 'var(--surface-transparent-primary, rgba(255, 255, 255, 0.06))';
+/** Вторичный прозрачный фон поверхности/контрола */
+export var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, rgba(255, 255, 255, 0.12))';
+/** Третичный прозрачный фон поверхности/контрола */
+export var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, rgba(255, 255, 255, 0.2))';
+/** Прозрачный фон для карточек */
+export var surfaceTransparentCard = 'var(--surface-transparent-card, rgba(255, 255, 255, 0.12))';
+/** Прозрачный фон для карточек */
+export var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #FFFFFF1F)';
+/** Акцентный фон поверхности/контрола */
+export var surfaceAccent = 'var(--surface-accent, #3F81FD)';
+/** Акцентный фон поверхности/контрола с градиентом */
+export var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))';
+/** Цвет фона поверхности/контрола успех */
+export var surfacePositive = 'var(--surface-positive, #1A9E32)';
+/** Цвет фона поверхности/контрола предупреждение */
+export var surfaceWarning = 'var(--surface-warning, #FA5F05)';
+/** Цвет фона поверхности/контрола ошибка */
+export var surfaceNegative = 'var(--surface-negative, #FF293E)';
+/** Фон поверхности/контрола без заливки */
+export var surfaceClear = 'var(--surface-clear, rgba(255, 255, 255, 0))';
+export var surfaceTransparentDeep = 'var(--surface-transparent-deep, rgba(255, 255, 255, 0.64))';
+export var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FFFFFFC2)';
+export var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FFFFFF94)';
+export var surfaceAccentMinor = 'var(--surface-accent-minor, #082254)';
+export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #0A2A67FF)';
+export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #071F4BFF)';
+export var surfaceTransparentAccent = 'var(--surface-transparent-accent, rgba(63, 129, 253, 0.20))';
+export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #3F82FD52)';
+export var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #3F82FD24)';
+export var surfaceInfoHover = 'var(--surface-info-hover, #5D95FDFF)';
+export var surfaceInfoActive = 'var(--surface-info-active, #357BFDFF)';
+export var surfacePositiveMinor = 'var(--surface-positive-minor, #0A2B10)';
+export var surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)';
+export var surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)';
+export var surfaceWarningMinor = 'var(--surface-warning-minor, #3D1D0A)';
+export var surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)';
+export var surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)';
+export var surfaceNegativeMinor = 'var(--surface-negative-minor, #4A0D13)';
+export var surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)';
+export var surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)';
+export var surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #0A2A67FF)';
+export var surfaceInfoMinorActive = 'var(--surface-info-minor-active, #071F4BFF)';
+export var surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #1A9E3252)';
+export var surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E3224)';
+export var surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F0552)';
+export var surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F0524)';
+export var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E52)';
+export var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E24)';
+export var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #3F82FD52)';
+export var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #3F82FD24)';
+export var surfaceTransparentPositive = 'var(--surface-transparent-positive, rgba(26, 158, 50, 0.20))';
+export var surfaceTransparentWarning = 'var(--surface-transparent-warning, rgba(250, 95, 5, 0.20))';
+export var surfaceTransparentNegative = 'var(--surface-transparent-negative, rgba(255, 41, 62, 0.20))';
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+export var surfaceSolidDefault = 'var(--surface-solid-default, #F9F9F9)';
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+export var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
+/** Непрозрачный фон поверхности/контрола по умолчанию */
+export var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F5F5F5FF)';
+export var surfaceInfo = 'var(--surface-info, #3F81FD)';
+export var surfaceInfoMinor = 'var(--surface-info-minor, #082254)';
+export var surfaceTransparentInfo = 'var(--surface-transparent-info, rgba(63, 129, 253, 0.20))';
+/** Основной непрозрачный фон поверхности/контрола */
+export var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)';
+/** Основной непрозрачный фон поверхности/контрола */
+export var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #121212FF)';
+/** Вторичный непрозрачный фон поверхности/контрола */
+export var surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #303030FF)';
+/** Вторичный непрозрачный фон поверхности/контрола */
+export var surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #212121FF)';
+/** Третичный непрозрачный фон поверхности/контрола */
+export var surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #404040FF)';
+/** Третичный непрозрачный фон поверхности/контрола */
+export var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #303030FF)';
+/** Основной фон для карточек */
+export var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #1C1C1CFF)';
+/** Основной фон для карточек */
+export var surfaceSolidCardActive = 'var(--surface-solid-card-active, #121212FF)';
+/** Основной прозрачный фон поверхности/контрола */
+export var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF1F)';
+/** Основной прозрачный фон поверхности/контрола */
+export var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)';
+/** Вторичный прозрачный фон поверхности/контрола */
+export var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)';
+/** Вторичный прозрачный фон поверхности/контрола */
+export var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)';
+/** Третичный прозрачный фон поверхности/контрола */
+export var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)';
+/** Третичный прозрачный фон поверхности/контрола */
+export var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)';
+/** Прозрачный фон для карточек */
+export var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF3D)';
+/** Прозрачный фон для карточек */
+export var surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FFFFFF0F)';
+/** Акцентный фон поверхности/контрола */
+export var surfaceAccentHover = 'var(--surface-accent-hover, #5D95FDFF)';
+/** Акцентный фон поверхности/контрола */
+export var surfaceAccentActive = 'var(--surface-accent-active, #357BFDFF)';
+/** Акцентный фон поверхности/контрола с градиентом */
+export var surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола с градиентом */
+export var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)';
+/** Цвет фона поверхности/контрола успех */
+export var surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)';
+/** Цвет фона поверхности/контрола успех */
+export var surfacePositiveActive = 'var(--surface-positive-active, #18952FFF)';
+/** Цвет фона поверхности/контрола предупреждение */
+export var surfaceWarningHover = 'var(--surface-warning-hover, #FB7223FF)';
+/** Цвет фона поверхности/контрола предупреждение */
+export var surfaceWarningActive = 'var(--surface-warning-active, #F05B05FF)';
+/** Цвет фона поверхности/контрола ошибка */
+export var surfaceNegativeHover = 'var(--surface-negative-hover, #FF475AFF)';
+/** Цвет фона поверхности/контрола ошибка */
+export var surfaceNegativeActive = 'var(--surface-negative-active, #FF1F35FF)';
+/** Фон поверхности/контрола без заливки */
+export var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)';
+/** Фон поверхности/контрола без заливки */
+export var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
+/** Осн. непрозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)';
+/** Осн. непрозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #262626FF)';
+/** Вторичный непр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #262626)';
+/** Третичный непр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #363636)';
+/** Основной фон для карточек на темном фоне */
+export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #171717)';
+/** Основной фон для карточек на темном фоне */
+export var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #262626FF)';
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255, 255, 255, 0.06))';
+/** Вторичный прозр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, rgba(255, 255, 255, 0.12))';
+/** Третичный прозр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255, 255, 255, 0.2))';
+/** Прозрачный фон для карточек на темном фоне */
+export var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, rgba(255, 255, 255, 0.12))';
+/** Прозрачный фон для карточек на темном фоне */
+export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FFFFFF1F)';
+/** Акцентный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #3F81FD)';
+/** Акцентный фон поверхн./контрола с градиентом на темном фоне */
+export var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))';
+/** Цвет фона поверхности/контрола успех на темном фоне */
+export var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)';
+/** Цвет фона поверхн./контрола предупреждение на темном фоне */
+export var onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FA5F05)';
+/** Цвет фона поверхности/контрола ошибка на темном фоне */
+export var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF293E)';
+export var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255, 255, 255, 0.64))';
+export var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)';
+export var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)';
+export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #1549AB)';
+export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #1852BFFF)';
+export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #1446A3FF)';
+export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, rgba(63, 129, 253, 0.20))';
+export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #3F82FD52)';
+export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #3F82FD24)';
+export var onDarkSurfaceSurfaceInfoHover = 'var(--on-dark-surface-surface-info-hover, #5D95FDFF)';
+export var onDarkSurfaceSurfaceInfoActive = 'var(--on-dark-surface-surface-info-active, #357BFDFF)';
+export var onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)';
+export var onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)';
+export var onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #08210CFF)';
+export var onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D1D0A)';
+export var onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #4F250DFF)';
+export var onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)';
+export var onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)';
+export var onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)';
+export var onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)';
+export var onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #0A2A67FF)';
+export var onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #071F4BFF)';
+export var onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #1A9E3252)';
+export var onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #1A9E3224)';
+export var onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #FA5F0552)';
+export var onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #FA5F0524)';
+export var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E52)';
+export var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E24)';
+export var onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #3F82FD52)';
+export var onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #3F82FD24)';
+export var onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, rgba(26, 158, 50, 0.20))';
+export var onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, rgba(250, 95, 5, 0.20))';
+export var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, rgba(255, 41, 62, 0.20))';
+/** Непр. фон поверхности/контрола по умолчанию на тем. фоне */
+export var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F9F9F9)';
+/** Непр. фон поверхности/контрола по умолчанию на тем. фоне */
+export var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)';
+/** Непр. фон поверхности/контрола по умолчанию на тем. фоне */
+export var onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F5F5F5FF)';
+export var onDarkSurfaceSurfaceInfo = 'var(--on-dark-surface-surface-info, #3F81FD)';
+export var onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #082254)';
+export var onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, rgba(63, 129, 253, 0.20))';
+/** Осн. непрозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)';
+/** Осн. непрозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #121212FF)';
+/** Вторичный непр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #303030FF)';
+/** Вторичный непр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #212121FF)';
+/** Третичный непр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #404040FF)';
+/** Третичный непр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #303030FF)';
+/** Основной фон для карточек на темном фоне */
+export var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #1C1C1CFF)';
+/** Основной фон для карточек на темном фоне */
+export var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #121212FF)';
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF1F)';
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)';
+/** Вторичный прозр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)';
+/** Вторичный прозр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)';
+/** Третичный прозр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)';
+/** Третичный прозр. фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)';
+/** Прозрачный фон для карточек на темном фоне */
+export var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF3D)';
+/** Прозрачный фон для карточек на темном фоне */
+export var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0F)';
+/** Акцентный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #5D95FDFF)';
+/** Акцентный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #357BFDFF)';
+/** Акцентный фон поверхн./контрола с градиентом на темном фоне */
+export var onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)';
+/** Акцентный фон поверхн./контрола с градиентом на темном фоне */
+export var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)';
+/** Цвет фона поверхности/контрола успех на темном фоне */
+export var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)';
+/** Цвет фона поверхности/контрола успех на темном фоне */
+export var onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #18952FFF)';
+/** Цвет фона поверхн./контрола предупреждение на темном фоне */
+export var onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FB7223FF)';
+/** Цвет фона поверхн./контрола предупреждение на темном фоне */
+export var onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #F05B05FF)';
+/** Цвет фона поверхности/контрола ошибка на темном фоне */
+export var onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #FF475AFF)';
+/** Цвет фона поверхности/контрола ошибка на темном фоне */
+export var onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF1F35FF)';
+/** Непр. фон поверхности/контрола по умолчанию на светлом фоне */
+export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)';
+/** Осн. непрозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)';
+/** Осн. непрозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceSolidPrimaryBrightness = 'var(--on-light-surface-solid-primary-brightness, #FFFFFFFF)';
+/** Втор. непрозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #ECECEC)';
+/** Третичный непр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #DDDDDD)';
+/** Основной фон для карточек на светлом фоне */
+export var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, rgba(255, 255, 255, 1))';
+/** Основной фон для карточек на светлом фоне */
+export var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
+/** Основной прозр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, rgba(8, 8, 8, 0.03))';
+/** Вторичный прозр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, rgba(8, 8, 8, 0.06))';
+/** Третичный прозр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, rgba(8, 8, 8, 0.12))';
+/** Прозрачный фон для карточек на светлом фоне */
+export var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, rgba(255, 255, 255, 1))';
+/** Прозрачный фон для карточек на светлом фоне */
+export var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #2A72F8)';
+/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */
+export var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))';
+/** Цвет фона поверхности/контрола успех на светлом фоне */
+export var onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)';
+/** Цвет фона поверхн./контрола предупреждение на светлом фоне */
+export var onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)';
+/** Цвет фона поверхности/контрола ошибка на светлом фоне */
+export var onLightSurfaceNegative = 'var(--on-light-surface-negative, #F31B31)';
+export var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, rgba(8, 8, 8, 0.64))';
+export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #DEE9FF)';
+export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #EBF1FFFF)';
+export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #D6E4FFFF)';
+export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, rgba(42, 114, 248, 0.12))';
+export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #2A72F83D)';
+export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #2A72F80F)';
+export var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #5D95FDFF)';
+export var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #357BFDFF)';
+export var onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #9EFAAF)';
+export var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #B1FBBFFF)';
+export var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #94F9A7FF)';
+export var onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FEE2D2)';
+export var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEE9DCFF)';
+export var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FEDCC8FF)';
+export var onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FFE0E3)';
+export var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFEBEDFF)';
+export var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD6DAFF)';
+export var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #EBF1FFFF)';
+export var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #D6E4FFFF)';
+export var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E323D)';
+export var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E320F)';
+export var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F053D)';
+export var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F050F)';
+export var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #F31B313D)';
+export var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #F31B310F)';
+export var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #2A72F83D)';
+export var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #2A72F80F)';
+export var onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, rgba(26, 158, 50, 0.12))';
+export var onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, rgba(250, 95, 5, 0.12))';
+export var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, rgba(243, 27, 49, 0.12))';
+export var onLightSurfaceInfo = 'var(--on-light-surface-info, #3F81FD)';
+export var onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #DEE9FF)';
+export var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, rgba(42, 114, 248, 0.12))';
+/** Непр. фон поверхности/контрола по умолчанию на светлом фоне */
+export var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0D0D0DFF)';
+/** Непр. фон поверхности/контрола по умолчанию на светлом фоне */
+export var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)';
+/** Осн. непрозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FAFAFAFF)';
+/** Осн. непрозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)';
+/** Втор. непрозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #F7F7F7FF)';
+/** Втор. непрозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E8E8E8FF)';
+/** Третичный непр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #E8E8E8FF)';
+/** Третичный непр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #D9D9D9FF)';
+/** Основной фон для карточек на светлом фоне */
+export var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)';
+/** Основной фон для карточек на светлом фоне */
+export var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)';
+/** Основной прозр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #08080812)';
+/** Основной прозр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08080803)';
+/** Вторичный прозр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #0808081F)';
+/** Вторичный прозр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #0808080A)';
+/** Третичный прозр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808083D)';
+/** Третичный прозр. фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #0808080F)';
+/** Прозрачный фон для карточек на светлом фоне */
+export var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)';
+/** Прозрачный фон для карточек на светлом фоне */
+export var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #4886F9FF)';
+/** Акцентный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #206CF8FF)';
+/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */
+export var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)';
+/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */
+export var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)';
+/** Цвет фона поверхности/контрола успех на светлом фоне */
+export var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)';
+/** Цвет фона поверхности/контрола успех на светлом фоне */
+export var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #18952FFF)';
+/** Цвет фона поверхн./контрола предупреждение на светлом фоне */
+export var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB7223FF)';
+/** Цвет фона поверхн./контрола предупреждение на светлом фоне */
+export var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #F05B05FF)';
+/** Цвет фона поверхности/контрола ошибка на светлом фоне */
+export var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #F5384BFF)';
+/** Цвет фона поверхности/контрола ошибка на светлом фоне */
+export var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #F31228FF)';
+export var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808C2)';
+export var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #08080894)';
+/** Инвертированный осн. непрозрачный фон поверхности/контрола */
+export var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #FFFFFFFF)';
+/** Инвертированный основной фон для карточек */
+export var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)';
+/** Инвертированный прозрачный фон для карточек */
+export var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
+export var inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)';
+export var inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)';
+export var inverseSurfaceNegative = 'var(--inverse-surface-negative, #F31B31)';
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+export var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #0D0D0DFF)';
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+export var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)';
+/** Инвертированный осн. непрозрачный фон поверхности/контрола */
+export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #FAFAFAFF)';
+/** Инвертированный осн. непрозрачный фон поверхности/контрола */
+export var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #F0F0F0FF)';
+/** Инвертированный втор. непрозрачный фон поверхности/контрола */
+export var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #F7F7F7FF)';
+/** Инвертированный втор. непрозрачный фон поверхности/контрола */
+export var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #E8E8E8FF)';
+/** Инвертированный трет.непрозрачный фон поверхности/контрола */
+export var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #E8E8E8FF)';
+/** Инвертированный трет.непрозрачный фон поверхности/контрола */
+export var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #D9D9D9FF)';
+/** Инвертированный основной фон для карточек */
+export var inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)';
+/** Инвертированный основной фон для карточек */
+export var inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)';
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #08080812)';
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #08080803)';
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #0808081F)';
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #0808080A)';
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808083D)';
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #0808080F)';
+/** Инвертированный прозрачный фон для карточек */
+export var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)';
+/** Инвертированный прозрачный фон для карточек */
+export var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFFF)';
+/** Инвертированный акцентный фон поверхности/контрола */
+export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #4886F9FF)';
+/** Инвертированный акцентный фон поверхности/контрола */
+export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #206CF8FF)';
+/** Инвертированный акцентный фон поверхности/контрола с градиентом */
+export var inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)';
+/** Инвертированный акцентный фон поверхности/контрола с градиентом */
+export var inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)';
+export var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)';
+export var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #18952FFF)';
+export var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB7223FF)';
+export var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #F05B05FF)';
+export var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #F5384BFF)';
+export var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #F31228FF)';
+/** Инвертированный фон поверхности/контрола без заливки */
+export var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFFFF)';
+/** Инвертированный фон поверхности/контрола без заливки */
+export var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFFFF)';
+/** Инвертированный основной фон для карточек */
+export var inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFF)';
+/** Инвертированный осн. непрозрачный фон поверхности/контрола */
+export var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F5F5F5)';
+/** Инвертированный втор. непрозрачный фон поверхности/контрола */
+export var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #ECECEC)';
+/** Инвертированный трет.непрозрачный фон поверхности/контрола */
+export var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #DDDDDD)';
+/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
+export var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #080808)';
+/** Инвертированный прозрачный фон для карточек */
+export var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFF)';
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, rgba(8,8,8,0.03))';
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, rgba(8,8,8,0.06))';
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, rgba(8,8,8,0.12))';
+export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, rgba(8,8,8,0.64))';
+export var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #080808C2)';
+export var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #08080894)';
+/** Инвертированный фон поверхности/контрола без заливки */
+export var inverseSurfaceClear = 'var(--inverse-surface-clear, rgba(0,0,0,0))';
+/** Инвертированный акцентный фон поверхности/контрола */
+export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #2A72F8)';
+export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #DEE9FF)';
+export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #EBF1FFFF)';
+export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #D6E4FFFF)';
+/** Инвертированный акцентный фон поверхности/контрола с градиентом */
+export var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))';
+export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, rgba(42,114,248,0.12))';
+export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #2A72F83D)';
+export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #2A72F80F)';
+export var inverseSurfaceInfo = 'var(--inverse-surface-info, #2A72F8)';
+export var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #4886F9FF)';
+export var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #206CF8FF)';
+export var inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #9EFAAF)';
+export var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #B1FBBFFF)';
+export var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #94F9A7FF)';
+export var inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #FEE2D2)';
+export var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEE9DCFF)';
+export var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FEDCC8FF)';
+export var inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #FFE0E3)';
+export var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFEBEDFF)';
+export var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD6DAFF)';
+export var inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #DEE9FF)';
+export var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #EBF1FFFF)';
+export var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #D6E4FFFF)';
+export var inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, rgba(26,158,50,0.12))';
+export var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E323D)';
+export var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E320F)';
+export var inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, rgba(250,95,5,0.12))';
+export var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F053D)';
+export var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F050F)';
+export var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, rgba(243,27,49,0.12))';
+export var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #F31B313D)';
+export var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #F31B310F)';
+export var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, rgba(42,114,248,0.12))';
+export var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #2A72F83D)';
+export var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #2A72F80F)';
+/** Основной фон */
+export var backgroundPrimary = 'var(--background-primary, #080808)';
+/** Основной фон */
+export var backgroundPrimaryBrightness = 'var(--background-primary-brightness, #171717)';
+/** Основной фон на темном фоне */
+export var darkBackgroundPrimary = 'var(--dark-background-primary, #080808)';
+/** Основной фон на светлом фоне */
+export var lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)';
+/** Инвертированный основной фон */
+export var inverseBackgroundPrimaryBrightness = 'var(--inverse-background-primary-brightness, #FFFFFF)';
+/** Инвертированный основной фон */
+export var inverseBackgroundPrimary = 'var(--inverse-background-primary, #F9F9F9)';
+/** Цвет фона паранжи светлый */
+export var overlaySoft = 'var(--overlay-soft, rgba(8, 8, 8, 0.56))';
+/** Цвет фона паранжи темный */
+export var overlayHard = 'var(--overlay-hard, rgba(8, 8, 8, 0.96))';
+export var overlayBlur = 'var(--overlay-blur, rgba(8, 8, 8, 0.28))';
+/** Цвет фона паранжи светлый на темном фоне */
+export var onDarkOverlaySoft = 'var(--on-dark-overlay-soft, rgba(8, 8, 8, 0.56))';
+/** Цвет фона паранжи темный на темном фоне */
+export var onDarkOverlayHard = 'var(--on-dark-overlay-hard, rgba(8, 8, 8, 0.96))';
+export var onDarkOverlayBlur = 'var(--on-dark-overlay-blur, rgba(8, 8, 8, 0.28))';
+/** Цвет фона паранжи светлый на светлом фоне */
+export var onLightOverlaySoft = 'var(--on-light-overlay-soft, rgba(249, 249, 249, 0.56))';
+/** Цвет фона паранжи темный на светлом фоне */
+export var onLightOverlayHard = 'var(--on-light-overlay-hard, rgba(249, 249, 249, 0.96))';
+export var onLightOverlayBlur = 'var(--on-light-overlay-blur, rgba(249, 249, 249, 0.28))';
+/** Инвертированный цвет фона паранжи светлый */
+export var inverseOverlaySoft = 'var(--inverse-overlay-soft, rgba(249,249,249,0.56))';
+/** Инвертированный цвет фона паранжи темный */
+export var inverseOverlayHard = 'var(--inverse-overlay-hard, rgba(249,249,249,0.96))';
+export var inverseOverlayBlur = 'var(--inverse-overlay-blur, rgba(249,249,249,0.28))';
+export var outlinePrimaryHover = 'var(--outline-primary-hover, #303030FF)';
+export var outlinePrimaryActive = 'var(--outline-primary-active, #212121FF)';
+export var outlineSecondaryHover = 'var(--outline-secondary-hover, #595959FF)';
+export var outlineSecondaryActive = 'var(--outline-secondary-active, #4A4A4AFF)';
+export var outlineTertiaryHover = 'var(--outline-tertiary-hover, #7A7A7AFF)';
+export var outlineTertiaryActive = 'var(--outline-tertiary-active, #6B6B6BFF)';
+export var outlineDefaultHover = 'var(--outline-default-hover, #FFFFFFFF)';
+export var outlineDefaultActive = 'var(--outline-default-active, #F5F5F5FF)';
+export var outlineTransparentPrimary = 'var(--outline-transparent-primary, rgba(255, 255, 255, 0.12))';
+export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFF3D)';
+export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF0F)';
+export var outlineTransparentSecondary = 'var(--outline-transparent-secondary, rgba(255, 255, 255, 0.20))';
+export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #FFFFFF52)';
+export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #FFFFFF24)';
+export var outlineTransparentTertiary = 'var(--outline-transparent-tertiary, rgba(255, 255, 255, 0.40))';
+export var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #FFFFFF85)';
+export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #FFFFFF57)';
+export var outlineTransparentClear = 'var(--outline-transparent-clear, rgba(255, 255, 255, 0.00))';
+export var outlineTransparentClearHover = 'var(--outline-transparent-clear-hover, #FFFFFF00)';
+export var outlineTransparentClearActive = 'var(--outline-transparent-clear-active, #FFFFFF00)';
+export var outlineAccent = 'var(--outline-accent, #3F81FD)';
+export var outlineAccentHover = 'var(--outline-accent-hover, #5D95FDFF)';
+export var outlineAccentActive = 'var(--outline-accent-active, #357BFDFF)';
+export var outlineAccentMinor = 'var(--outline-accent-minor, #1549AB)';
+export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #1852BFFF)';
+export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #1446A3FF)';
+export var outlineTransparentAccent = 'var(--outline-transparent-accent, rgba(63, 129, 253, 0.28))';
+export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #3F82FD66)';
+export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #3F82FD38)';
+export var outlinePositive = 'var(--outline-positive, #24B23E)';
+export var outlinePositiveHover = 'var(--outline-positive-hover, #28C344FF)';
+export var outlinePositiveActive = 'var(--outline-positive-active, #23A93BFF)';
+export var outlineWarning = 'var(--outline-warning, #FF7024)';
+export var outlineWarningHover = 'var(--outline-warning-hover, #FF8442FF)';
+export var outlineWarningActive = 'var(--outline-warning-active, #FF6A1AFF)';
+export var outlineNegative = 'var(--outline-negative, #FF3D51)';
+export var outlineNegativeHover = 'var(--outline-negative-hover, #FF5C6CFF)';
+export var outlineNegativeActive = 'var(--outline-negative-active, #FF3347FF)';
+export var outlineInfoHover = 'var(--outline-info-hover, #70A2FFFF)';
+export var outlineInfoActive = 'var(--outline-info-active, #4788FFFF)';
+export var outlinePositiveMinor = 'var(--outline-positive-minor, #095C18)';
+export var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0B6F1DFF)';
+export var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #085416FF)';
+export var outlineWarningMinor = 'var(--outline-warning-minor, #85380C)';
+export var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #95400EFF)';
+export var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #79340BFF)';
+export var outlineNegativeMinor = 'var(--outline-negative-minor, #9C1422)';
+export var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #B01726FF)';
+export var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #951320FF)';
+export var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1852BFFF)';
+export var outlineInfoMinorActive = 'var(--outline-info-minor-active, #1446A3FF)';
+export var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #1A9E3266)';
+export var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #1A9E3238)';
+export var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FA5F0566)';
+export var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FA5F0538)';
+export var outlineNegativeTransparentHover = 'var(--outline-negative-transparent-hover, #CCCCCCFF)';
+export var outlineNegativeTransparentActive = 'var(--outline-negative-transparent-active, #E6E6E6FF)';
+export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #3F82FD66)';
+export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #3F82FD38)';
+export var outlineTransparentPositive = 'var(--outline-transparent-positive, rgba(26, 158, 50, 0.28))';
+export var outlineTransparentWarning = 'var(--outline-transparent-warning, rgba(250, 95, 5, 0.28))';
+export var outlineTransparentNegative = 'var(--outline-transparent-negative, rgba(243, 27, 49, 0.20))';
+export var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #F31B3152)';
+export var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #F31B3124)';
+export var outlineInfoMinor = 'var(--outline-info-minor, #1549AB)';
+export var outlineTransparentInfo = 'var(--outline-transparent-info, rgba(63, 129, 253, 0.28))';
+export var outlineInfo = 'var(--outline-info, #528EFF)';
+export var outlineSolidPrimary = 'var(--outline-solid-primary, #262626)';
+export var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #FFFFFFFF)';
+export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #ADADADFF)';
+export var outlineSolidSecondary = 'var(--outline-solid-secondary, #4E4E4E)';
+export var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #FFFFFFFF)';
+export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #8C8C8CFF)';
+export var outlineSolidTertiary = 'var(--outline-solid-tertiary, #707070)';
+export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
+export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #737373FF)';
+export var outlineSolidDefault = 'var(--outline-solid-default, #F9F9F9)';
+export var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #C7C7C7FF)';
+export var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E0E0E0FF)';
+export var onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #303030FF)';
+export var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #212121FF)';
+export var onDarkOutlineSecondaryHover = 'var(--on-dark-outline-secondary-hover, #595959FF)';
+export var onDarkOutlineSecondaryActive = 'var(--on-dark-outline-secondary-active, #4A4A4AFF)';
+export var onDarkOutlineTertiaryHover = 'var(--on-dark-outline-tertiary-hover, #7A7A7AFF)';
+export var onDarkOutlineTertiaryActive = 'var(--on-dark-outline-tertiary-active, #6B6B6BFF)';
+export var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #FFFFFFFF)';
+export var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #F5F5F5FF)';
+export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFF3D)';
+export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF0F)';
+export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #FFFFFF52)';
+export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #FFFFFF24)';
+export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #FFFFFF85)';
+export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FFFFFF57)';
+export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #5D95FDFF)';
+export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #357BFDFF)';
+export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #1852BFFF)';
+export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #1446A3FF)';
+export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #3F82FD66)';
+export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #3F82FD38)';
+export var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #28C344FF)';
+export var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #23A93BFF)';
+export var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FF8442FF)';
+export var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #FF6A1AFF)';
+export var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF5C6CFF)';
+export var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #FF3347FF)';
+export var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #70A2FFFF)';
+export var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #4788FFFF)';
+export var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0B6F1DFF)';
+export var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #085416FF)';
+export var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #95400EFF)';
+export var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #79340BFF)';
+export var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #B01726FF)';
+export var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #951320FF)';
+export var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1852BFFF)';
+export var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #1446A3FF)';
+export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #1A9E3266)';
+export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #1A9E3238)';
+export var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FA5F0566)';
+export var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FA5F0538)';
+export var onDarkOutlineNegativeTransparentHover = 'var(--on-dark-outline-negative-transparent-hover, #FF293E66)';
+export var onDarkOutlineNegativeTransparentActive = 'var(--on-dark-outline-negative-transparent-active, #FF293E38)';
+export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #3F82FD66)';
+export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #3F82FD38)';
+export var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, rgba(255, 255, 255, 0.12))';
+export var onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary, rgba(255, 255, 255, 0.20))';
+export var onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary, rgba(255, 255, 255, 0.40))';
+export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #3F81FD)';
+export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #1549AB)';
+export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, rgba(63, 129, 253, 0.28))';
+export var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
+export var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #FF7024)';
+export var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #FF3D51)';
+export var onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor, #85380C)';
+export var onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor, #9C1422)';
+export var onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, rgba(26, 158, 50, 0.28))';
+export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, rgba(250, 95, 5, 0.28))';
+export var onDarkOutlineNegativeTransparent = 'var(--on-dark-outline-negative-transparent, rgba(255, 41, 62, 0.28))';
+export var onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor, #095C18)';
+export var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #1549AB)';
+export var onDarkOutlineInfo = 'var(--on-dark-outline-info, #528EFF)';
+export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, rgba(63, 129, 253, 0.28))';
+export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)';
+export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
+export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #ADADADFF)';
+export var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #4E4E4E)';
+export var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #FFFFFFFF)';
+export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #8C8C8CFF)';
+export var onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #707070)';
+export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #737373FF)';
+export var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F9F9F9)';
+export var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #C7C7C7FF)';
+export var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E0E0E0FF)';
+export var onLightOutlinePrimaryHover = 'var(--on-light-outline-primary-hover, #E8E8E8FF)';
+export var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #D9D9D9FF)';
+export var onLightOutlineSecondaryHover = 'var(--on-light-outline-secondary-hover, #9E9E9EFF)';
+export var onLightOutlineSecondaryActive = 'var(--on-light-outline-secondary-active, #8F8F8FFF)';
+export var onLightOutlineTertiaryHover = 'var(--on-light-outline-tertiary-hover, #7A7A7AFF)';
+export var onLightOutlineTertiaryActive = 'var(--on-light-outline-tertiary-active, #6B6B6BFF)';
+export var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #0D0D0DFF)';
+export var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #030303FF)';
+export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, rgba(8, 8, 8, 0.20))';
+export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #08080852)';
+export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #08080824)';
+export var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, rgba(8, 8, 8, 0.40))';
+export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #08080885)';
+export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #08080857)';
+export var onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, rgba(8, 8, 8, 0.56))';
+export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #080808AD)';
+export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #08080880)';
+export var onLightOutlineAccent = 'var(--on-light-outline-accent, #2A72F8)';
+export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #4886F9FF)';
+export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #206CF8FF)';
+export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #8BB2FC)';
+export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #A1C1FDFF)';
+export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #83ADFCFF)';
+export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, rgba(42, 114, 248, 0.20))';
+export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #2A72F852)';
+export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #2A72F824)';
+export var onLightOutlinePositive = 'var(--on-light-outline-positive, #1A9E32)';
+export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #1DAF37FF)';
+export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #18952FFF)';
+export var onLightOutlineWarning = 'var(--on-light-outline-warning, #FA5F05)';
+export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FB7223FF)';
+export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #F05B05FF)';
+export var onLightOutlineNegative = 'var(--on-light-outline-negative, #F31B31)';
+export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F5384BFF)';
+export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #F31228FF)';
+export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #5D95FDFF)';
+export var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #357BFDFF)';
+export var onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor, #28D247)';
+export var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #36D954FF)';
+export var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #26C944FF)';
+export var onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor, #FD9C68)';
+export var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDA97CFF)';
+export var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FD965EFF)';
+export var onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor, #FF8F9A)';
+export var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFA3ACFF)';
+export var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF8591FF)';
+export var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A1C1FDFF)';
+export var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #83ADFCFF)';
+export var onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive, rgba(26, 158, 50, 0.20))';
+export var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #1A9E3252)';
+export var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #1A9E3224)';
+export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, rgba(232, 87, 2, 0.20))';
+export var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #E8570252)';
+export var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #E8570224)';
+export var onLightOutlineNegativeTransparent = 'var(--on-light-outline-negative-transparent, rgba(243, 27, 49, 0.20))';
+export var onLightOutlineNegativeTransparentHover = 'var(--on-light-outline-negative-transparent-hover, #F31B3152)';
+export var onLightOutlineNegativeTransparentActive = 'var(--on-light-outline-negative-transparent-active, #F31B3124)';
+export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #2A72F852)';
+export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #2A72F824)';
+export var onLightOutlineInfo = 'var(--on-light-outline-info, #3F81FD)';
+export var onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #8BB2FC)';
+export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, rgba(42, 114, 248, 0.20))';
+export var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #707070)';
+export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #737373FF)';
+export var onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default, #080808)';
+export var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #FFFFFFFF)';
+export var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #C7C7C7FF)';
+export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #DDDDDD)';
+export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #ABABABFF)';
+export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C4C4C4FF)';
+export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #949494)';
+export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #FFFFFFFF)';
+export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #575757FF)';
+export var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ABABABFF)';
+export var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4C4C4FF)';
+export var inverseOutlineSecondaryHover = 'var(--inverse-outline-secondary-hover, #FFFFFFFF)';
+export var inverseOutlineSecondaryActive = 'var(--inverse-outline-secondary-active, #575757FF)';
+export var inverseOutlineTertiaryHover = 'var(--inverse-outline-tertiary-hover, #FFFFFFFF)';
+export var inverseOutlineTertiaryActive = 'var(--inverse-outline-tertiary-active, #737373FF)';
+export var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #FFFFFFFF)';
+export var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #C7C7C7FF)';
+export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, rgba(8,8,8,0.20))';
+export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #080808FF)';
+export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #0808083D)';
+export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, rgba(8,8,8,0.40))';
+export var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #080808FF)';
+export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #0808087A)';
+export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, rgba(8,8,8,0.56))';
+export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #080808FF)';
+export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808AB)';
+export var inverseOutlineTransparentClear = 'var(--inverse-outline-transparent-clear, rgba(255,255,255,0.00))';
+export var inverseOutlineTransparentClearHover = 'var(--inverse-outline-transparent-clear-hover, #FFFFFFFF)';
+export var inverseOutlineTransparentClearActive = 'var(--inverse-outline-transparent-clear-active, #FFFFFFFF)';
+export var inverseOutlineAccent = 'var(--inverse-outline-accent, #2A72F8)';
+export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #79A7FBFF)';
+export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #0D5FF8FF)';
+export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #8BB2FC)';
+export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #DCE8FEFF)';
+export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #6FA0FBFF)';
+export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, rgba(42,114,248,0.20))';
+export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #2A72F8FF)';
+export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #2A72F83D)';
+export var inverseOutlinePositive = 'var(--inverse-outline-positive, #1A9E32)';
+export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #1EB83AFF)';
+export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #15842AFF)';
+export var inverseOutlineWarning = 'var(--inverse-outline-warning, #FA5F05)';
+export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FB7223FF)';
+export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #DC5304FF)';
+export var inverseOutlineNegative = 'var(--inverse-outline-negative, #F31B31)';
+export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F5384BFF)';
+export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #E40C22FF)';
+export var inverseOutlineInfo = 'var(--inverse-outline-info, #2A72F8)';
+export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #79A7FBFF)';
+export var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #0D5FF8FF)';
+export var inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor, #28D247)';
+export var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #3EDA5BFF)';
+export var inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #23B83EFF)';
+export var inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor, #FD9C68)';
+export var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB086FF)';
+export var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC884AFF)';
+export var inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor, #FF8F9A)';
+export var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFADB6FF)';
+export var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF707EFF)';
+export var inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor, #8BB2FC)';
+export var inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #DCE8FEFF)';
+export var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #6FA0FBFF)';
+export var inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, rgba(26,158,50,0.20))';
+export var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #1A9E32FF)';
+export var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #1A9E323D)';
+export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, rgba(250,95,5,0.20))';
+export var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #FA5F05FF)';
+export var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #FA5F053D)';
+export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, rgba(243,27,49,0.20))';
+export var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #F31B31FF)';
+export var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #F31B313D)';
+export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, rgba(42,114,248,0.20))';
+export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #2A72F8FF)';
+export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #2A72F83D)';
+export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #DDDDDD)';
+export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ABABABFF)';
+export var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C4C4C4FF)';
+export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #949494)';
+export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #FFFFFFFF)';
+export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #575757FF)';
+export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #707070)';
+export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #737373FF)';
+export var inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default, #080808)';
+export var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #FFFFFFFF)';
+export var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #C7C7C7FF)';
+/** Желтый цвет для данных */
+export var dataDefaultDataYellow = 'var(--data-default-data-yellow, #F3A912)';
+/** Желтый цвет для данных */
+export var dataDefaultDataYellowHover = 'var(--data-default-data-yellow-hover, #F4B22FFF)';
+/** Желтый цвет для данных */
+export var dataDefaultDataYellowActive = 'var(--data-default-data-yellow-active, #EDA20CFF)';
+/** Минорный желтый цвет для данных */
+export var dataDefaultDataYellowMinor = 'var(--data-default-data-yellow-minor, #A16B00)';
+/** Минорный желтый цвет для данных */
+export var dataDefaultDataYellowMinorHover = 'var(--data-default-data-yellow-minor-hover, #B87A00FF)';
+/** Минорный желтый цвет для данных */
+export var dataDefaultDataYellowMinorActive = 'var(--data-default-data-yellow-minor-active, #996600FF)';
+/** Прозрачный желтый цвет для данных */
+export var dataDefaultDataYellowTransparent = 'var(--data-default-data-yellow-transparent, #F3A9128F)';
+/** Прозрачный желтый цвет для данных */
+export var dataDefaultDataYellowTransparentHover = 'var(--data-default-data-yellow-transparent-hover, #F3A812AD)';
+/** Прозрачный желтый цвет для данных */
+export var dataDefaultDataYellowTransparentActive = 'var(--data-default-data-yellow-transparent-active, #F3A81280)';
+/** Желтый цвет для данных на темном фоне */
+export var dataOnDarkDataYellow = 'var(--data-on-dark-data-yellow, #F3A912)';
+/** Желтый цвет для данных на темном фоне */
+export var dataOnDarkDataYellowHover = 'var(--data-on-dark-data-yellow-hover, #F4B22FFF)';
+/** Желтый цвет для данных на темном фоне */
+export var dataOnDarkDataYellowActive = 'var(--data-on-dark-data-yellow-active, #EDA20CFF)';
+/** Минорный желтый цвет для данных на темном фоне */
+export var dataOnDarkDataYellowMinor = 'var(--data-on-dark-data-yellow-minor, #A16B00)';
+/** Минорный желтый цвет для данных на темном фоне */
+export var dataOnDarkDataYellowMinorHover = 'var(--data-on-dark-data-yellow-minor-hover, #B87A00FF)';
+/** Минорный желтый цвет для данных на темном фоне */
+export var dataOnDarkDataYellowMinorActive = 'var(--data-on-dark-data-yellow-minor-active, #996600FF)';
+/** Прозрачный желтый цвет для данных на темном фоне */
+export var dataOnDarkDataYellowTransparent = 'var(--data-on-dark-data-yellow-transparent, #F3A9128F)';
+/** Прозрачный желтый цвет для данных на темном фоне */
+export var dataOnDarkDataYellowTransparentHover = 'var(--data-on-dark-data-yellow-transparent-hover, #F3A812AD)';
+/** Прозрачный желтый цвет для данных на темном фоне */
+export var dataOnDarkDataYellowTransparentActive = 'var(--data-on-dark-data-yellow-transparent-active, #F3A81280)';
+/** Желтый цвет для данных на светлом фоне */
+export var dataOnLightDataYellow = 'var(--data-on-light-data-yellow, #F3A912)';
+/** Желтый цвет для данных на светлом фоне */
+export var dataOnLightDataYellowHover = 'var(--data-on-light-data-yellow-hover, #F4B22FFF)';
+/** Желтый цвет для данных на светлом фоне */
+export var dataOnLightDataYellowActive = 'var(--data-on-light-data-yellow-active, #EDA20CFF)';
+/** Минорный желтый цвет для данных на светлом фоне */
+export var dataOnLightDataYellowMinor = 'var(--data-on-light-data-yellow-minor, #FFD37A)';
+/** Минорный желтый цвет для данных на светлом фоне */
+export var dataOnLightDataYellowMinorHover = 'var(--data-on-light-data-yellow-minor-hover, #FFDA8FFF)';
+/** Минорный желтый цвет для данных на светлом фоне */
+export var dataOnLightDataYellowMinorActive = 'var(--data-on-light-data-yellow-minor-active, #FFCF70FF)';
+/** Прозрачный желтый цвет для данных на светлом фоне */
+export var dataOnLightDataYellowTransparent = 'var(--data-on-light-data-yellow-transparent, #F3A9128F)';
+/** Прозрачный желтый цвет для данных на светлом фоне */
+export var dataOnLightDataYellowTransparentHover = 'var(--data-on-light-data-yellow-transparent-hover, #F3A812AD)';
+/** Прозрачный желтый цвет для данных на светлом фоне */
+export var dataOnLightDataYellowTransparentActive = 'var(--data-on-light-data-yellow-transparent-active, #F3A81280)';
+/** Инвертированный желтый цвет для данных */
+export var dataInverseDataYellow = 'var(--data-inverse-data-yellow, #F3A912)';
+/** Инвертированный желтый цвет для данных */
+export var dataInverseDataYellowHover = 'var(--data-inverse-data-yellow-hover, #F4B22FFF)';
+/** Инвертированный желтый цвет для данных */
+export var dataInverseDataYellowActive = 'var(--data-inverse-data-yellow-active, #EDA20CFF)';
+/** Инвертированный минорный желтый цвет для данных */
+export var dataInverseDataYellowMinor = 'var(--data-inverse-data-yellow-minor, #FFD37A)';
+/** Инвертированный минорный желтый цвет для данных */
+export var dataInverseDataYellowMinorHover = 'var(--data-inverse-data-yellow-minor-hover, #FFDA8FFF)';
+/** Инвертированный минорный желтый цвет для данных */
+export var dataInverseDataYellowMinorActive = 'var(--data-inverse-data-yellow-minor-active, #FFCF70FF)';
+/** Инвертированный прозрачный желтый цвет для данных */
+export var dataInverseDataYellowTransparent = 'var(--data-inverse-data-yellow-transparent, #F3A9128F)';
+/** Инвертированный прозрачный желтый цвет для данных */
+export var dataInverseDataYellowTransparentHover = 'var(--data-inverse-data-yellow-transparent-hover, #F3A812AD)';
+/** Инвертированный прозрачный желтый цвет для данных */
+export var dataInverseDataYellowTransparentActive = 'var(--data-inverse-data-yellow-transparent-active, #F3A81280)';
+export var skeletonGradient = 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))';
+export var skeletonGradientLighter = 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))';
+/** @deprecated instead use onDarkTextPrimary */
+export var whitePrimary = 'var(--plasma-colors-white-primary, var(--on-dark-text-primary))';
+/** @deprecated instead use onDarkTextSecondary */
+export var whiteSecondary = 'var(--plasma-colors-white-secondary, var(--on-dark-text-secondary))';
+/** @deprecated instead use onDarkTextTertiary */
+export var whiteTertiary = 'var(--plasma-colors-white-tertiary, var(--on-dark-text-tertiary))';
+/** @deprecated instead use onLightTextPrimary */
+export var blackPrimary = 'var(--plasma-colors-black-primary, var(--on-light-text-primary))';
+/** @deprecated instead use onLightTextSecondary */
+export var blackSecondary = 'var(--plasma-colors-black-secondary, var(--on-light-text-secondary))';
+/** @deprecated instead use onLightTextTertiary */
+export var blackTertiary = 'var(--plasma-colors-black-tertiary, var(--on-light-text-tertiary))';
+/** @deprecated instead use onLightSurfaceSolidDefault */
+export var buttonBlack = 'var(--plasma-colors-button-black, var(--on-light-surface-solid-default))';
+/** @deprecated instead use onLightSurfaceTransparentSecondary */
+export var buttonBlackSecondary = 'var(--plasma-colors-button-black-secondary, var(--on-light-surface-transparent-secondary))';
+/** @deprecated instead use onDarkSurfaceSolidDefault */
+export var buttonWhite = 'var(--plasma-colors-button-white, var(--on-dark-surface-solid-default))';
+/** @deprecated instead use onDarkSurfaceTransparentSecondary */
+export var buttonWhiteSecondary = 'var(--plasma-colors-button-white-secondary, var(--on-dark-surface-transparent-secondary))';
+/** @deprecated instead use textPrimary */
+export var text = 'var(--plasma-colors-text, var(--text-primary))';
+/** @deprecated instead use textPrimary */
+export var primary = 'var(--plasma-colors-primary, var(--text-primary))';
+/** @deprecated instead use textSecondary */
+export var secondary = 'var(--plasma-colors-secondary, var(--text-secondary))';
+/** @deprecated instead use textTertiary */
+export var tertiary = 'var(--plasma-colors-tertiary, var(--text-tertiary))';
+/** @deprecated instead use textParagraph */
+export var paragraph = 'var(--plasma-colors-paragraph, var(--text-paragraph))';
+/** @deprecated instead use backgroundPrimary */
+export var background = 'var(--plasma-colors-background, var(--background-primary))';
+/** @deprecated instead use textAccent */
+export var accent = 'var(--plasma-colors-accent, var(--text-accent))';
+/** @deprecated instead use textPositive */
+export var success = 'var(--plasma-colors-success, var(--text-positive))';
+/** @deprecated instead use textWarning */
+export var warning = 'var(--plasma-colors-warning, var(--text-warning))';
+/** @deprecated instead use textNegative */
+export var critical = 'var(--plasma-colors-critical, var(--text-negative))';
+/** @deprecated instead use overlaySoft */
+export var overlay = 'var(--plasma-colors-overlay, var(--overlay-soft))';
+/** @deprecated instead use surfaceTransparentPrimary */
+export var surfaceLiquid01 = 'var(--plasma-colors-surface-liquid01, var(--surface-transparent-primary))';
+/** @deprecated instead use surfaceTransparentSecondary */
+export var surfaceLiquid02 = 'var(--plasma-colors-surface-liquid02, var(--surface-transparent-secondary))';
+/** @deprecated instead use surfaceTransparentTertiary */
+export var surfaceLiquid03 = 'var(--plasma-colors-surface-liquid03, var(--surface-transparent-tertiary))';
+/** @deprecated instead use surfaceSolidPrimary */
+export var surfaceSolid01 = 'var(--plasma-colors-surface-solid01, var(--surface-solid-primary))';
+/** @deprecated instead use surfaceSolidSecondary */
+export var surfaceSolid02 = 'var(--plasma-colors-surface-solid02, var(--surface-solid-secondary))';
+/** @deprecated instead use surfaceSolidTertiary */
+export var surfaceSolid03 = 'var(--plasma-colors-surface-solid03, var(--surface-solid-tertiary))';
+/** @deprecated instead use surfaceTransparentCard */
+export var surfaceCard = 'var(--plasma-colors-surface-card, var(--surface-transparent-card))';
+/** @deprecated instead use surfaceTransparentSecondary */
+export var buttonSecondary = 'var(--plasma-colors-button-secondary, var(--surface-transparent-secondary))';
+/** @deprecated instead use textAccent */
+export var buttonAccent = 'var(--plasma-colors-button-accent, var(--text-accent))';
+/** @deprecated instead use surfacePositive */
+export var buttonSuccess = 'var(--plasma-colors-button-success, var(--surface-positive))';
+/** @deprecated instead use surfaceWarning */
+export var buttonWarning = 'var(--plasma-colors-button-warning, var(--surface-warning))';
+/** @deprecated instead use surfaceNegative */
+export var buttonCritical = 'var(--plasma-colors-button-critical, var(--surface-negative))';
+export var shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-down-soft-s, 0px 1px 4px -1px rgba(0, 0, 0, 0.04))';
+export var shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px rgba(0, 0, 0, 0.08))';
+export var shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.08))';
+export var shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px rgba(8, 8, 8, 0.16)), var(--shadow-down-hard-s, 0px 1px 4px -2px rgba(0, 0, 0, 0.08))';
+export var shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px rgba(0, 0, 0, 0.24))';
+export var shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.40))';
+export var shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-up-soft-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))';
+export var shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px rgba(0, 0, 0, 0.08))';
+export var shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.08))';
+export var shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px rgba(8, 8, 8, 0.20)), var(--shadow-up-hard-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))';
+export var shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px rgba(0, 0, 0, 0.24))';
+export var shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.40))';
+//# sourceMappingURL=index.js.map