:root,
:host {
	--tui-background-base: var(--tui-const-black-lighter-13);  /* Основной фон приложений. Отличается на iOS, Android и Desktop */
	--tui-background-base-alt: var(--tui-const-black-lighter-13);  /* Альтернативный основной фон, в тёмной теме в вебе равен base */
	--tui-background-elevation-1: var(--tui-const-black-lighter-16);  /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
	--tui-background-elevation-2: var(--tui-const-black-lighter-20);  /* Фон карточек, лежащих на фоне elevation-1 */
	--tui-background-elevation-3: var(--tui-const-black-lighter-32);  /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
	--tui-background-neutral-1: var(--tui-const-white-alpha-10);  /* Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д. */
	--tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3);  /* Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы */
	--tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10);  /* Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы */
	--tui-background-neutral-1-opaque: var(--tui-const-black-lighter-20);  /* Непрозрачные контейнеры кнопок закрытия и удаления элементов */
	--tui-background-neutral-1-on-base: var(--tui-const-cool-gray-lighter-18);  /* Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме */
	--tui-background-neutral-1-on-elevation-1: var(--tui-const-black-lighter-22);  /* Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме */
	--tui-background-neutral-1-hover: var(--tui-const-white-alpha-15);  /* Только для веба. Cостояние элементов c фоном neutral-1 при наведении */
	--tui-background-neutral-1-pressed: var(--tui-const-white-alpha-20);  /* Нажатое состояние элементов с фоном neutral-1 */
	--tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6);  /* @Deprecated: коррекция названия на neutral-1-on-light-hover */
	--tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15);  /* @Deprecated: коррекция названия на neutral-1-on-dark-hover */
	--tui-background-neutral-1-on-light-hover: var(--tui-const-black-alpha-6);  /* Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы */
	--tui-background-neutral-1-on-dark-hover: var(--tui-const-white-alpha-15);  /* Состояние при наведении элементов с фоном neutral-1-on-dark, не меняется при переключении темы */
	--tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-12);  /* @Deprecated: коррекция названия на neutral-1-on-light-pressed */
	--tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-20);  /* @Deprecated: коррекция названия на neutral-1-on-dark-pressed */
	--tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-12);  /* Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы */
	--tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-20);  /* Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы */
	--tui-background-neutral-2: var(--tui-const-white-alpha-15);  /* Прозрачные контейнеры маленьких размеров */
	--tui-background-neutral-2-hover: var(--tui-const-white-alpha-20);  /* Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2 */
	--tui-background-neutral-2-pressed: var(--tui-const-white-alpha-25);  /* Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2 */
	--tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6);  /* @Deprecated: Изменен на neutral-1-pressed-on-light */
	--tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15);  /* Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы */
	--tui-background-neutral-2-on-dark-hover: var(--tui-const-white-alpha-20);  /* Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы */
	--tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-25);  /* Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы */
	--tui-background-neutral-3: var(--tui-const-white-alpha-20);  /* Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2 */
	--tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12);  /* Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2 */
	--tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20);  /* Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2 */
	--tui-background-neutral-4: var(--tui-const-white-alpha-30);  /* Прозрачные контейнеры со средним контрастом. Контейнер аватара с иконкой или текстом */
	--tui-background-neutral-4-on-light: var(--tui-const-cool-gray-alpha-22);  /* Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Контейнер аватара с иконкой или текстом. Нажатое состояние элементов с цветом neutral-3 */
	--tui-background-neutral-4-on-dark: var(--tui-const-white-alpha-30);  /* @Deprecated: Заменен на overlay-glass-on-dark. Использовался для стеклянных поверхностей */
	--tui-background-neutral-6: var(--tui-const-white-alpha-50);  /* Прозрачные контейнеры с сильным контрастом */
	--tui-background-neutral-6-on-light: var(--tui-const-black-alpha-40);  /* @Deprecated: Заменен на overlay-glass-on-light. Использовался для стеклянных поверхностей. */
	--tui-background-neutral-6-on-dark: var(--tui-const-white-alpha-50);  /* Прозрачные контейнеры с большим контрастом на темных цветных фонах */
	--tui-background-opposite: var(--tui-const-white);  /* @Deprecated: Заменен на accent-opposite */
	--tui-background-primary-on-light: var(--tui-const-black);  /* @Deprecated: Заменен на accent-on-light */
	--tui-background-primary-on-dark: var(--tui-const-white);  /* @Deprecated: Заменен на accent-on-dark */
	--tui-background-highlight: var(--tui-const-white-alpha-10);  /* @Deprecated: Переехал в отдельную группу service */
	--tui-background-highlight-on-light: var(--tui-const-black-alpha-6);  /* @Deprecated: Переехал в отдельную группу service */
	--tui-background-highlight-on-dark: var(--tui-const-white-alpha-10);  /* @Deprecated: Переехал в отдельную группу service */
	--tui-background-highlight-on-opposite: var(--tui-const-black-alpha-6);  /* @Deprecated: Переехал в отдельную группу service */
	--tui-background-highlight-on-tinkoff: #FAB61966;  /* @Deprecated: Переехал в отдельную группу service */
	--tui-background-warning: var(--tui-const-yellow-darker-26);  /* @Deprecated: Переехал в отдельную группу status */
	--tui-background-warning-pressed: var(--tui-const-yellow-darker-32);  /* @Deprecated: Переехал в отдельную группу status */
	--tui-background-positive: var(--tui-const-green-darker-18);  /* @Deprecated: Переехал в отдельную группу status */
	--tui-background-positive-pressed: var(--tui-const-green-darker-21);  /* @Deprecated: Переехал в отдельную группу status */
	--tui-background-negative: var(--tui-const-red-darker-23);  /* @Deprecated: Переехал в группу status */
	--tui-background-negative-pressed: var(--tui-const-red-darker-29);  /* @Deprecated: Переехал в группу status */
	--tui-background-info: var(--tui-const-blue-darker-25);  /* @Deprecated: Переехал в группу status */
	--tui-background-info-pressed: var(--tui-const-blue-darker-32);  /* @Deprecated: Переехал в группу status */
	--tui-background-accent: var(--tui-const-blue);  /* @Deprecated: Заменён на цвет accent-2 */
	--tui-background-accent-pressed: var(--tui-const-blue-darker-46);  /* @Deprecated: Заменён на цвет accent-2-pressed */
	--tui-background-accent-pale: var(--tui-const-blue-alpha-16);  /* @Deprecated: Заменён на компонентный токен */
	--tui-background-accent-pale-pressed: var(--tui-const-blue-alpha-24);  /* @Deprecated: Заменён на компонентный токен */
	--tui-background-engaging: var(--tui-const-blue);  /* @Deprecated: Заменён на цвет accent */
	--tui-background-engaging-pressed: var(--tui-const-blue-darker-46);  /* @Deprecated: Заменён на цвет accent-pressed */
	--tui-background-brand-tinkoff: var(--tui-const-yellow);  /* @Deprecated: Переехал в отдельную группу brand */
	--tui-background-brand-pro: #AFF218;  /* @Deprecated: Переехал в отдельную группу brand */
	--tui-background-brand-premium: #4972CF;  /* @Deprecated: Переехал в отдельную группу brand */
	--tui-background-notification: var(--tui-const-red);  /* @Deprecated: Переехал в компонентные токены */
	--tui-background-selected-text: var(--tui-const-blue-alpha-24);  /* @Deprecated: Переехал в отдельную группу service */
	--tui-background-accent-1: var(--tui-const-yellow);  /* Фоны акцентных кнопок, бейджей и т.д. */
	--tui-background-accent-1-hover: var(--tui-const-yellow-darker-60);  /* Только для веба. Фоны акцентных кнопок, бейджей и т.д. при наведении */
	--tui-background-accent-1-pressed: var(--tui-const-yellow-darker-54);  /* Фоны акцентных кнопок, бейджей и т.д. при нажатии */
	--tui-background-accent-2: var(--tui-const-blue);  /* Фоны акцентных кнопок, бейджей и т.д. */
	--tui-background-accent-2-hover: var(--tui-const-blue-darker-52);  /* Только для веба. Фоны акцентных кнопок, бейджей и т.д. при нажатии */
	--tui-background-accent-2-pressed: var(--tui-const-blue-darker-46);  /* Фоны акцентных кнопок, бейджей и т.д. */
	--tui-background-accent-opposite: var(--tui-const-white);  /* Фон, противоположный base: в белой теме — черный, в темной теме — белый */
	--tui-background-accent-opposite-hover: var(--tui-const-cool-gray-lighter-97);  /* Только для веба. Фон, противоположный base при наведении: в белой теме — черный, в темной теме — белый */
	--tui-background-accent-opposite-pressed: var(--tui-const-cool-gray-lighter-93);  /* Фон, противоположный base при нажатии: в белой теме — черный, в темной теме — белый */
	--tui-background-accent-on-light: var(--tui-const-black);  /* Контрастные контейнеры на светлых фонах, не меняется при смене темы */
	--tui-background-accent-on-light-hover: var(--tui-const-black-lighter-16);  /* Контрастные контейнеры при наведении на светлых фонах, не меняется при смене темы. */
	--tui-background-accent-on-light-pressed: var(--tui-const-black-lighter-22);  /* Контрастные контейнеры при нажатии на светлых фонах, не меняется при смене темы. */
	--tui-background-accent-on-dark: var(--tui-const-white);  /* Контрастные контейнеры на темных фонах, не меняется при смене темы */
	--tui-background-accent-on-dark-hover: var(--tui-const-cool-gray-lighter-97);  /* Контрастные контейнеры при наведении на темных фонах, не меняется при смене темы. */
	--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-93);  /* Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. */
	--tui-background-button-close-on-light: var(--tui-const-black-alpha-40);  /* @Deprecated: Перенесен в component */
	--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50);  /* @Deprecated: Заменен на overlay-glass-on-dark */
	--tui-background-badge-notification: var(--tui-const-red);  /* @Deprecated: Перенесен в группу component */
	--tui-background-toggle: var(--tui-const-white-alpha-20);  /* @Deprecated: Заменен на background.neutral-2 */
	--tui-background-button-vertical: var(--tui-const-blue-alpha-16);  /* @Deprecated: Перенесен в component */
	--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-20);  /* @Deprecated: Перенесен в component */
	--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24);  /* @Deprecated: Перенесен в component */
	--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30);  /* @Deprecated: Заменен на overlay-glass-on-dark */
	--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40);  /* @Deprecated: Заменен на overlay-glass-on-light */
	--tui-background-progress-bar: var(--tui-const-white-alpha-15);  /* @Deprecated: Перенесен в группу component */
	--tui-background-tooltip: var(--tui-const-white);  /* @Deprecated: перенесли в группу component */
	--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12);  /* @Deprecated: перенесли в группу component */
	--tui-background-overlay-glass: var(--tui-const-white-alpha-30);  /* Оверлей стеклянных поверхностей */
	--tui-background-overlay-glass-hover: var(--tui-const-white-alpha-40);  /* Оверлей стеклянных поверхностей при наведении */
	--tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50);  /* Оверлей стеклянных поверхностей при нажатии */
	--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30);  /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
	--tui-background-overlay-glass-on-dark-hover: var(--tui-const-white-alpha-40);  /* Оверлей стеклянных поверхностей при наведении на темных фонах, не меняется при смене темы. */
	--tui-background-overlay-glass-on-dark-pressed: var(--tui-const-white-alpha-50);  /* Оверлей стеклянных поверхностей при нажатии на темных фонах, не меняется при смене темы. */
	--tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40);  /* Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы */
	--tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60);  /* Оверлей стеклянных поверхностей при нажатии на светлых фонах, не меняется при смене темы. */
	--tui-background-overlay-glass-on-light-hover: var(--tui-const-black-alpha-48);  /* Оверлей стеклянных поверхностей при наведении на светлых фонах, не меняется при смене темы. */
	--tui-background-overlay-glass-matte: var(--tui-const-black-lighter-13-alpha-80);  /* Оверлей матовых стеклянных поверхностей, не меняется при смене темы. */
	--tui-background-overlay-on-image: var(--tui-const-black-alpha-30);  /* Оверлей поверх изображений, не меняется от темы. */
	--tui-border-normal: var(--tui-const-white-alpha-15);  /* Бордеры и сепараторы на основных фонах */
	--tui-border-normal-pale: var(--tui-const-white-alpha-9);  /* Бледные бордеры и сепараторы на основных фонах */
	--tui-border-hover: var(--tui-const-white-alpha-20);  /* Только для веба. Бордеры при наведении */
	--tui-border-normal-opaque: var(--tui-const-black-lighter-25);  /* Бордеры и сепараторы на основных фонах без прозрачности */
	--tui-border-normal-opaque-hover: var(--tui-const-black-lighter-30);  /* Бордеры и сепараторы на основных фонах без прозрачности */
	--tui-border-normal-pale-opaque: var(--tui-const-black-lighter-20);  /* Бледные непрозрачные бордеры и сепараторы на основных фонах */
	--tui-border-normal-strong: var(--tui-const-white-alpha-40);  /* Бордеры и сепараторы на основных фонах */
	--tui-border-focus: var(--tui-const-white);  /* Только для веба. Бордеры при фокусировании с клавиатуры */
	--tui-border-focus-on-dark: var(--tui-const-white-alpha-30);  /* Только для веба. Бордеры при фокусировании с клавиатуры темных элементов */
	--tui-border-selected: var(--tui-const-yellow);  /* Обводка выделенных элементов */
	--tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-93);  /* Обводка выделенных элементов */
	--tui-border-darkmode-only: var(--tui-const-white-alpha-10);  /* Обводка, отделяющая цветные элементы от фона в темной теме */
	--tui-border-on-light: var(--tui-const-cool-gray-alpha-12);  /* Обводка, отделяющая цветные элементы от светлого фонов */
	--tui-border-on-light-hover: var(--tui-const-cool-gray-alpha-22);  /* Обводка, отделяющая цветные элементы на светлых фонах */
	--tui-border-on-dark: var(--tui-const-white-alpha-15);  /* Обводка, отделяющая цветные элементы на темных фонах */
	--tui-border-on-dark-hover: var(--tui-const-white-alpha-20);  /* Обводка, отделяющая цветные элементы на темных фонах при наведении */
	--tui-brand-element-t-ai-assistant: #BD9EFF;  /* Цвет Ai Assistant для текста и иконок */
	--tui-brand-element-t-ai-assistant-pale: #BD9EFF4D;  /* Цвет Ai Assistant для фонов и поверхностей */
	--tui-brand-element-t-insurance: #90E5DF;  /* Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры */
	--tui-brand-element-t-insurance-pale: #90E5DF4D;  /* Цвет Т-Страхования для фонов и поверхностей */
	--tui-brand-element-t-mobile: #8D80E3;  /* Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры */
	--tui-brand-element-t-mobile-pale: #8D80E34D;  /* Цвет Т-Мобайл для фонов и поверхностей */
	--tui-brand-element-t-business: #D4B788;  /* Цвет Т-Бизнес для акцентных элементов, таких как текст, иконки, бордеры */
	--tui-brand-element-t-business-pale: #D4B7884D;  /* Цвет Т-Бизнес для фонов и поверхностей */
	--tui-brand-element-t-invest: #D4D1D8;  /* Цвет Т-Инвестции для акцентных элементов, таких как текст, иконки, бордеры */
	--tui-brand-element-t-invest-pale: #D4D1D84D;  /* Цвет Т-Инвестции для фонов и поверхностей */
	--tui-brand-element-pro: #85E808;  /* Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры */
	--tui-brand-element-pro-pale: #85E8084D;  /* Цвет Pro для фонов и поверхностей */
	--tui-brand-element-ts-premium: #E6AC5A;  /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
	--tui-brand-element-ts-premium-pale: #E6AC5A4D;  /* Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры */
	--tui-brand-element-premium: #7DA4FF;  /* @Deprecated: Заменён на TS-Premium */
	--tui-brand-element-premium-pale: #7DA4FF4D;  /* @Deprecated: Заменён на TS-Premium pale */
	--tui-brand-element-private: #F5F5F7;  /* Цвет Private для акцентных элементов, таких как текст, иконки, бордеры */
	--tui-brand-element-private-pale: #F5F5F74D;  /* Цвет Private для фонов и поверхностей */
	--tui-brand-ts-premium: #E6AC5A;  /* Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium */
	--tui-brand-t-bank: #FFDD2D;  /* Фирменный цвет. Используется, например, в бейдже подписки Team */
	--tui-brand-pro: #85E808;  /* Цвет подписки Pro, для фонов кнопок, бейджей и т.д. */
	--tui-brand-pro-alt-1: #333333;  /* Дополнительный цвет подписки Pro. */
	--tui-brand-premium: #4972CF;  /* @Deprecated: Заменён на градиент TS-Premium */
	--tui-brand-premium-pressed: #3460CA;  /* @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние */
	--tui-brand-black: #333333;  /* Фирменный цвет T-Bank Black */
	--tui-brand-platinum: #747B8F;  /* Фирменный цвет T-Bank Platinum */
	--tui-brand-t-mobile: #5848C3;  /* Фирменный цвет Tinkoff Mobile */
	--tui-brand-t-mobile-alt-1: #BAB3EC;  /* Альтеранитивный фирменный цвет T-Mobile */
	--tui-brand-t-mobile-alt-2: #EDE8F6;  /* Альтеранитивный фирменный цвет T-Mobile */
	--tui-brand-all-airlines: #27BEFF;  /* Фирменный цвет All Airlines */
	--tui-brand-all-airlines-alt-1: #CBEFFF;  /* Бледный оттенок фирменного цвета All Airlines */
	--tui-brand-t-ai-assistant: #9A6BFF;  /* Фирменный цвет Ai Assistant */
	--tui-brand-t-insurance: #27AFA5;  /* Фирменный цвет Страхования */
	--tui-brand-t-business: #B58B60;  /* Фирменный цвет Бизнеса */
	--tui-brand-t-business-alt-1: #E4D7C1;  /* Фирменный цвет Бизнеса */
	--tui-brand-t-invest: #41414D;  /* Фирменный цвет Инвестиций */
	--tui-brand-private: #212121;  /* Фирменный цвет подписки Private */
	--tui-brand-private-alt-1: #A1A1B2;  /* Допольнительный цвет подписки Private */
	--tui-brand-mir-pay: #006848;  /* Цвет для кнопок Mir Pay */
	--tui-brand-t-insurance-alt-1: #D0F4F2;  /* Бледный оттенок фирменного цвета Страхования */
	--tui-brand-tinkoff: #FFDD2D;  /* @Deprecated: Заменён на t-bank */
	--tui-brand-tinkoff-pro: #AFF218;  /* @Deprecated: Заменён на t-pro */
	--tui-brand-tinkoff-premium: #4972CF;  /* @Deprecated: Заменён на t-premium */
	--tui-brand-tinkoff-black: #333333;  /* @Deprecated: Заменён на t-black */
	--tui-brand-tinkoff-platinum: #747B8F;  /* @Deprecated: Заменён на t-platinum */
	--tui-brand-tinkoff-mobile: #5848C3;  /* @Deprecated: Заменён на t-mobile */
	--tui-brand-tinkoff-mobile-alt-1: #BAB3EC;  /* @Deprecated: Заменён на t-mobile-alt-1 */
	--tui-brand-tinkoff-all-airlines: #27BEFF;  /* @Deprecated: Заменён на t-all-airlines */
	--tui-brand-tinkoff-all-airlines-alt-1: #CBEFFF;  /* @Deprecated: Заменён на t-all-airlines-alt-1 */
	--tui-brand-tinkoff-ai-assistant: #9A6BFF;  /* @Deprecated: Заменён на t-ai-assistant */
	--tui-brand-tinkoff-insurance: #27AFA5;  /* @Deprecated: Заменён на t-insurance */
	--tui-brand-tinkoff-business: #B58B60;  /* @Deprecated: Заменён на t-business */
	--tui-brand-tinkoff-business-alt-1: #E4D7C1;  /* @Deprecated: Заменён на t-business-alt-1 */
	--tui-brand-tinkoff-invest: #41414D;  /* @Deprecated: Заменён на t-invest */
	--tui-brand-tinkoff-private: #212121;  /* @Deprecated: Заменён на t-private */
	--tui-brand-tinkoff-insurance-pale: #D0F4F2;  /* @Deprecated: Заменён на t-insurance-alt-1 */
	--tui-brand-tinkoff-insurance-alt-1: #E1F9F7;  /* @Deprecated: Заменён на t-insurance-alt-1 */
	--tui-brand-t-all-airlines: var(--tui-brand-all-airlines);  /* @Deprecated: Заменён на all-airlines */
	--tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1);  /* @Deprecated: Заменён на all-airlines-alt-1 */
	--tui-brand-t-black: var(--tui-brand-black);  /* @Deprecated: Заменён на black */
	--tui-brand-t-platinum: var(--tui-brand-platinum);  /* @Deprecated: Заменён на platinum */
	--tui-brand-t-premium: var(--tui-brand-premium);  /* @Deprecated: Заменён на premium */
	--tui-brand-t-pro: var(--tui-brand-pro);  /* @Deprecated: Заменён на pro */
	--tui-brand-t-private: var(--tui-brand-private);  /* @Deprecated: Заменён на private */
	--tui-chart-state-positive-accent: var(--tui-const-green-lighter-42);  /* Основной цвет графиков с позитивным контекстом */
	--tui-chart-state-positive-pale: var(--tui-const-green-lighter-42-alpha-25);  /* Цвет графиков с позитивным контекстом когда данных недостаточно */
	--tui-chart-state-positive-prognosis: var(--tui-const-green-lighter-42-alpha-50);  /* Цвет графиков с позитивным контекстом для прогноза */
	--tui-chart-state-negative-accent: var(--tui-const-red-lighter-65);  /* Основной цвет графиков с негативным контекстом */
	--tui-chart-state-negative-pale: var(--tui-const-red-lighter-65-alpha-25);  /* Цвет графиков с негативным контекстом когда данных недостаточно */
	--tui-chart-state-negative-prognosis: var(--tui-const-red-lighter-65-alpha-50);  /* Цвет графиков с негативным контекстом для прогноза */
	--tui-chart-state-warning-accent: var(--tui-const-yellow-darker-54);  /* Основной цвет графиков с негативным контекстом */
	--tui-chart-state-warning-pale: var(--tui-const-yellow-darker-54-alpha-25);  /* Цвет графиков с негативным контекстом когда данных недостаточно */
	--tui-chart-state-warning-prognosis: var(--tui-const-yellow-darker-54-alpha-50);  /* Цвет графиков с негативным контекстом для прогноза */
	--tui-chart-series-primary-accent: var(--tui-const-blue-darker-70);  /* Основной акцентный цвет для графиков без контекста */
	--tui-chart-series-primary-accent-pale: var(--tui-const-blue-darker-70-alpha-25);  /* Основной акцентный цвет для графиков без контекста когда данных недостаточно */
	--tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-darker-70-alpha-50);  /* Основной акцентный цвет для графиков без контекста для прогноза */
	--tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-40);  /* Первый дополнительный акцентный цвет для графиков без контекста */
	--tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-40-alpha-25);  /* Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
	--tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-40-alpha-50);  /* Первый дополнительный акцентный цвет для графиков без контекста для прогноза */
	--tui-chart-series-additional2-accent: #B078FF;  /* Второй дополнительный акцентный цвет для графиков без контекста */
	--tui-chart-series-additional2-accent-pale: #B078FF40;  /* Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно */
	--tui-chart-series-additional2-accent-prognosis: #B078FF80;  /* Второй дополнительный акцентный цвет для графиков без контекста для прогноза */
	--tui-chart-gray-primary: var(--tui-const-cool-gray-lighter-97);  /* Основной серый цвет для графиков без контекста */
	--tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60);  /* Cерый цвет для графиков без контекста когда нет данных */
	--tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-36);  /* Cерый цвет для графиков без контекста  для прогноза */
	--tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-18);  /* Cерый цвет для графиков без контекста  для прогноза */
	--tui-chart-categorical-01: var(--tui-const-sea-blue);
	--tui-chart-categorical-02: var(--tui-const-purple-darker-72);
	--tui-chart-categorical-03: var(--tui-const-coral-darker-60);
	--tui-chart-categorical-04: var(--tui-const-turquoise);
	--tui-chart-categorical-05: var(--tui-const-orange);
	--tui-chart-categorical-06: var(--tui-const-purple);
	--tui-chart-categorical-07: var(--tui-const-green-darker-32);
	--tui-chart-categorical-08: var(--tui-const-blue-darker-70);
	--tui-chart-categorical-09: var(--tui-const-orange-darker-48);
	--tui-chart-categorical-10: var(--tui-const-purple-darker-56);
	--tui-chart-categorical-11: var(--tui-const-pink);
	--tui-chart-categorical-12: var(--tui-const-sea-blue-darker-48);
	--tui-chart-categorical-13: var(--tui-const-orange-darker-56);
	--tui-chart-categorical-14: var(--tui-const-purple-darker-60);
	--tui-chart-categorical-15: var(--tui-const-pink-darker-64);
	--tui-chart-categorical-16: var(--tui-const-emerald-darker-42);
	--tui-chart-categorical-17: var(--tui-const-coral);
	--tui-chart-categorical-18: var(--tui-const-purple-darker-48);
	--tui-chart-categorical-19: var(--tui-const-coral-darker-52);
	--tui-chart-categorical-20: var(--tui-const-emerald);
	--tui-chart-categorical-21: var(--tui-const-turquoise-darker-36);
	--tui-chart-categorical-22: var(--tui-const-pink-darker-60);
	--tui-chart-categorical-23: var(--tui-const-yellow-darker-60);
	--tui-chart-categorical-24: var(--tui-const-turquoise-darker-40);
	--tui-chart-categorical-25: var(--tui-const-green-lighter-64);
	--tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
	--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
	--tui-component-tab-bar-background-ios: #1A1A1DB3;  /* Цвет фона для имитации системного таббара iOS */
	--tui-component-input-background-autofill: var(--tui-const-yellow-darker-26);  /* @Deprecated: Заменён на service.autofill-background */
	--tui-component-progress-bar: var(--tui-const-white-alpha-15);  /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
	--tui-component-tooltip: var(--tui-const-white);  /* Фон для тултипов */
	--tui-component-badge-notification: var(--tui-const-red);  /* Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
	--tui-component-button-close-on-light: var(--tui-const-black-alpha-40);  /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
	--tui-component-button-vertical: var(--tui-const-blue-alpha-16);  /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
	--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-20);  /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
	--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24);  /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
	--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12);  /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
	--tui-const-yellow: #FFDD2D;  /* N9 */
	--tui-const-yellow-darker-88: #FFF5C2;
	--tui-const-yellow-darker-60: #FFCD33;  /* N9 pressed, hsL=60 */
	--tui-const-yellow-darker-54: #FAB619;  /* hsL=54 */
	--tui-const-yellow-darker-50: #FAA805;  /* hsL=50 */
	--tui-const-yellow-darker-48: #EF8007;  /* hsL=48 */
	--tui-const-yellow-darker-44: #DD9403;  /* hsL=44 */
	--tui-const-yellow-darker-38: #BF8003;  /* hsL=38 */
	--tui-const-yellow-darker-32: #806925;  /* hsL=32 */
	--tui-const-yellow-darker-26: #614F23;  /* hsL=26 */
	--tui-const-yellow-darker-20: #503C18;  /* hsL=20 */
	--tui-const-yellow-darker-54-alpha-30: #FAB6194D;  /* hsL=54, 30% opacity */
	--tui-const-yellow-darker-54-alpha-40: #FAB61966;  /* hsL=54, 40% opacity */
	--tui-const-yellow-darker-54-alpha-25: #F5970040;  /* hsL=54, 25% opacity */
	--tui-const-yellow-darker-54-alpha-50: #F5970080;  /* hsL=54, 50% opacity */
	--tui-const-yellow-alpha-14: #FFDD2D24;  /* 14% opacity */
	--tui-const-yellow-alpha-24: #FFDD2D3D;  /* 24% opacity */
	--tui-const-yellow-alpha-28: #FFDD2D47;  /* 28% opacity */
	--tui-const-yellow-alpha-30: #FFDD2D4D;  /* 30% opacity */
	--tui-const-yellow-alpha-32: #FFDD2D52;  /* 32% opacity */
	--tui-const-yellow-alpha-40: #FFDD2D66;  /* 40% opacity */
	--tui-const-yellow-alpha-48: #FFDD2D7A;  /* 48% opacity */
	--tui-const-green-lighter-64: #94D274;  /* hsL=64 */
	--tui-const-green-lighter-57: #60C366;  /* hsL=57 */
	--tui-const-green-lighter-48: #00F53C;  /* hsL=48 */
	--tui-const-green-lighter-44: #00E037;  /* hsL=44 */
	--tui-const-green-lighter-42: #00D635;  /* hsL=42 */
	--tui-const-green: #00B92D;  /* N11 */
	--tui-const-green-darker-32: #00A328;  /* hsL=32 */
	--tui-const-green-darker-28: #038C24;  /* hsL=28 */
	--tui-const-green-darker-21: #115B24;  /* hsL=21 */
	--tui-const-green-darker-18: #144823;
	--tui-const-green-alpha-16: #00B92D29;  /* 16% opacity */
	--tui-const-green-alpha-24: #00B92D3D;  /* 24% opacity */
	--tui-const-green-alpha-25: #00B92D40;  /* 25% opacity */
	--tui-const-green-alpha-32: #00B92D52;  /* 32% opacity */
	--tui-const-green-alpha-38: #00B92D61;  /* 38% opacity */
	--tui-const-green-alpha-44: #00B92D70;  /* 44% opacity */
	--tui-const-green-alpha-50: #00B92D80;  /* 50% opacity */
	--tui-const-green-lighter-42-alpha-25: #00D63540;  /* hsL=42, 25% opacity */
	--tui-const-green-lighter-42-alpha-30: #00D6354D;  /* hsL=42, 30% opacity */
	--tui-const-green-lighter-42-alpha-40: #00D63566;  /* hsL=42, 40% opacity */
	--tui-const-green-lighter-42-alpha-50: #00D63580;  /* hsL=42, 50% opacity */
	--tui-const-blue: #428BF9;  /* N8 */
	--tui-const-blue-lighter-70: #6BA4FA;  /* @Deprecated: Заменён на цвет blue-darker-70 */
	--tui-const-blue-darker-79: #97BFFC;  /* hsL=79 */
	--tui-const-blue-darker-74: #7FB0FB;  /* hsL=74 */
	--tui-const-blue-darker-72: #75AAFA;  /* hsL=72 */
	--tui-const-blue-darker-70: #66A3FF;  /* hsL=70 */
	--tui-const-blue-darker-66: #5798FA;  /* hsL=66 */
	--tui-const-blue-darker-52: #126DF7;  /* hsL=52 */
	--tui-const-blue-darker-46: #156ED4;  /* N8 pressed, hsL=46 */
	--tui-const-blue-darker-44: #165ECA;  /* hsL=44 */
	--tui-const-blue-darker-40: #1455B8;  /* hsL=40 */
	--tui-const-blue-darker-32: #2B4976;  /* hsL=32 */
	--tui-const-blue-darker-28: #2A4165;  /* hsL=28 */
	--tui-const-blue-darker-25: #263B5C;  /* hsL=25 */
	--tui-const-blue-darker-70-alpha-30: #66A3FF4D;  /* hsL=70, 30% opacity */
	--tui-const-blue-darker-70-alpha-40: #66A3FF66;  /* hsL=70, 40% opacity */
	--tui-const-blue-darker-70-alpha-25: #66A3FF40;  /* hsL=70, 25% opacity */
	--tui-const-blue-darker-70-alpha-50: #66A3FF80;  /* hsL=70, 50% opacity */
	--tui-const-blue-alpha-8: #428BF914;  /* 8% opacity */
	--tui-const-blue-alpha-12: #428BF91F;  /* 12% opacity */
	--tui-const-blue-alpha-16: #428BF929;  /* 16% opacity */
	--tui-const-blue-alpha-20: #428BF933;  /* 16% opacity */
	--tui-const-blue-alpha-24: #428BF93D;  /* 24% opacity */
	--tui-const-blue-alpha-25: #428BF940;  /* 25% opacity */
	--tui-const-blue-alpha-32: #428BF952;  /* 32% opacity */
	--tui-const-blue-alpha-38: #428BF961;  /* 38% opacity */
	--tui-const-blue-alpha-44: #428BF970;  /* 44% opacity */
	--tui-const-blue-alpha-50: #428BF980;  /* 50% opacity */
	--tui-const-blue-alpha-64: #428BF9A3;  /* 64% opacity */
	--tui-const-dark-blue-alpha-6: #244A7F0F;  /* 6% opacity */
	--tui-const-dark-blue-alpha-8: #244A7F14;  /* 8% opacity */
	--tui-const-dark-blue-alpha-9: #244A7F17;  /* 9% opacity */
	--tui-const-dark-blue-alpha-10: #244A7F1A;  /* 10% opacity */
	--tui-const-dark-blue-alpha-11: #244A7F1C;  /* 11% opacity */
	--tui-const-dark-blue-alpha-12: #244A7F1F;  /* 12% opacity */
	--tui-const-red-alpha-14: #F5222224;  /* 12% opacity */
	--tui-const-red-alpha-24: #F522223D;  /* 24% opacity */
	--tui-const-red-alpha-25: #F5222240;  /* 25% opacity */
	--tui-const-red-alpha-32: #F5222252;  /* 32% opacity */
	--tui-const-red-alpha-38: #F5222261;  /* 38% opacity */
	--tui-const-red-alpha-44: #F5222270;  /* 44% opacity */
	--tui-const-red-alpha-50: #F5222280;  /* 50% opacity */
	--tui-const-red-lighter-62: #F74646;  /* hsL=62 */
	--tui-const-red-lighter-65: #FF4D4D;  /* hsL=65 */
	--tui-const-red-lighter-68: #FF5C5C;  /* hsL=68 */
	--tui-const-red-lighter-70: #FF6666;  /* hsL=70 */
	--tui-const-red: #F52222;  /* N10 */
	--tui-const-red-darker-53: #DC3233;  /* hsL=53 */
	--tui-const-red-darker-50: #DA2526;  /* hsL=50 */
	--tui-const-red-darker-47: #CD2324;  /* hsL=47 */
	--tui-const-red-darker-32: #9C0707;  /* hsL=32 */
	--tui-const-red-darker-29: #731F20;  /* hsL=29 */
	--tui-const-red-darker-23: #591E20;  /* hsL=23 */
	--tui-const-red-dim-27: #5D2C2D;  /* hsL=27 */
	--tui-const-red-lighter-65-alpha-30: #FF4D4D4D;  /* hsL=65, 30% opacity */
	--tui-const-red-lighter-65-alpha-40: #FF4D4D66;  /* hsL=65, 40% opacity */
	--tui-const-red-lighter-65-alpha-25: #F5222240;  /* hsL=65, 25% opacity */
	--tui-const-red-lighter-65-alpha-50: #F5222280;  /* hsL=65, 50% opacity */
	--tui-const-white: #FFFFFF;  /* N14 */
	--tui-const-white-96: #FFFFFFF2;  /* @Deprecated: Заменён на цвет white-alpha-96 */
	--tui-const-white-90: #FFFFFFE6;  /* @Deprecated: Заменён на цвет white-alpha-90 */
	--tui-const-white-80: #FFFFFFCC;  /* @Deprecated: Заменён на цвет white-alpha-90 */
	--tui-const-white-70: #FFFFFFB3;  /* @Deprecated: Заменён на цвет white-alpha-70 */
	--tui-const-white-60: #FFFFFF99;  /* @Deprecated: Заменён на цвет white-alpha-60 */
	--tui-const-white-50: #FFFFFF80;  /* @Deprecated: Заменён на цвет white-alpha-50 */
	--tui-const-white-40: #FFFFFF66;  /* @Deprecated: Заменён на цвет white-alpha-40 */
	--tui-const-white-30: #FFFFFF4D;  /* @Deprecated: Заменён на цвет white-alpha-30 */
	--tui-const-white-20: #FFFFFF33;  /* @Deprecated: Заменён на цвет white-alpha-20 */
	--tui-const-white-15: #FFFFFF26;  /* @Deprecated: Заменён на цвет white-alpha-15 */
	--tui-const-white-10: #FFFFFF1A;  /* @Deprecated: Заменён на цвет white-alpha-10 */
	--tui-const-black: #000000;  /* Бывший N15 */
	--tui-const-black-90: #000000E6;  /* @Deprecated: Заменён на цвет black-alpha-90 */
	--tui-const-black-80: #000000CC;  /* @Deprecated: Заменён на цвет black-alpha-80 */
	--tui-const-black-70: #000000B3;  /* @Deprecated: Заменён на цвет black-alpha-70 */
	--tui-const-black-60: #00000099;  /* @Deprecated: Заменён на цвет black-alpha-60 */
	--tui-const-black-48: #0000007A;  /* @Deprecated: Заменён на цвет black-alpha-48 */
	--tui-const-black-40: #00000066;  /* @Deprecated: Заменён на цвет black-alpha-40 */
	--tui-const-black-30: #0000004D;  /* @Deprecated: Заменён на цвет black-alpha-30 */
	--tui-const-black-21: #00000036;  /* @Deprecated: Заменён на цвет black-alpha-21 */
	--tui-const-black-12: #0000001F;  /* @Deprecated: Заменён на цвет black-alpha-12 */
	--tui-const-black-6: #00000014;  /* @Deprecated: Заменён на цвет black-alpha-6 */
	--tui-const-black-3: #00000008;  /* @Deprecated: Заменён на цвет black-alpha-3 */
	--tui-const-gray-93: #121212;  /* @Deprecated: Заменён на цвет color.const.black-lighter-7 */
	--tui-const-gray-89: #1C1C1E;  /* @Deprecated: Заменён на цвет color.const.cool-gray-lighter-11 */
	--tui-const-gray-83: #2C2C2E;  /* @Deprecated: Заменён на цвет color.const.cool-gray-lighter-18 */
	--tui-const-gray-80: #333333;  /* @Deprecated: Заменён на цвет color.const.black-lighter-20 */
	--tui-const-gray-64: #575B61;  /* @Deprecated: Заменён на цвет color.const.cool-gray-lighter-36 */
	--tui-const-gray-40: #9299A2;  /* @Deprecated: Заменён на цвет color.const.cool-gray-lighter-60 */
	--tui-const-gray-21: #C7C9CC;  /* @Deprecated: Заменён на цвет color.const.cool-gray-lighter-79 */
	--tui-const-gray-13: #DDDFE0;  /* @Deprecated: Заменён на цвет color.const.cool-gray-lighter-87 */
	--tui-const-gray-8: #EAECEE;  /* @Deprecated: Заменён на цвет color.const.cool-gray-lighter-93 */
	--tui-const-gray-3: #F6F7F8;  /* @Deprecated: Заменён на цвет color.const.cool-gray-lighter-97 */
	--tui-const-cool-gray-56: #0010248F;  /* @Deprecated: Заменён на цвет color.const.cool-gray-alpha-56 */
	--tui-const-cool-gray-44: #00102470;  /* @Deprecated: Заменён на цвет color.const.cool-gray-alpha-44 */
	--tui-const-cool-gray-22: #00102438;  /* @Deprecated: Заменён на цвет color.const.cool-gray-alpha-22 */
	--tui-const-cool-gray-12: #0010241F;  /* @Deprecated: Заменён на цвет color.const.cool-gray-alpha-12 */
	--tui-const-cool-gray-6: #0010240F;  /* @Deprecated: Заменён на цвет color.const.cool-gray-alpha-6 */
	--tui-const-cool-gray-3: #00102408;  /* @Deprecated: Заменён на цвет color.const.cool-gray-alpha-3 */
	--tui-const-clear: #00000000;
	--tui-const-red-clear: #F522223D;  /* @Deprecated: Заменён на цвет red-alpha-24 */
	--tui-const-red-clear-light: #F522221F;  /* @Deprecated: Заменён на цвет red-alpha-14 */
	--tui-const-blue-dark: #156ED4;  /* @Deprecated: Заменён на цвет blue-darker-46 */
	--tui-const-blue-clear: #428BF93D;  /* @Deprecated: Заменён на цвет blue-alpha-24 */
	--tui-const-blue-clear-light: #428BF91F;  /* @Deprecated: Заменён на цвет blue-alpha-12 */
	--tui-const-green-clear: #00B92D3D;  /* @Deprecated: Заменён на цвет green-alpha-24 */
	--tui-const-green-clear-light: #00B92D1F;  /* @Deprecated: Заменён на цвет green-alpha-16 */
	--tui-const-yellow-darker: #FAB619;  /* @Deprecated: Заменён на цвет yellow-darker-54 */
	--tui-const-yellow-dark: #FFCD33;  /* @Deprecated: Заменён на цвет yellow-darker-60 */
	--tui-const-yellow-clear-light: #FFDD2D24;  /* @Deprecated: Заменён на цвет yellow-alpha-14 */
	--tui-const-yellow-clear: #FFDD2D3D;  /* @Deprecated: Заменён на цвет yellow-alpha-24 */
	--tui-const-black-alpha-90: #000000E6;  /* 90% opacity */
	--tui-const-black-alpha-80: #000000CC;  /* 80% opacity */
	--tui-const-black-alpha-70: #000000B3;  /* 70% opacity */
	--tui-const-black-alpha-60: #00000099;  /* 60% opacity */
	--tui-const-black-alpha-54: #0000008A;  /* 54% opacity */
	--tui-const-black-alpha-50: #00000080;  /* 50% opacity */
	--tui-const-black-alpha-48: #0000007A;  /* 48% opacity */
	--tui-const-black-alpha-40: #00000066;  /* 40% opacity */
	--tui-const-black-alpha-32: #00000052;  /* 32% opacity */
	--tui-const-black-alpha-30: #0000004D;  /* 30% opacity */
	--tui-const-black-alpha-24: #0000003D;  /* 24% opacity */
	--tui-const-black-alpha-21: #00000036;  /* 21% opacity */
	--tui-const-black-alpha-18: #0000002E;  /* 18% opacity */
	--tui-const-black-alpha-16: #00000029;  /* 16% opacity */
	--tui-const-black-alpha-14: #00000024;  /* 14% opacity */
	--tui-const-black-alpha-12: #0000001F;  /* 12% opacity */
	--tui-const-black-alpha-10: #0000001A;  /* 10% opacity */
	--tui-const-black-alpha-7: #00000012;  /* 7% opacity */
	--tui-const-black-alpha-6: #0000000f;  /* 6% opacity */
	--tui-const-black-alpha-4: #0000000A;  /* 4% opacity */
	--tui-const-black-alpha-3: #00000008;  /* 3% opacity */
	--tui-const-white-alpha-96: #FFFFFFF5;  /* 96% opacity */
	--tui-const-white-alpha-90: #FFFFFFE6;  /* 90% opacity */
	--tui-const-white-alpha-80: #FFFFFFCC;  /* 80% opacity */
	--tui-const-white-alpha-70: #FFFFFFB3;  /* 70% opacity */
	--tui-const-white-alpha-60: #FFFFFF99;  /* 60% opacity */
	--tui-const-white-alpha-50: #FFFFFF80;  /* 50% opacity */
	--tui-const-white-alpha-40: #FFFFFF66;  /* 40% opacity */
	--tui-const-white-alpha-30: #FFFFFF4D;  /* 30% opacity */
	--tui-const-white-alpha-25: #FFFFFF40;  /* 25% opacity */
	--tui-const-white-alpha-20: #FFFFFF33;  /* 20% opacity */
	--tui-const-white-alpha-19: #FFFFFF30;  /* 19% opacity */
	--tui-const-white-alpha-16: #FFFFFF29;  /* 16% opacity */
	--tui-const-white-alpha-15: #FFFFFF26;  /* 15% opacity */
	--tui-const-white-alpha-13: #ffffff21;  /* 13% opacity */
	--tui-const-white-alpha-11: #FFFFFF1C;  /* 11% opacity */
	--tui-const-white-alpha-10: #FFFFFF1A;  /* 10% opacity */
	--tui-const-white-alpha-9: #FFFFFF17;  /* 9% opacity */
	--tui-const-white-alpha-6: #ffffff0F;  /* 6% opacity */
	--tui-const-black-lighter-7: #121212;  /* N17 */
	--tui-const-black-lighter-13: #202020;
	--tui-const-cool-gray-lighter-11: #1C1C1E;  /* N16 */
	--tui-const-cool-gray-lighter-15: #252527;
	--tui-const-cool-gray-lighter-18: #2C2C2E;  /* N18 */
	--tui-const-cool-gray-lighter-51: #79818C;
	--tui-const-cool-gray-lighter-61: #959BA4;
	--tui-const-black-lighter-16: #292929;
	--tui-const-black-lighter-19: #303030;
	--tui-const-black-lighter-20: #333333;  /* N1 */
	--tui-const-black-lighter-22: #383838;
	--tui-const-black-lighter-25: #414141;
	--tui-const-black-lighter-30: #4D4D4D;
	--tui-const-black-lighter-32: #525252;
	--tui-const-black-lighter-55: #8C8C8C;
	--tui-const-black-lighter-60: #999999;
	--tui-const-black-lighter-79: #C9C9C9;
	--tui-const-black-lighter-92: #ECECEC;
	--tui-const-black-lighter-13-alpha-80: #202020CC;
	--tui-const-cool-gray-lighter-36: #575B61;
	--tui-const-cool-gray-lighter-55: #838B95;
	--tui-const-cool-gray-lighter-60: #9299A2;  /* N3 */
	--tui-const-cool-gray-lighter-79: #C7C9CC;  /* N4 */
	--tui-const-cool-gray-lighter-85: #C7CBCF;
	--tui-const-cool-gray-lighter-87: #DDDFE0;  /* N5 */
	--tui-const-cool-gray-lighter-90: #E1E3E4;
	--tui-const-cool-gray-lighter-93: #EAECEE;  /* N6 */
	--tui-const-cool-gray-lighter-94: #EDEFF2;
	--tui-const-cool-gray-lighter-96: #F2F4F7;  /* N7 */
	--tui-const-cool-gray-lighter-97: #F6F7F8;  /* N7 */
	--tui-const-cool-gray-alpha-56: #0010248F;  /* 56% opacity */
	--tui-const-cool-gray-alpha-44: #00102470;  /* 44% opacity */
	--tui-const-cool-gray-alpha-22: #00102438;  /* 22% opacity */
	--tui-const-cool-gray-alpha-32: #00102452;  /* 32% opacity */
	--tui-const-cool-gray-alpha-18: #0010242E;  /* 18% opacity */
	--tui-const-cool-gray-alpha-12: #0010241F;  /* 12% opacity */
	--tui-const-cool-gray-alpha-8: #00102414;  /* 8% opacity */
	--tui-const-cool-gray-alpha-7: #00102412;  /* 7% opacity */
	--tui-const-cool-gray-alpha-6: #0010240F;  /* 6% opacity */
	--tui-const-cool-gray-alpha-5: #0010240D;  /* 5% opacity */
	--tui-const-cool-gray-alpha-3: #00102408;  /* 3% opacity */
	--tui-const-purple: #D08FFF;
	--tui-const-purple-darker-72: #C277F8;  /* hsL=72 */
	--tui-const-purple-darker-60: #AB6AC8;  /* hsL=60 */
	--tui-const-purple-darker-56: #A25BC3;  /* hsL=56 */
	--tui-const-purple-darker-48: #8B4EA6;  /* hsL=48 */
	--tui-const-pink: #FF7A91;
	--tui-const-pink-darker-64: #F6516C;  /* hsL=64 */
	--tui-const-pink-darker-60: #F53D5C;  /* hsL=60 */
	--tui-const-orange: #FFB74C;
	--tui-const-orange-darker-56: #FFA51F;  /* hsL=56 */
	--tui-const-orange-darker-48: #F59200;  /* hsL=48 */
	--tui-const-orange-darker-48-alpha-25: #F5920040;  /* hsL=48, 25% opacity */
	--tui-const-orange-darker-48-alpha-50: #F5920080;  /* hsL=48, 50% opacity */
	--tui-const-coral: #FF6347;
	--tui-const-coral-darker-60: #F5593D;  /* hsL=60 */
	--tui-const-coral-darker-52: #E74023;  /* hsL=52 */
	--tui-const-emerald: #36C578;
	--tui-const-emerald-darker-42: #2EA866;  /* hsL=42 */
	--tui-const-sea-blue: #2ABBF4;
	--tui-const-sea-blue-darker-48: #0B9CD5;  /* hsL=42 */
	--tui-const-sea-blue-lighter-66: #5ACAF6;
	--tui-const-turquoise: #0BD5C1;
	--tui-const-turquoise-darker-40: #0AC2AF;  /* hsL=40 */
	--tui-const-turquoise-darker-40-alpha-25: #0AC2AF40;  /* hsL=40, 25% opacity */
	--tui-const-turquoise-darker-40-alpha-50: #0AC2AF40;  /* hsL=40, 50% opacity */
	--tui-const-turquoise-darker-36: #09AE9E;  /* hsL=36 */
	--tui-const-turquoise-darker-36-alpha-25: #09AE9E40;  /* hsL=36, 25% opacity */
	--tui-const-turquoise-darker-36-alpha-50: #09AE9E80;  /* hsL=36, 50% opacity */
	--tui-feed-category-neutral: #90ADBF;  /* Для ленты операций в МБ */
	--tui-feed-category-neutral-pale: #2E3036;  /* Для ленты операций в МБ */
	--tui-foreground-neutral-accent: var(--tui-const-white-alpha-50);  /* @Deprecated: Перенесен в группу status */
	--tui-foreground-positive-accent: var(--tui-const-green);  /* @Deprecated: Перенесен в группу status */
	--tui-foreground-warning-accent: var(--tui-const-yellow-darker-60);  /* @Deprecated: Перенесен в группу status */
	--tui-foreground-negative-accent: var(--tui-const-red);  /* @Deprecated: Перенесен в группу status */
	--tui-foreground-info-accent: var(--tui-const-blue);  /* @Deprecated: Перенесен в группу status */
	--tui-foreground-on-light: var(--tui-const-black);  /* @Deprecated: Заменен на accent-on-dark */
	--tui-foreground-on-dark: var(--tui-const-white);  /* @Deprecated: Заменен на accent-on-dark */
	--tui-foreground-brand-tinkoff-accent: var(--tui-const-yellow);  /* @Deprecated: Перенесен в отдельную группу */
	--tui-foreground-skeleton: var(--tui-const-white-alpha-10);  /* @Deprecated: Перенесен в отдельную группу */
	--tui-foreground-separator: var(--tui-const-white-alpha-20);  /* @Deprecated: Перенесен в отдельную группу */
	--tui-foreground-border-darkmode: var(--tui-const-white-alpha-10);  /* @Deprecated: Перенесен в отдельную группу */
	--tui-foreground-border-on-light: var(--tui-const-black-alpha-3);  /* @Deprecated: Перенесен в отдельную группу */
	--tui-foreground-border-on-dark: var(--tui-const-white-alpha-10);  /* @Deprecated: Перенесен в отдельную группу */
	--tui-icon-pressed: var(--tui-const-white-alpha-90);  /* @Deprecated: Для иконок используем цвета из группы text */
	--tui-icon-hover: var(--tui-const-white-alpha-70);  /* @Deprecated: Для иконок используем цвета из группы text */
	--tui-icon-normal: var(--tui-const-white-alpha-50);  /* @Deprecated: Для иконок используем цвета из группы text */
	--tui-icon-action: var(--tui-const-blue-darker-70);  /* @Deprecated: Для иконок используем цвета из группы text */
	--tui-icon-action-hover: var(--tui-const-blue);  /* @Deprecated: Для иконок используем цвета из группы text */
	--tui-icon-action-pressed: var(--tui-const-blue-darker-52);  /* @Deprecated: Для иконок используем цвета из группы text */
	--tui-icon-on-dark: var(--tui-const-white);  /* @Deprecated: Для иконок используем цвета из группы text */
	--tui-service-autofill-background: var(--tui-const-yellow-darker-26);  /* Цвет фона при автозаполнении форм */
	--tui-service-skeleton: var(--tui-const-white-alpha-10);  /* Цвет для шиммеров, отображаемых при загрузке экрана */
	--tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15);  /* Скелетон на темном фоне, не меняется при переключении темы */
	--tui-service-selected-text: var(--tui-const-blue-alpha-24);  /* @Deprecated: Заменён на service.selection-background */
	--tui-service-selection-background: var(--tui-const-blue-alpha-24);  /* Фон при выделении текста и изображений */
	--tui-service-highlight-background: var(--tui-const-yellow-alpha-32);  /* Фон под выделенным текстом */
	--tui-service-backdrop: var(--tui-const-black-alpha-70);  /* Затемнение на фоне модальных окон и шторок */
	--tui-service-underline: var(--tui-const-blue-darker-70);  /* Подчеркивание для ссылок */
	--tui-service-underline-hover: var(--tui-const-blue-darker-74);  /* Подчеркивание для ссылок */
	--tui-service-underline-pressed: var(--tui-const-blue-darker-46);  /* Подчеркивание для ссылок */
	--tui-service-underline-grayscale: var(--tui-const-white-alpha-50);  /* Подчеркивание для монохромных ссылок */
	--tui-service-underline-grayscale-hover: var(--tui-const-white-alpha-90);  /* Подчеркивание для монохромных ссылок */
	--tui-service-underline-grayscale-pressed: var(--tui-const-white-alpha-50);  /* Подчеркивание для монохромных ссылок */
	--tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50);  /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
	--tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white);  /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
	--tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50);  /* Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы */
	--tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32);  /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
	--tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-80);  /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
	--tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40);  /* Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы */
	--tui-service-underline-monochrome: var(--tui-const-white-alpha-50);  /* @Deprecated: Заменён на цвет underline-grayscale */
	--tui-service-underline-on-dark: var(--tui-const-white-alpha-50);  /* @Deprecated: Заменён на цвет underline-grayscale-on-dark */
	--tui-service-link-visited: var(--tui-const-purple);  /* Цвет для ссылок, открывшихся в прошлом */
	--tui-service-link-on-dark-visited: var(--tui-const-purple);  /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
	--tui-service-link-on-light-visited: var(--tui-const-purple-darker-48);  /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
	--tui-status-warning: var(--tui-const-yellow-darker-50);  /* Акцентный цвет для предупреждающих блоков */
	--tui-status-warning-pale: var(--tui-const-yellow-darker-54-alpha-30);  /* Контейнеры предупреждающих блоков */
	--tui-status-warning-pale-hover: var(--tui-const-yellow-darker-54-alpha-40);  /* Только для веба. Контейнеры предупреждающих блоков при наведении */
	--tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-54-alpha-40);  /* Нажатое состояние контейнера предупреждающих блоков */
	--tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24);  /* Контейнеры предупреждающих блоков на тёмных фонах */
	--tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28);  /* Контейнеры предупреждающих блоков на тёмных фонах */
	--tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32);  /* Контейнеры предупреждающих блоков на тёмных фонах */
	--tui-status-positive: var(--tui-const-green-darker-28);  /* Акцентный цвет для позитивных блоков */
	--tui-status-positive-pale: var(--tui-const-green-lighter-42-alpha-30);  /* Контейнеры позитивных блоков */
	--tui-status-positive-pale-hover: var(--tui-const-green-lighter-42-alpha-40);  /* Только для веба. Контейнеры позитивных блоков при наведении */
	--tui-status-positive-pale-pressed: var(--tui-const-green-lighter-42-alpha-40);  /* Нажатое состояние positive-pale */
	--tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32);  /* Контейнеры позитивных блоков на тёмных фонах, не меняются от темы */
	--tui-status-positive-pale-on-dark-hover: var(--tui-const-green-alpha-38);  /* Только для веба. Контейнеры позитивных блоков на тёмных фонах при наведении */
	--tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44);  /* Нажатое состояние positive-on-dark */
	--tui-status-negative: var(--tui-const-red-darker-47);  /* Акцентный цвет для негативных блоков */
	--tui-status-negative-hover: var(--tui-const-red-darker-50);  /* Акцентный цвет для негативных блоков при наведении */
	--tui-status-negative-pressed: var(--tui-const-red-darker-53);  /* Акцентный цвет для негативных блоков при нажатии */
	--tui-status-negative-pale: var(--tui-const-red-lighter-65-alpha-30);  /* Контейнеры негативных блоков */
	--tui-status-negative-pale-hover: var(--tui-const-red-lighter-65-alpha-40);  /* Только для веба. Контейнеры негативных блоков при наведении */
	--tui-status-negative-pale-pressed: var(--tui-const-red-lighter-65-alpha-40);  /* Нажатое состояние negative-pale */
	--tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32);  /* Контейнеры негативных блоков на тёмных фонах */
	--tui-status-negative-pale-on-dark-hover: var(--tui-const-red-alpha-38);  /* Только для веба. Контейнеры негативных блоков на тёмных фонах при наведении */
	--tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44);  /* Нажатое состояние negative-pale-on-dark */
	--tui-status-info: var(--tui-const-blue-darker-46);  /* Акцентный цвет для информационных блоков */
	--tui-status-info-pale: var(--tui-const-blue-darker-70-alpha-30);  /* Контейнеры информационных блоков */
	--tui-status-info-pale-hover: var(--tui-const-blue-darker-70-alpha-40);  /* Только для веба. Контейнеры информационных блоков при наведении */
	--tui-status-info-pale-pressed: var(--tui-const-blue-darker-70-alpha-40);  /* Контейнеры информационных блоков при нажатии */
	--tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32);  /* Контейнеры информационных блоков на тёмных фонах */
	--tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38);  /* Контейнеры информационных блоков на тёмных фонах */
	--tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44);  /* Контейнеры информационных блоков на тёмных фонах */
	--tui-status-neutral: var(--tui-const-cool-gray-lighter-61);  /* Акцентный цвет для нейтральных фонах */
	--tui-status-neutral-pale: var(--tui-const-white-alpha-15);  /* Фоновый контейнер нейтральных статусных блоков */
	--tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25);  /* Фоновый контейнер нейтральных статусных блоков при наведении */
	--tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30);  /* Фоновый контейнер нейтральных статусных блоков при нажатии */
	--tui-support-support-01: #00BEE0;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-02: #9887F1;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-03: #F94D4D;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-04: #34BFB1;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-05: #FFAD5C;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-06: #929DED;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-07: #45AD2D;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-08: #3392DB;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-09: #DF8400;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-10: #AE59D4;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-11: #FD7171;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-12: #52BBE1;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-13: #FE9B4B;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-14: #BF69F1;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-15: #EC4D6B;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-16: #3DAF69;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-17: #FF7047;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-18: #994ABD;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-19: #DD4444;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-20: #36C578;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-21: #1DACA4;  /* @Deprecated: Замена на семантические цвета */
	--tui-support-support-22: #F14789;  /* @Deprecated: Замена на семантические цвета */
	--tui-text-primary: var(--tui-const-white-alpha-90);  /* Основной текст и иконки фонах base, elevation, neutral */
	--tui-text-primary-hover: var(--tui-const-white-alpha-70);  /* Основной текст и иконки фонах base, elevation, neutral при наведении */
	--tui-text-primary-pressed: var(--tui-const-white-alpha-50);  /* Основной текст и иконки фонах base, elevation, neutral при нажатии */
	--tui-text-primary-on-light: var(--tui-const-black-alpha-80);  /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
	--tui-text-primary-on-light-hover: var(--tui-const-black-alpha-50);  /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
	--tui-text-primary-on-light-pressed: var(--tui-const-black-alpha-40);  /* Основной текст и иконки на светлых фонах, не меняется при смене темы */
	--tui-text-primary-on-dark: var(--tui-const-white);  /* Основной текст и иконки темных фонах. Не меняется при смене темы */
	--tui-text-primary-on-dark-hover: var(--tui-const-white-alpha-70);  /* Основной текст и иконки темных фонах. Не меняется при смене темы */
	--tui-text-primary-on-dark-pressed: var(--tui-const-white-alpha-50);  /* Основной текст и иконки темных фонах. Не меняется при смене темы */
	--tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20);  /* Текст и иконки на фонах t-bank */
	--tui-text-primary-on-opposite: var(--tui-const-black);  /* Текст и иконки фоне opposite */
	--tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20);  /* Текст и иконки фоне accent-1 */
	--tui-text-primary-on-accent-2: var(--tui-const-white);  /* Текст и иконки фоне accent-2 */
	--tui-text-secondary: var(--tui-const-white-alpha-70);  /* Второстепенный текст на фонах base, elevation, neutral */
	--tui-text-secondary-hover: var(--tui-const-white-alpha-80);  /* Второстепенный текст на фонах base, elevation, neutral при наведении */
	--tui-text-secondary-pressed: var(--tui-const-white-alpha-96);  /* Второстепенный текст на фонах base, elevation, neutral при нажатии */
	--tui-text-secondary-on-light: var(--tui-const-black-alpha-48);  /* Второстепенный текст на светлых фонах, не меняется при смене темы */
	--tui-text-secondary-on-dark: var(--tui-const-white-alpha-70);  /* Второстепенный текст на темных фонах, не меняется при смене темы */
	--tui-text-tertiary: var(--tui-const-white-alpha-50);  /* Лейблы задизейбленных кнопок, дисклеймеры */
	--tui-text-tertiary-hover: var(--tui-const-white-alpha-70);  /* Лейблы задизейбленных кнопок, дисклеймеры при наведении */
	--tui-text-tertiary-pressed: var(--tui-const-white-alpha-80);  /* Лейблы задизейбленных кнопок, дисклеймеры, дисклеймеры при нажатии */
	--tui-text-tertiary-on-light: var(--tui-const-black-alpha-40);  /* Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы */
	--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-50);  /* Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы */
	--tui-text-action: var(--tui-const-blue-darker-70);  /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
	--tui-text-action-hover: var(--tui-const-blue-darker-74);  /* Только для веба. Состояние текста при наведении */
	--tui-text-action-pressed: var(--tui-const-blue-darker-40);  /* Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed */
	--tui-text-action-on-dark: var(--tui-const-blue-darker-72);  /* Текст и иконки интерактивного текста на тёмных фонах */
	--tui-text-accent: var(--tui-const-blue);  /* @Deprecated: Заменён на цвет action */
	--tui-text-accent-pressed: var(--tui-const-blue-darker-46);  /* @Deprecated: Заменён на цвет action-pressed */
	--tui-text-engaging: var(--tui-const-blue);  /* @Deprecated: Заменён на цвет accent */
	--tui-text-engaging-pressed: var(--tui-const-blue-darker-46);  /* @Deprecated: Заменён на цвет accent-pressed */
	--tui-text-positive: var(--tui-const-green-lighter-44);  /* Текст позитивного лейбла, например пополнение счета или рост цены акций */
	--tui-text-positive-hover: var(--tui-const-green-lighter-48);  /* Только для веба. Текст позитивного лейбла при нажатии */
	--tui-text-positive-on-dark: var(--tui-const-green-lighter-44);  /* Текст позитивного лейбла на тёмном фоне, например пополнение счета или рост цены акций */
	--tui-text-negative: var(--tui-const-red-lighter-65);  /* Текст негативного лейбла, например падение цены акций или ошибка */
	--tui-text-negative-hover: var(--tui-const-red-lighter-68);  /* Только для веба. Текст негативного лейбла при наведении на вебе */
	--tui-text-negative-on-dark: var(--tui-const-red-lighter-70);  /* Текст негативного лейбла на тёмном фоне, например падение цены акций или ошибка */
	--tui-text-warning: var(--tui-const-yellow-darker-54);  /* Предупреждающие текст и иконки */
	--tui-text-warning-hover: var(--tui-const-yellow-darker-60);  /* Предупреждающие текст и иконки при наведении на вебе */
	--tui-text-warning-on-dark: var(--tui-const-yellow-darker-54);  /* Предупреждающие текст и иконки на тёмных фонах */
	--tui-text-primary-on-tinkoff: var(--tui-const-black-lighter-20);  /* @Deprecated: Заменён на цвет primary-on-t-bank */
}