@taiga-ui/design-tokens 0.60.0

package/palette/mobile/dark.css

@@ -0,0 +1,389 @@
+/* stylelint-disable */
+/* prettier-ignore */
+/**
+ * @description:
+ * DO NOT CHANGE THIS FILE. AUTOGENERATED.
+ */
+:root {
+	--tui-background-base: var(--tui-const-black);  /* Основной фон приложений. Отличается на iOS, Android и Desktop */
+	--tui-background-base-alt: var(--tui-const-black-lighter-20);  /* Альтернативный основной фон */
+	--tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11);  /* Фон шторок, модальных экранов и карточек, лежащих на фонe base */
+	--tui-background-elevation-2: var(--tui-const-cool-gray-lighter-18);  /* Фон карточек, лежащих на фонe elevation-1 */
+	--tui-background-elevation-3: var(--tui-const-black-lighter-20);  /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
+	--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-11);  /* Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме */
+	--tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-18);  /* Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме */
+	--tui-background-neutral-1-pressed: var(--tui-const-white-alpha-15);  /* Нажатое состояние элементов с фоном neutral-1 */
+	--tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6);  /* Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы */
+	--tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15);  /* Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы */
+	--tui-background-neutral-2: var(--tui-const-white-alpha-15);  /* Прозрачные контейнеры маленьких размеров */
+	--tui-background-neutral-2-pressed: var(--tui-const-white-alpha-20);  /* Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом 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);  /* @Deprecated: Изменен на neutral-1-pressed-on-dark */
+	--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-28);  /* @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-pressed: var(--tui-const-yellow-darker-60);  /* Фоны акцентных кнопок, бейджей и т.д. при нажатии */
+	--tui-background-accent-2: var(--tui-const-blue);  /* Фоны акцентных кнопок, бейджей и т.д. */
+	--tui-background-accent-2-pressed: var(--tui-const-blue-darker-52);  /* Фоны акцентных кнопок, бейджей и т.д. */
+	--tui-background-accent-opposite: var(--tui-const-white);  /* Фон, противоположный base: в белой теме — черный, в темной теме — белый */
+	--tui-background-accent-opposite-pressed: var(--tui-const-cool-gray-lighter-97);  /* Фон, противоположный base при нажатии: в белой теме — черный, в темной теме — белый */
+	--tui-background-accent-on-light: var(--tui-const-black);  /* Контрастные контейнеры на светлых фонах, не меняется при смене темы */
+	--tui-background-accent-on-light-pressed: var(--tui-const-black-lighter-16);  /* Контрастные контейнеры при нажатии на светлых фонах, не меняется при смене темы. */
+	--tui-background-accent-on-dark: var(--tui-const-white);  /* Контрастные контейнеры на темных фонах, не меняется при смене темы */
+	--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97);  /* Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. */
+	--tui-background-button-close-on-light: var(--tui-const-black-alpha-40);  /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
+	--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);  /* Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
+	--tui-background-toggle: var(--tui-const-white-alpha-20);  /* @Deprecated: Заменен на background.neutral-2 */
+	--tui-background-button-vertical: var(--tui-const-blue-alpha-16);  /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
+	--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24);  /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
+	--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);  /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
+	--tui-background-tooltip: var(--tui-const-cool-gray-lighter-51);  /* Фон для тултипов */
+	--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12);  /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
+	--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30);  /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
+	--tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40);  /* Оверлей стеклянных поверхностей на cветлых фонах, не меняется при смене темы */
+	--tui-border-normal: var(--tui-const-white-alpha-20);  /* Бордеры и сепараторы на основных фонах */
+	--tui-border-selected: var(--tui-const-blue);  /* Обводка выделенных элементов */
+	--tui-border-darkmode-only: var(--tui-const-white-alpha-10);  /* Обводка, отделяющая цветные элементы от фона в темной теме */
+	--tui-border-on-light: var(--tui-const-black-alpha-3);  /* Обводка, отделяющая цветные элементы от светлого фонов */
+	--tui-border-on-dark: var(--tui-const-white-alpha-10);  /* Обводка, отделяющая цветные элементы от темных фонов */
+	--tui-brand-tinkoff: #FFDD2D;  /* Фирменный цвет. Используется, например, в бейдже подписки Team */
+	--tui-brand-tinkoff-pro: #AFF218;  /* Цвет подписки Tinkoff PRO. для фонов кнопок, бейджей и т.д. */
+	--tui-brand-tinkoff-premium: #4972CF;  /* Цвет подписки Tinkoff Premium. для фонов кнопок, бейджей и т.д. */
+	--tui-brand-tinkoff-black: #333333;  /* Фирменный цвет Tinkoff Black */
+	--tui-brand-tinkoff-platinum: #747B8F;  /* Фирменный цвет Tinkoff Platinum */
+	--tui-brand-tinkoff-mobile: #5848C3;  /* Фирменный цвет Tinkoff Mobile */
+	--tui-brand-tinkoff-mobile-alt-1: #BAB3EC;  /* Фирменный цвет Tinkoff Mobile */
+	--tui-brand-tinkoff-all-airlines: #27BEFF;  /* Фирменный цвет Tinkoff Mobile */
+	--tui-brand-tinkoff-all-airlines-alt-1: #CBEFFF;  /* Бледный оттенок фирменного цвета Tinkoff All Airlines */
+	--tui-brand-tinkoff-insurance: #27AFA5;  /* Фирменный цвет Страхования */
+	--tui-brand-tinkoff-business: #B58B60;  /* Фирменный цвет Бизнеса */
+	--tui-brand-tinkoff-business-alt-1: #E4D7C1;  /* Фирменный цвет Бизнеса */
+	--tui-brand-tinkoff-invest: #41414D;  /* Фирменный цвет Инвестиций */
+	--tui-brand-tinkoff-private: #212121;  /* Фирменный цвет Private */
+	--tui-brand-tinkoff-insurance-pale: #D0F4F2;  /* @Deprecated: Переименован в tinkoff-insurance-alt-1 */
+	--tui-brand-tinkoff-insurance-alt-1: #E1F9F7;  /* Бледный оттенок фирменного цвета Страхования */
+	--tui-brand-mir-pay: #006848;  /* Цвет для кнопок Mir Pay */
+	--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-34);
+	--tui-chart-categorical-08: var(--tui-const-blue-lighter-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-const-yellow: #FFDD2D;  /* N9 */
+	--tui-const-yellow-darker-60: #FFCD33;  /* N9 pressed, hsL=60 */
+	--tui-const-yellow-darker-54: #FAB619;  /* hsL=54 */
+	--tui-const-yellow-darker-32: #806925;  /* hsL=32 */
+	--tui-const-yellow-darker-26: #614F23;  /* hsL=26 */
+	--tui-const-yellow-alpha-14: #FFDD2D24;  /* 14% opacity */
+	--tui-const-yellow-alpha-24: #FFDD2D3D;  /* 24% opacity */
+	--tui-const-yellow-alpha-30: #FFDD2D4D;  /* 30% 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-44: #00E037;  /* hsL=44 */
+	--tui-const-green: #00B92D;  /* N11 */
+	--tui-const-green-darker-34: #00A328;  /* hsL=34 */
+	--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-32: #00B92D52;  /* 32% opacity */
+	--tui-const-blue: #428BF9;  /* N8 */
+	--tui-const-blue-lighter-70: #6BA4FA;  /* hsL=52 */
+	--tui-const-blue-darker-52: #126DF7;  /* hsL=52 */
+	--tui-const-blue-darker-46: #156ED4;  /* N8 pressed, hsL=46 */
+	--tui-const-blue-darker-40: #1455B8;  /* hsL=40 */
+	--tui-const-blue-darker-32: #2B4976;  /* hsL=32 */
+	--tui-const-blue-darker-28: #263B5C;  /* hsL=28 */
+	--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-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-10: #244A7F1A;  /* 10% 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-lighter-62: #F74646;  /* hsL=62 */
+	--tui-const-red: #F52222;  /* N10 */
+	--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-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-48: #0000007A;  /* 48% opacity */
+	--tui-const-black-alpha-40: #00000066;  /* 40% 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-12: #0000001F;  /* 12% opacity */
+	--tui-const-black-alpha-6: #00000014;  /* 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-15: #FFFFFF26;  /* 15% opacity */
+	--tui-const-white-alpha-13: #ffffff21;  /* 13% opacity */
+	--tui-const-white-alpha-10: #FFFFFF1A;  /* 10% 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-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-20: #333333;  /* N1 */
+	--tui-const-black-lighter-22: #383838;
+	--tui-const-cool-gray-lighter-36: #575B61;
+	--tui-const-cool-gray-lighter-60: #9299A2;  /* N3 */
+	--tui-const-cool-gray-lighter-79: #C7C9CC;  /* N4 */
+	--tui-const-cool-gray-lighter-87: #DDDFE0;  /* N5 */
+	--tui-const-cool-gray-lighter-93: #EAECEE;  /* N6 */
+	--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-12: #0010241F;  /* 12% opacity */
+	--tui-const-cool-gray-alpha-6: #0010240F;  /* 6% 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-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-36: #09AE9E;  /* hsL=36 */
+	--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-cool-gray-lighter-97);  /* @Deprecated: Для иконок используем цвета из группы text */
+	--tui-icon-normal: var(--tui-const-white-alpha-30);  /* @Deprecated: Для иконок используем цвета из группы text */
+	--tui-icon-action: var(--tui-const-blue);  /* @Deprecated: Для иконок используем цвета из группы text */
+	--tui-icon-action-pressed: var(--tui-const-blue-darker-46);  /* @Deprecated: Для иконок используем цвета из группы text */
+	--tui-icon-on-dark: var(--tui-const-white);  /* @Deprecated: Для иконок используем цвета из группы text */
+	--tui-service-skeleton: var(--tui-const-white-alpha-10);  /* Цвет для шиммеров, отображаемых при загрузке экрана */
+	--tui-service-skeleton-on-dark: var(--tui-const-white-alpha-10);  /* Скелетон на темном фоне, не меняется при переключении темы */
+	--tui-service-selected-text: var(--tui-const-blue-alpha-24);  /* Фон под выделенным пользователем текстом */
+	--tui-service-backdrop: var(--tui-const-black-alpha-48);  /* Затемнение на фоне модальных окон и шторок */
+	--tui-service-underline: var(--tui-const-blue-alpha-64);  /* Подчеркивание для ссылок */
+	--tui-service-underline-monochrome: var(--tui-const-white-alpha-50);  /* Подчеркивание для монохромных ссылок */
+	--tui-service-underline-on-dark: var(--tui-const-white-alpha-50);  /* Подчеркивание для монохромных ссылок на темном фоне. Не меняется при смене темы */
+	--tui-status-warning-pale: var(--tui-const-yellow-darker-26);  /* Контейнеры предупреждающих блоков */
+	--tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32);  /* Нажатое состояние контейнера предупреждающих блоков */
+	--tui-status-positive-pale: var(--tui-const-green-darker-18);  /* Контейнеры позитивных блоков */
+	--tui-status-positive-pale-pressed: var(--tui-const-green-darker-21);  /* Нажатое состояние positive в iOS */
+	--tui-status-negative-pale: var(--tui-const-red-darker-23);  /* Контейнеры негативных блоков */
+	--tui-status-negative-pale-pressed: var(--tui-const-red-darker-29);  /* Нажатое состояние negative в iOS */
+	--tui-status-info-pale: var(--tui-const-blue-darker-28);  /* Контейнеры информационных блоков */
+	--tui-status-info-pale-pressed: var(--tui-const-blue-darker-32);  /* Контейнеры информационных блоков при нажатии */
+	--tui-status-neutral: var(--tui-const-white-alpha-50);  /* Акцентный цвет для нейтральных фонах */
+	--tui-status-neutral-pale: var(--tui-const-white-alpha-20);  /* Фоновый контейнер нейтральных статусных блоков */
+	--tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-20);  /* Фоновый контейнер нейтральных статусных блоков при нажатии */
+	--tui-status-positive: var(--tui-const-green);  /* Акцентный цвет для позитивных блоков */
+	--tui-status-warning: var(--tui-const-yellow-darker-60);  /* Акцентный цвет для предупреждающих блоков */
+	--tui-status-negative: var(--tui-const-red);  /* Акцентный цвет для негативных блоков */
+	--tui-status-info: var(--tui-const-blue);  /* Акцентный цвет для информационных блоков */
+	--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-cool-gray-lighter-97);  /* Основной текст и иконки фонах base, elevation, neutral */
+	--tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-60);  /* Основной текст и иконки фонах base, elevation, neutral при нажатии */
+	--tui-text-primary-on-light: var(--tui-const-black-alpha-90);  /* Основной текст и иконки светлых фонах, не меняется при смене темы */
+	--tui-text-primary-on-dark: var(--tui-const-white);  /* Основной текст и иконки темных фонах. Не меняется при смене темы */
+	--tui-text-primary-on-tinkoff: var(--tui-const-black-lighter-20);  /* Текст и иконки фонах tinkoff */
+	--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-cool-gray-lighter-60);  /* Второстепенный текст на фонах base, elevation, neutral */
+	--tui-text-secondary-pressed: var(--tui-const-cool-gray-lighter-79);  /* Второстепенный текст на фонах 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-30);  /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры */
+	--tui-text-tertiary-pressed: var(--tui-const-white-alpha-60);  /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры при нажатии */
+	--tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22);  /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
+	--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30);  /* Лейблы задизейбленных кнопок, плейсхолдер в текстовых полях, дисклеймеры на светлых фонах, не меняется при смене темы */
+	--tui-text-action: var(--tui-const-blue);  /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
+	--tui-text-action-pressed: var(--tui-const-blue-darker-46);  /* Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed */
+	--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);  /* Текст позитивного лейбла, например пополнение счета или рост цены акций */
+	--tui-text-negative: var(--tui-const-red);  /* Текст негативного лейбла, например падение цены акций или ошибка */
+}