/* ✨ Auto-generated design tokens — DO NOT EDIT */

:root {

/* ─── Constant ─── */
  --const-typography-family-compact: 'MTS Compact', sans-serif;
  --const-typography-family-wide: 'MTS Wide', sans-serif;
  --const-typography-family-text: 'MTS Text', sans-serif;
  --const-typography-size-10: 3.5rem; /* 56px */
  --const-typography-size-11: 4.5rem; /* 72px */
  --const-typography-size-09: 2.75rem; /* 44px */
  --const-typography-size-08: 2.25rem; /* 36px */
  --const-typography-size-07: 2rem; /* 32px */
  --const-typography-size-06: 1.5rem; /* 24px */
  --const-typography-size-05: 1.25rem; /* 20px */
  --const-typography-size-04: 1.0625rem; /* 17px */
  --const-typography-size-03: 0.875rem; /* 14px */
  --const-typography-size-02: 0.75rem; /* 12px */
  --const-typography-size-01: 0.625rem; /* 10px */
  --const-typography-lineHeight-10: 2.75rem; /* 44px */
  --const-typography-lineHeight-11: 3.5rem; /* 56px */
  --const-typography-lineHeight-12: 4.5rem; /* 72px */
  --const-typography-lineHeight-09: 2.5rem; /* 40px */
  --const-typography-lineHeight-08: 2.25rem; /* 36px */
  --const-typography-lineHeight-07: 2rem; /* 32px */
  --const-typography-lineHeight-06: 1.75rem; /* 28px */
  --const-typography-lineHeight-05: 1.5rem; /* 24px */
  --const-typography-lineHeight-04: 1.25rem; /* 20px */
  --const-typography-lineHeight-03: 1.125rem; /* 18px */
  --const-typography-lineHeight-02: 1rem; /* 16px */
  --const-typography-lineHeight-01: 0.75rem; /* 12px */
  --const-radius-10: 80px;
  --const-radius-09: 64px;
  --const-radius-08: 48px;
  --const-radius-07: 40px;
  --const-radius-06: 32px;
  --const-radius-05: 24px;
  --const-radius-04: 20px;
  --const-radius-03: 16px;
  --const-radius-02: 12px;
  --const-radius-01: 8px;
  --const-spacing-10: 36px;
  --const-spacing-11: 40px;
  --const-spacing-12: 48px;
  --const-spacing-13: 64px;
  --const-spacing-14: 80px;
  --const-spacing-09: 32px;
  --const-spacing-08: 24px;
  --const-spacing-07: 20px;
  --const-spacing-06: 16px;
  --const-spacing-05: 12px;
  --const-spacing-04: 8px;
  --const-spacing-03: 4px;
  --const-spacing-02: 2px;
  --const-spacing-01: 0px;
  --const-palette-greyscale-100: rgba(242, 243, 247, 1);
  --const-palette-greyscale-200: rgba(226, 229, 235, 1);
  --const-palette-greyscale-300: rgba(187, 193, 199, 1);
  --const-palette-greyscale-400: rgba(150, 159, 168, 1);
  --const-palette-greyscale-500: rgba(98, 108, 119, 1);
  --const-palette-greyscale-600: rgba(67, 74, 81, 1);
  --const-palette-greyscale-700: rgba(44, 49, 53, 1);
  --const-palette-greyscale-800: rgba(29, 32, 35, 1);
  --const-palette-greyscale-900: rgba(0, 0, 0, 1);
  --const-palette-greyscale-000: rgba(255, 255, 255, 1);
  --const-palette-blackberry-darkest: rgba(0, 32, 148, 1);
  --const-palette-blackberry-dark: rgba(0, 61, 183, 1);
  --const-palette-blackberry-normal: rgba(1, 79, 206, 1);
  --const-palette-blackberry-light: rgba(99, 132, 224, 1);
  --const-palette-blackberry-lightest: rgba(231, 234, 250, 1);
  --const-palette-blueberry-darkest: rgba(0, 72, 170, 1);
  --const-palette-blueberry-dark: rgba(0, 124, 255, 1);
  --const-palette-blueberry-normal: rgba(0, 151, 253, 1);
  --const-palette-blueberry-light: rgba(69, 182, 252, 1);
  --const-palette-blueberry-lightest: rgba(225, 243, 254, 1);
  --const-palette-mint-darkest: rgba(0, 114, 77, 1);
  --const-palette-mint-dark: rgba(3, 161, 123, 1);
  --const-palette-mint-normal: rgba(0, 193, 155, 1);
  --const-palette-mint-light: rgba(0, 217, 188, 1);
  --const-palette-mint-lightest: rgba(223, 249, 245, 1);
  --const-palette-apple-darkest: rgba(2, 119, 34, 1);
  --const-palette-apple-dark: rgba(4, 170, 66, 1);
  --const-palette-apple-normal: rgba(38, 205, 88, 1);
  --const-palette-apple-light: rgba(116, 223, 139, 1);
  --const-palette-apple-lightest: rgba(232, 250, 235, 1);
  --const-palette-lime-darkest: rgba(128, 130, 1, 1);
  --const-palette-lime-dark: rgba(166, 193, 0, 1);
  --const-palette-lime-normal: rgba(193, 235, 29, 1);
  --const-palette-lime-light: rgba(211, 243, 107, 1);
  --const-palette-lime-lightest: rgba(248, 254, 231, 1);
  --const-palette-banana-darkest: rgba(243, 127, 25, 1);
  --const-palette-banana-dark: rgba(250, 192, 49, 1);
  --const-palette-banana-normal: rgba(251, 231, 57, 1);
  --const-palette-banana-light: rgba(253, 241, 119, 1);
  --const-palette-banana-lightest: rgba(255, 253, 232, 1);
  --const-palette-orange-darkest: rgba(186, 54, 10, 1);
  --const-palette-orange-dark: rgba(224, 74, 23, 1);
  --const-palette-orange-normal: rgba(249, 87, 33, 1);
  --const-palette-orange-light: rgba(255, 160, 128, 1);
  --const-palette-orange-lightest: rgba(251, 233, 231, 1);
  --const-palette-raspberry-darkest: rgba(142, 0, 63, 1);
  --const-palette-raspberry-dark: rgba(197, 19, 69, 1);
  --const-palette-raspberry-normal: rgba(234, 31, 73, 1);
  --const-palette-raspberry-light: rgba(245, 95, 126, 1);
  --const-palette-raspberry-lightest: rgba(255, 228, 233, 1);
  --const-palette-cranberry-darkest: rgba(127, 51, 99, 1);
  --const-palette-cranberry-dark: rgba(187, 64, 121, 1);
  --const-palette-cranberry-normal: rgba(229, 72, 135, 1);
  --const-palette-cranberry-light: rgba(230, 119, 173, 1);
  --const-palette-cranberry-lightest: rgba(249, 231, 240, 1);
  --const-palette-plum-darkest: rgba(71, 28, 97, 1);
  --const-palette-plum-dark: rgba(109, 45, 121, 1);
  --const-palette-plum-normal: rgba(136, 56, 136, 1);
  --const-palette-plum-light: rgba(168, 110, 167, 1);
  --const-palette-plum-lightest: rgba(240, 231, 240, 1);
  --const-shadow-05: 0 4px 24px 0 rgba(0, 0, 0, 0.12), 0 12px 20px 0 rgba(0, 0, 0, 0.14);
  --const-shadow-04: 0 -2px 24px 0 rgba(0, 0, 0, 0.08), 0 -8px 24px 0 rgba(0, 0, 0, 0.1);
  --const-shadow-03: 0 4px 24px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  --const-shadow-02: 0 0 16px 0 rgba(0, 0, 0, 0.08), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
  --const-shadow-01: 0 0 6px 0 rgba(0, 0, 0, 0.08), 0 4px 16px 0 rgba(0, 0, 0, 0.08);


/* ─── System ─── */
  --sys-typography-size-promo-1: 4.5rem; /* 72px */
  --sys-typography-size-promo-2: 3.5rem; /* 56px */
  --sys-typography-size-promo-3: 2.75rem; /* 44px */
  --sys-typography-size-promo-4: 2.25rem; /* 36px */
  --sys-typography-size-header-h1: 2.25rem; /* 36px */
  --sys-typography-size-header-h2: 2rem; /* 32px */
  --sys-typography-size-header-h3: 1.5rem; /* 24px */
  --sys-typography-size-header-h4: 1.25rem; /* 20px */
  --sys-typography-size-paragraph-p1: 1.5rem; /* 24px */
  --sys-typography-size-paragraph-p2: 1.25rem; /* 20px */
  --sys-typography-size-paragraph-p3: 1.0625rem; /* 17px */
  --sys-typography-size-paragraph-p4: 0.875rem; /* 14px */
  --sys-typography-size-caption-c1: 0.75rem; /* 12px */
  --sys-typography-size-caption-c2: 0.625rem; /* 10px */
  --sys-typography-lineHeight-promo-1: 2.25rem; /* 36px */
  --sys-typography-lineHeight-promo-2: 2.75rem; /* 44px */
  --sys-typography-lineHeight-promo-3: 3.5rem; /* 56px */
  --sys-typography-lineHeight-promo-4: 4.5rem; /* 72px */
  --sys-typography-lineHeight-header-h1: 2.5rem; /* 40px */
  --sys-typography-lineHeight-header-h2: 2.25rem; /* 36px */
  --sys-typography-lineHeight-header-h3: 2rem; /* 32px */
  --sys-typography-lineHeight-header-h4: 1.5rem; /* 24px */
  --sys-typography-lineHeight-paragraph-p1: 2rem; /* 32px */
  --sys-typography-lineHeight-paragraph-p2: 1.75rem; /* 28px */
  --sys-typography-lineHeight-paragraph-p3: 1.5rem; /* 24px */
  --sys-typography-lineHeight-paragraph-p4: 1.25rem; /* 20px */
  --sys-typography-lineHeight-paragraph-p4-tight: 1.125rem; /* 18px */
  --sys-typography-lineHeight-caption-c1: 1rem; /* 16px */
  --sys-typography-lineHeight-caption-c2: 0.75rem; /* 12px */
  --sys-background-primary: rgba(255, 255, 255, 1); /* Основной фон темы. */
  --sys-background-lower: rgba(242, 243, 247, 1); /* Альтернативный основной фон темы. */
  --sys-background-primaryElevated: rgba(255, 255, 255, 1); /* Первый уровень над фоном: карточки, инпут, таббар. */
  --sys-background-modal: rgba(255, 255, 255, 1); /* Второй уровень над фоном, например, выпадающие меню и шторки. */
  --sys-background-stroke: rgba(188, 195, 208, 0.5); /* Сепараторы и обводки. */
  --sys-background-secondary: rgba(242, 243, 247, 1); /* Второстепенный фон темы. Не используется как основной фон экрана (т.е. вместо Primary на первом уровне). */
  --sys-background-secondaryElevated: rgba(255, 255, 255, 1); /* Тот же первый уровень, но над Secondary Background. */
  --sys-background-overlay: rgba(29, 32, 35, 0.4); /* Затемнение фона. Можно использовать совместно с Blur 50. */
  --sys-background-overlayAlternative: rgba(29, 32, 35, 0.4); /* Альтернативное затемнение фона. Можно использовать совместно с Blur 50. */
  --sys-background-inverted: rgba(29, 32, 35, 1); /* Фон тултипа, тоста и снэкбара. */
  --sys-background-hover: rgba(188, 195, 208, 0.25); /* Ховер. Используется над фоном элемента, но под его контентом. */
  --sys-background-bar: rgba(255, 255, 255, 0.88); /* Навбар и таббар G2.0. Использовать только совместно с Blur 40. */
  --sys-background-disabled: rgba(248, 248, 251, 1); /* Цвет фона для неактивных инпута, дропдауна, текстареа. */
  --sys-background-strokeDisabled: rgba(188, 195, 208, 0.25); /* Цвет обводки фона для неактивных инпута, дропдауна, текстареа. */
  --sys-background-activeSoft: rgba(199, 225, 255, 1); /* Цвет фона инфо бейджа. */
  --sys-background-positiveSoft: rgba(190, 244, 189, 1); /* Цвет фона бейджа успеха. */
  --sys-background-warningSoft: rgba(250, 232, 158, 1); /* Цвет фона бейджа-предупреждения. */
  --sys-background-negativeSoft: rgba(252, 212, 201, 1); /* Цвет фона негативного бейджа. */
  --sys-background-highlightSoft: rgba(227, 204, 255, 1); /* Дополнительный акцентный цвет для бейджа. */
  --sys-text-primary: rgba(29, 32, 35, 1); /* Основной текст. */
  --sys-text-secondary: rgba(98, 108, 119, 1); /* Дополнительный текст. */
  --sys-text-tertiary: rgba(150, 159, 168, 1); /* Третичный текст. Используется только в начертаниях медиум и выше. Исключение — маска в полях (например, ввод телефона и даты). */
  --sys-text-inverted: rgba(250, 250, 250, 1); /* Текст для тултипа, тоста и снэкбара. */
  --sys-text-positive: rgba(18, 178, 63, 1); /* Текст успешных действий. */
  --sys-text-negative: rgba(216, 64, 12, 1); /* Текст ошибки и негативных действий. */
  --sys-text-primaryLink: rgba(0, 112, 229, 1); /* Основные ссылки. */
  --sys-text-primaryLinkInverted: rgba(69, 182, 252, 1); /* Основные ссылки на инвертированном бэкграунде. */
  --sys-text-secondaryLink: rgba(98, 108, 119, 1); /* Второстепенные ссылки. Только для веба. */
  --sys-text-visitedLink: rgba(136, 56, 136, 1); /* Посещенные ссылки. */
  --sys-text-inactiveTabbar: rgba(110, 119, 130, 1); /* Цвет текста в неактивном пункте таббара. */
  --sys-text-activeStrong: rgba(0, 92, 189, 1); /* Текст на инфо бейдже. */
  --sys-text-positiveStrong: rgba(0, 117, 2, 1); /* Текст на бейдже успеха. */
  --sys-text-warningStrong: rgba(128, 96, 0, 1); /* Текст на бейдже-предупреждении. */
  --sys-text-negativeStrong: rgba(173, 52, 0, 1); /* Текст на негативном бейдже. */
  --sys-text-highlightStrong: rgba(121, 54, 201, 1); /* Текст на дополнительном акцентном бейдже. */
  --sys-icons-primary: rgba(29, 32, 35, 1); /* Цвет иконок в навбаре и второстепенных кнопках. */
  --sys-icons-secondary: rgba(141, 150, 159, 1); /* Цвет интерактивных иконок. */
  --sys-icons-tertiary: rgba(187, 193, 199, 1); /* Цвет декоративных иконок. */
  --sys-icons-inverted: rgba(250, 250, 250, 1); /* Цвет иконок на кнопке c Secondary Active фоном или для любой сущности с фоном Inverted. */
  --sys-controls-primaryActive: rgba(255, 0, 50, 1); /* Выбранный, активный контрол. */
  --sys-controls-secondaryActive: rgba(29, 32, 35, 1); /* Выбранный, активный второстепенный контрол. */
  --sys-controls-tertiaryActive: rgba(242, 243, 247, 1); /* Цвет второстепенной кнопки. */
  --sys-controls-blur: rgba(255, 255, 255, 0.08); /* Цвет кнопки c блюром G2.0, используется вместе со стилем Blur 40. */
  --sys-controls-stroke: rgba(141, 150, 159, 1); /* Цвет обводки, когда компонент Checkbox, Radiobutton и List Checkbox находятся в состоянии «Default». */
  --sys-controls-inactive: rgba(188, 195, 208, 0.5); /* Невыбранный, неактивный контрол, выключенный Switch, предвыбранные Radio и Checkbox. */
  --sys-controls-alternative: rgba(255, 255, 255, 1); /* Цвет фона дефолтного состояния у Radio и Checkbox, Secondary Inverted Button. */
  --sys-controls-activeTabbar: rgba(255, 0, 50, 1); /* Активный пункт в таббаре. */
  --sys-controls-inactiveTabbar: rgba(141, 150, 159, 1); /* Цвет иконок у неактивного пункта в таббаре. */
  --sys-controls-hoverPrimary: rgba(188, 195, 208, 0.4); /* Ховер. Используется на кнопках Primary и Always White. */
  --sys-controls-hoverAlternative: rgba(242, 243, 247, 0.12); /* Ховер. Используется на кнопке Primary Alternative. */
  --sys-accent-active: rgba(0, 124, 255, 1); /* Используется для иконок и состояния фокуса. */
  --sys-accent-positive: rgba(38, 205, 88, 1); /* Цвет успешных действий. Используется для иконок. */
  --sys-accent-warning: rgba(250, 192, 49, 1); /* Цвет предупреждения. Используется для иконок. */
  --sys-accent-negative: rgba(249, 87, 33, 1); /* Цвет ошибки. Используется для иконок и состояния ошибки. */
  --sys-accent-highlight: rgba(151, 71, 255, 1); /* Цвет акцента. */
  --sys-accent-activeInverted: rgba(69, 182, 252, 1); /* Используется для иконок и состояния фокуса на инвертированном бэкграунде. */
  --sys-accent-positiveInverted: rgba(116, 223, 139, 1); /* Цвет успешных действий. Используется для иконок на инвертированном бэкграунде. */
  --sys-accent-warningInverted: rgba(250, 214, 125, 1); /* Цвет предупреждения. Используется для иконок на инвертированном бэкграунде. */
  --sys-accent-negativeInverted: rgba(250, 138, 100, 1); /* Цвет ошибки. Используется для иконок и состояния ошибки на инвертированном бэкграунде. */
  --sys-accent-notification: rgba(255, 0, 50, 1); /* Цвет Notification и акцентного Counter. */
  --sys-brand-MTSRed: rgba(255, 0, 50, 1); /* Цвет логотипа. */
  --sys-brand-MTSRed50: rgba(255, 0, 50, 0.5); /* Для Disabled состояния текущей даты в Calendar. */
  --sys-ecosystemBackground-invertedElevated: rgba(67, 74, 81, 1); /* Цвет бейджа. */
  --sys-ecosystemBackground-AI: linear-gradient(263.75deg, #994BFF 0.49%, #C09AFF 99.05%); /* Цвет фона для выделения AI фичи. */
  --sys-ecosystemText-AI: linear-gradient(263.75deg, #785BC2 0.49%, #9941FF 99.05%); /* Цвет текста для выделения AI фичи. */


/* ─── Components ─── */
  --comp-buttons-hover-secondary: rgba(229, 231, 237);
  --comp-buttons-hover-negative: rgba(229, 231, 237);
  --comp-buttons-background-secondary: rgba(242, 243, 247, 1);
  --comp-buttons-background-negative: rgba(242, 243, 247, 1);
  --comp-chips-background-primary: rgba(242, 243, 247, 1);
  --comp-chips-background-secondary: rgba(255, 255, 255, 1);
  --comp-chips-background-selected: rgba(29, 32, 35, 1);
  --comp-chips-background-disabled: rgba(188, 195, 208, 0.5);
  --comp-chips-hover-primary: rgba(188, 195, 208, 0.25);
  --comp-chips-hover-selected: rgba(242, 243, 247, 0.12);
  --comp-badge-background-onPrimaryBg: rgba(242, 243, 247, 1);
  --comp-badge-background-onSecondaryBg: rgba(255, 255, 255, 1);
  --comp-avatar-color: rgba(129, 149, 227, 1);
  --comp-avatar-size-06: 80px;
  --comp-avatar-size-05: 64px;
  --comp-avatar-size-04: 52px;
  --comp-avatar-size-03: 44px;
  --comp-avatar-size-02: 32px;
  --comp-avatar-size-01: 24px;
  --comp-segmentedControl-background-onPrimaryBg: rgba(242, 243, 247, 1);
  --comp-segmentedControl-background-onSecondaryBg: rgba(255, 255, 255, 1);
  --comp-segmentedControl-indicator-onPrimaryBg: rgba(255, 255, 255, 1);
  --comp-segmentedControl-indicator-onSecondaryBg: rgba(242, 243, 247, 1);

}

[data-theme="dark"] {
  --sys-background-primary: rgba(0, 0, 0, 1); /* Основной фон темы. (dark) */
  --sys-background-lower: rgba(0, 0, 0, 1); /* Альтернативный основной фон темы. (dark) */
  --sys-background-primaryElevated: rgba(29, 32, 35, 1); /* Первый уровень над фоном: карточки, инпут, таббар. (dark) */
  --sys-background-modal: rgba(44, 49, 53, 1); /* Второй уровень над фоном, например, выпадающие меню и шторки. (dark) */
  --sys-background-stroke: rgba(127, 140, 153, 0.35); /* Сепараторы и обводки. (dark) */
  --sys-background-secondary: rgba(98, 108, 119, 0.25); /* Второстепенный фон темы. Не используется как основной фон экрана (т.е. вместо Primary на первом уровне). (dark) */
  --sys-background-secondaryElevated: rgba(98, 108, 119, 0.25); /* Тот же первый уровень, но над Secondary Background. (dark) */
  --sys-background-overlay: rgba(29, 32, 35, 0.9); /* Затемнение фона. Можно использовать совместно с Blur 50. (dark) */
  --sys-background-overlayAlternative: rgba(0, 0, 0, 0.64); /* Альтернативное затемнение фона. Можно использовать совместно с Blur 50. (dark) */
  --sys-background-inverted: rgba(255, 255, 255, 1); /* Фон тултипа, тоста и снэкбара. (dark) */
  --sys-background-hover: rgba(242, 243, 247, 0.2); /* Ховер. Используется над фоном элемента, но под его контентом. (dark) */
  --sys-background-bar: rgba(0, 0, 0, 0.7); /* Навбар и таббар G2.0. Использовать только совместно с Blur 40. (dark) */
  --sys-background-disabled: rgba(98, 108, 119, 0.15); /* Цвет фона для неактивных инпута, дропдауна, текстареа. (dark) */
  --sys-background-strokeDisabled: rgba(127, 140, 153, 0.1); /* Цвет обводки фона для неактивных инпута, дропдауна, текстареа. (dark) */
  --sys-background-activeSoft: rgba(40, 63, 97, 1); /* Цвет фона инфо бейджа. (dark) */
  --sys-background-positiveSoft: rgba(50, 78, 55, 1); /* Цвет фона бейджа успеха. (dark) */
  --sys-background-warningSoft: rgba(72, 68, 46, 1); /* Цвет фона бейджа-предупреждения. (dark) */
  --sys-background-negativeSoft: rgba(91, 52, 46, 1); /* Цвет фона негативного бейджа. (dark) */
  --sys-background-highlightSoft: rgba(82, 54, 84, 1); /* Дополнительный акцентный цвет для бейджа. (dark) */
  --sys-text-primary: rgba(250, 250, 250, 1); /* Основной текст. (dark) */
  --sys-text-secondary: rgba(150, 159, 168, 1); /* Дополнительный текст. (dark) */
  --sys-text-tertiary: rgba(98, 108, 119, 1); /* Третичный текст. Используется только в начертаниях медиум и выше. Исключение — маска в полях (например, ввод телефона и даты). (dark) */
  --sys-text-inverted: rgba(29, 32, 35, 1); /* Текст для тултипа, тоста и снэкбара. (dark) */
  --sys-text-positive: rgba(116, 223, 139, 1); /* Текст успешных действий. (dark) */
  --sys-text-negative: rgba(255, 160, 128, 1); /* Текст ошибки и негативных действий. (dark) */
  --sys-text-primaryLink: rgba(69, 182, 252, 1); /* Основные ссылки. (dark) */
  --sys-text-primaryLinkInverted: rgba(0, 112, 229, 1); /* Основные ссылки на инвертированном бэкграунде. (dark) */
  --sys-text-secondaryLink: rgba(150, 159, 168, 1); /* Второстепенные ссылки. Только для веба. (dark) */
  --sys-text-visitedLink: rgba(183, 103, 183, 1); /* Посещенные ссылки. (dark) */
  --sys-text-inactiveTabbar: rgba(255, 255, 255, 0.46); /* Цвет текста в неактивном пункте таббара. (dark) */
  --sys-text-activeStrong: rgba(136, 207, 255, 1); /* Текст на инфо бейдже. (dark) */
  --sys-text-positiveStrong: rgba(140, 242, 162, 1); /* Текст на бейдже успеха. (dark) */
  --sys-text-warningStrong: rgba(250, 238, 158, 1); /* Текст на бейдже-предупреждении. (dark) */
  --sys-text-negativeStrong: rgba(255, 183, 158, 1); /* Текст на негативном бейдже. (dark) */
  --sys-text-highlightStrong: rgba(225, 193, 255, 1); /* Текст на дополнительном акцентном бейдже. (dark) */
  --sys-icons-primary: rgba(250, 250, 250, 1); /* Цвет иконок в навбаре и второстепенных кнопках. (dark) */
  --sys-icons-secondary: rgba(150, 159, 168, 1); /* Цвет интерактивных иконок. (dark) */
  --sys-icons-tertiary: rgba(98, 108, 119, 1); /* Цвет декоративных иконок. (dark) */
  --sys-icons-inverted: rgba(29, 32, 35, 1); /* Цвет иконок на кнопке c Secondary Active фоном или для любой сущности с фоном Inverted. (dark) */
  --sys-controls-primaryActive: rgba(255, 0, 50, 1); /* Выбранный, активный контрол. (dark) */
  --sys-controls-secondaryActive: rgba(255, 255, 255, 1); /* Выбранный, активный второстепенный контрол. (dark) */
  --sys-controls-tertiaryActive: rgba(127, 140, 153, 0.35); /* Цвет второстепенной кнопки. (dark) */
  --sys-controls-blur: rgba(255, 255, 255, 0.08); /* Цвет кнопки c блюром G2.0, используется вместе со стилем Blur 40. (dark) */
  --sys-controls-stroke: rgba(99, 107, 114, 1); /* Цвет обводки, когда компонент Checkbox, Radiobutton и List Checkbox находятся в состоянии «Default». (dark) */
  --sys-controls-inactive: rgba(127, 140, 153, 0.35); /* Невыбранный, неактивный контрол, выключенный Switch, предвыбранные Radio и Checkbox. (dark) */
  --sys-controls-alternative: rgba(127, 140, 153, 0.35); /* Цвет фона дефолтного состояния у Radio и Checkbox, Secondary Inverted Button. (dark) */
  --sys-controls-activeTabbar: rgba(255, 255, 255, 1); /* Активный пункт в таббаре. (dark) */
  --sys-controls-inactiveTabbar: rgba(255, 255, 255, 0.42); /* Цвет иконок у неактивного пункта в таббаре. (dark) */
  --sys-controls-hoverPrimary: rgba(188, 195, 208, 0.4); /* Ховер. Используется на кнопках Primary и Always White. (dark) */
  --sys-controls-hoverAlternative: rgba(188, 195, 208, 0.4); /* Ховер. Используется на кнопке Primary Alternative. (dark) */
  --sys-accent-active: rgba(69, 182, 252, 1); /* Используется для иконок и состояния фокуса. (dark) */
  --sys-accent-positive: rgba(116, 223, 139, 1); /* Цвет успешных действий. Используется для иконок. (dark) */
  --sys-accent-warning: rgba(250, 214, 125, 1); /* Цвет предупреждения. Используется для иконок. (dark) */
  --sys-accent-negative: rgba(250, 138, 100, 1); /* Цвет ошибки. Используется для иконок и состояния ошибки. (dark) */
  --sys-accent-highlight: rgba(151, 71, 255, 1); /* Цвет акцента. (dark) */
  --sys-accent-activeInverted: rgba(0, 124, 255, 1); /* Используется для иконок и состояния фокуса на инвертированном бэкграунде. (dark) */
  --sys-accent-positiveInverted: rgba(38, 205, 88, 1); /* Цвет успешных действий. Используется для иконок на инвертированном бэкграунде. (dark) */
  --sys-accent-warningInverted: rgba(250, 192, 49, 1); /* Цвет предупреждения. Используется для иконок на инвертированном бэкграунде. (dark) */
  --sys-accent-negativeInverted: rgba(249, 87, 33, 1); /* Цвет ошибки. Используется для иконок и состояния ошибки на инвертированном бэкграунде. (dark) */
  --sys-accent-notification: rgba(255, 0, 50, 1); /* Цвет Notification и акцентного Counter. (dark) */
  --sys-brand-MTSRed: rgba(255, 0, 50, 1); /* Цвет логотипа. (dark) */
  --sys-brand-MTSRed50: rgba(255, 0, 50, 0.5); /* Для Disabled состояния текущей даты в Calendar. (dark) */
  --sys-ecosystemBackground-invertedElevated: rgba(242, 243, 247, 1); /* Цвет бейджа. (dark) */
  --sys-ecosystemBackground-AI: linear-gradient(263.75deg, #994BFF 0.49%, #C09AFF 99.05%); /* Цвет фона для выделения AI фичи. (dark) */
  --sys-ecosystemText-AI: linear-gradient(263.75deg, #B781F5 0.49%, #BBAFFF 99.05%); /* Цвет текста для выделения AI фичи. (dark) */
  --comp-buttons-hover-secondary: rgba(84, 88, 93);
  --comp-buttons-hover-negative: rgba(84, 88, 93);
  --comp-buttons-background-secondary: rgba(127, 140, 153, 0.35);
  --comp-buttons-background-negative: rgba(127, 140, 153, 0.35);
  --comp-chips-background-primary: rgba(127, 140, 153, 0.35);
  --comp-chips-background-secondary: rgba(127, 140, 153, 0.35);
  --comp-chips-background-selected: rgba(255, 255, 255, 1);
  --comp-chips-background-disabled: rgba(127, 140, 153, 0.35);
  --comp-chips-hover-primary: rgba(242, 243, 247, 0.2);
  --comp-chips-hover-selected: rgba(188, 195, 208, 0.4);
  --comp-badge-background-onPrimaryBg: rgba(127, 140, 153, 0.35);
  --comp-badge-background-onSecondaryBg: rgba(127, 140, 153, 0.35);
  --comp-avatar-color: rgba(129, 149, 227, 1);
  --comp-segmentedControl-background-onPrimaryBg: rgba(127, 140, 153, 0.35);
  --comp-segmentedControl-background-onSecondaryBg: rgba(127, 140, 153, 0.35);
  --comp-segmentedControl-indicator-onPrimaryBg: rgba(127, 140, 153, 0.35);
  --comp-segmentedControl-indicator-onSecondaryBg: rgba(127, 140, 153, 0.35);
}