:root {
/* Фон страницы по умолчанию для основного полотна сайта. */
--body-bg: #f4f5fc;
/* Основной цвет текста страницы по умолчанию. */
--body-color: #151515;

/* Главный фирменный цвет для акцентов, ссылок и активных элементов. */
--color-primary: #2e58db;
/* Темный вариант фирменного цвета для hover и active состояний. */
--color-primary-dark: #1641bc;
/* Самый темный фирменный оттенок для контрастных блоков. */
--color-primary-darkest: #0b297f;
/* Светлый фирменный оттенок для мягких фонов и подложек. */
--color-primary-light: #e4ecf8;

/* Цвет успешного состояния для подтверждений и положительных статусов. */
--color-success: #0a945a;
/* Цвет ошибки или опасного действия. */
--color-danger: #d02d2d;
/* Усиленный цвет ошибки для активных и промо-состояний. */
--color-danger-dark: #d72121;
/* Дополнительный фиолетовый акцент для промо и выделений. */
--color-purple: #731eff;
/* Темный фиолетовый оттенок для градиентов и насыщенных акцентов. */
--color-purple-dark: #382a8e;

/* Белый цвет для светлых поверхностей и инверсного текста. */
--color-white: #fff;
/* Черный цвет для максимального контраста и служебных масок. */
--color-black: #000;
/* Самый светлый нейтральный оттенок для мягких фонов. */
--color-gray-100: #f3f6fb;
/* Светлый нейтральный оттенок для подложек и вторичных фонов. */
--color-gray-200: #e4ecf8;
/* Нейтральный оттенок для границ, разделителей и фоновых линий. */
--color-gray-300: #dce1e9;
/* Приглушенный нейтральный оттенок для вторичных элементов. */
--color-gray-400: #9ca5b3;
/* Средний нейтральный оттенок для вспомогательного текста. */
--color-gray-500: #646970;

/* Темная полупрозрачная подложка для модальных окон и затемнений. */
--color-overlay: rgba(0, 0, 0, 0.7);
/* Светлая полупрозрачная подложка для мягких наложений. */
--color-overlay-light: rgba(255, 255, 255, 0.2);
/* Темная полупрозрачная подложка для локального затемнения. */
--color-overlay-dark: rgba(21, 21, 21, 0.2);

/* Базовый цвет границ для карточек, блоков и полей. */
--border-color: #dce1e9;
/* Контрастный цвет границ для темных и акцентных элементов. */
--border-color-dark: #151515;
/* Приглушенный цвет границ для неактивных и вторичных элементов. */
--border-color-muted: #9ca5b3;

/* Фон основной кнопки. */
--button-main-bg: #2e58db;
/* Цвет текста основной кнопки. */
--button-main-color: #fff;
/* Фон основной кнопки при наведении. */
--button-main-hover-bg: #1641bc;
/* Фон основной кнопки при нажатии. */
--button-main-active-bg: #1641bc;
/* Цвет текста основной кнопки при нажатии. */
--button-main-active-color: #dce1e9;
/* Фон неактивной основной кнопки. */
--button-main-disabled-bg: #9ca5b3;
/* Цвет текста неактивной основной кнопки. */
--button-main-disabled-color: #f3f6fb;

/* Цвет текста и рамки контурной кнопки. */
--button-outline-color: #151515;
/* Фон контурной кнопки. */
--button-outline-bg: transparent;
/* Цвет текста контурной кнопки при наведении. */
--button-outline-hover-color: #151515;
/* Цвет текста контурной кнопки при нажатии. */
--button-outline-active-color: #9ca5b3;
/* Цвет неактивной контурной кнопки. */
--button-outline-disabled-color: #9ca5b3;

/* Цвет текста светлой кнопки. */
--button-light-color: #fff;
/* Фон светлой кнопки при наведении. */
--button-light-hover-bg: #fff;
/* Цвет текста светлой кнопки при наведении. */
--button-light-hover-color: #151515;
/* Цвет текста светлой кнопки при нажатии. */
--button-light-active-color: #9ca5b3;

/* Цвет текста темной кнопки. */
--button-dark-color: #151515;
/* Фон темной кнопки при наведении. */
--button-dark-hover-bg: #151515;
/* Цвет текста темной кнопки при наведении. */
--button-dark-hover-color: #dce1e9;
/* Цвет текста темной кнопки при нажатии. */
--button-dark-active-color: #9ca5b3;

/* Базовая граница поля ввода. */
--input-border: #9ca5b3;
/* Граница поля ввода в фокусе. */
--input-border-focus: #2e58db;
/* Граница поля ввода при наведении. */
--input-border-hover: #646970;
/* Граница поля ввода с ошибкой. */
--input-border-error: #d02d2d;
/* Цвет подписи поля ввода в обычном состоянии. */
--input-label-color: #9ca5b3;
/* Цвет подписи активного или заполненного поля. */
--input-label-active-color: #646970;
/* Цвет введенного текста в поле. */
--input-text-color: #151515;
/* Цвет подсказки внутри поля ввода. */
--input-placeholder-color: #9ca5b3;
/* Цвет текста ошибки у поля ввода. */
--input-error-color: #d02d2d;

/* Фон переключателя в выключенном состоянии. */
--toggle-bg: #dce1e9;
/* Цвет бегунка переключателя в выключенном состоянии. */
--toggle-thumb-bg: #9ca5b3;
/* Фон переключателя во включенном состоянии. */
--toggle-checked-bg: #e4ecf8;
/* Акцент переключателя во включенном состоянии. */
--toggle-checked-color: #2e58db;
/* Цвет текста рядом с выключенным переключателем. */
--toggle-text-color: #646970;
/* Цвет текста рядом с включенным переключателем. */
--toggle-checked-text-color: #151515;

/* Фон неактивной части ползунка. */
--range-bg: #9ca5b3;
/* Фон активной части ползунка. */
--range-active-bg: #2e58db;

/* Фон контейнера вкладок. */
--tabs-bg: #fff;
/* Фон неактивной вкладки. */
--tabs-item-bg: #dce1e9;
/* Цвет текста неактивной вкладки. */
--tabs-item-color: #646970;
/* Фон активной вкладки. */
--tabs-item-active-bg: #151515;
/* Цвет текста активной вкладки. */
--tabs-item-active-color: #fff;

/* Основной цвет текста для заголовков и контента. */
--text-primary: #151515;
/* Вторичный цвет текста для описаний и метаданных. */
--text-secondary: #646970;
/* Приглушенный цвет текста для подсказок и слабых элементов. */
--text-muted: #9ca5b3;
/* Светлый цвет текста для темных и акцентных поверхностей. */
--text-light: #dce1e9;
/* Белый цвет текста для инверсных поверхностей. */
--text-white: #fff;
/* Цвет текстовых ссылок и кликабельных акцентов. */
--text-link: #2e58db;
/* Цвет текста успешного состояния. */
--text-success: #0a945a;
/* Цвет текста ошибки или опасного действия. */
--text-danger: #d02d2d;

/* Основной фон страницы. */
--bg-primary: #f4f5fc;
/* Белый фон карточек, панелей и модальных окон. */
--bg-white: #fff;
/* Темный фон для контрастных секций. */
--bg-dark: #151515;
/* Светлый фон для мягких секций и карточек. */
--bg-light: #f3f6fb;
/* Серый фон для вторичных поверхностей. */
--bg-gray: #e4ecf8;
/* Фоновый оттенок для разделителей и служебных поверхностей. */
--bg-border: #dce1e9;
/* Приглушенный фон для неактивных элементов. */
--bg-muted: #9ca5b3;
/* Темный фирменный фон для насыщенных секций. */
--bg-primary-dark: #0b297f;
/* Фиолетовый фон для акцентных и промо-блоков. */
--bg-purple: #731eff;
/* Темный фиолетовый фон для глубоких акцентов. */
--bg-purple-dark: #382a8e;
/* Фон ошибки, скидки или срочного предложения. */
--bg-danger: #d72121;
/* Фон успешного состояния или положительного статуса. */
--bg-success: #0a945a;

/* Основной цвет иконок. */
--icon-primary: #2e58db;
/* Вторичный цвет иконок. */
--icon-secondary: #646970;
/* Приглушенный цвет иконок. */
--icon-muted: #9ca5b3;
/* Темный цвет иконок на светлом фоне. */
--icon-dark: #151515;
/* Светлый цвет иконок на темном или акцентном фоне. */
--icon-light: #e4ecf8;
/* Белый цвет иконок для инверсных поверхностей. */
--icon-white: #fff;
/* Цвет иконок успешного состояния. */
--icon-success: #0a945a;

/* Фон бейджа кредитного предложения. */
--badge-credit-bg: #e4ecf8;
/* Цвет текста бейджа кредитного предложения. */
--badge-credit-color: #1641bc;
/* Фон бейджа выгоды. */
--badge-profit-bg: #151515;
/* Цвет текста бейджа выгоды. */
--badge-profit-color: #dce1e9;
/* Фон бейджа скидки или распродажи. */
--badge-sale-bg: #d02d2d;
/* Цвет текста бейджа скидки или распродажи. */
--badge-sale-color: #fff;
/* Цвет рамки бейджа наличия. */
--badge-stock-border: #0a945a;
/* Цвет текста бейджа наличия. */
--badge-stock-color: #0a945a;

/* Фон шапки сайта. */
--header-bg: #fff;
/* Цвет границ и разделителей в шапке. */
--header-border: #dce1e9;
/* Основной цвет текста в шапке. */
--header-text: #151515;
/* Приглушенный цвет текста в шапке. */
--header-muted: #646970;
/* Цвет активного элемента в шапке. */
--header-active: #2e58db;
/* Фон мобильной шапки и меню. */
--header-mobile-bg: #f0f1f6;
/* Фон информационной полосы в шапке. */
--header-info-bg: #151515;
/* Цвет текста информационной полосы в шапке. */
--header-info-color: #dce1e9;

/* Цвет ссылок хлебных крошек. */
--breadcrumbs-color: #646970;
/* Цвет текущего пункта хлебных крошек. */
--breadcrumbs-current-color: #151515;
/* Цвет разделителя хлебных крошек. */
--breadcrumbs-separator-color: #9ca5b3;

/* Фон подвала сайта. */
--footer-bg: #151515;
/* Основной цвет текста в подвале. */
--footer-color: #fff;
/* Вторичный цвет текста в подвале. */
--footer-secondary-color: #dce1e9;
/* Приглушенный цвет текста в подвале. */
--footer-muted-color: #9ca5b3;
/* Служебный цвет текста и ссылок в подвале. */
--footer-text-color: #646970;
/* Цвет разделителей в подвале. */
--footer-border-color: rgba(100, 105, 112, 0.3);
/* Цвет рейтинга и звезд в подвале. */
--footer-rating-color: #eaa900;

/* Фон основной области модального окна. */
--modal-bg: #fff;
/* Фон формы внутри модального окна. */
--modal-form-bg: #f3f6fb;
/* Фон успешного состояния модального окна. */
--modal-success-bg: #e4ecf8;

/* Фон карточек каталога и контентных блоков. */
--card-bg: #fff;
/* Фон области изображения в карточке. */
--card-image-bg: #f3f6fb;
/* Цвет рамки карточки. */
--card-border: #dce1e9;
/* Цвет рамки карточки при наведении. */
--card-hover-border: #151515;
/* Цвет цены и ключевых числовых акцентов в карточке. */
--card-price-color: #2e58db;
/* Приглушенный текст внутри карточки. */
--card-muted-color: #646970;

/* Фон блока отзывов. */
--feedback-bg: #fff;
/* Фон аватара или плейсхолдера в отзыве. */
--feedback-avatar-bg: #2e58db;
/* Цвет рейтинга в блоке отзывов. */
--feedback-rating-color: #0a945a;
/* Фон затемнения для видеоотзывов. */
--feedback-video-bg: rgba(21, 21, 21, 0.7);

/* Фон промо-блока. */
--promo-bg: #fff;
/* Фон изображения или плейсхолдера в промо-блоке. */
--promo-image-bg: #e4ecf8;
/* Фон промо-лейбла. */
--promo-label-bg: #2e58db;
/* Акцентный фон промо-блока. */
--promo-accent-bg: #731eff;

/* Фон баннера специального предложения. */
--offer-bg: #d72121;
/* Цвет текста баннера специального предложения. */
--offer-color: #fff;
/* Фон таймера в баннере специального предложения. */
--offer-timer-bg: #151515;

/* Начальный цвет градиента предложения дня. */
--day-offer-start-bg: #161616;
/* Конечный цвет градиента предложения дня. */
--day-offer-end-bg: #382a8e;
/* Цвет текста предложения дня. */
--day-offer-color: #fff;

/* Фон блока сравнения с конкурентами. */
--competitors-bg: #0b297f;
/* Цвет текста блока сравнения с конкурентами. */
--competitors-color: #fff;

/* Синий оттенок для автомобильных иллюстраций и деталей. */
--car-blue: #aac5f0;
/* Красный оттенок для автомобильных иллюстраций и деталей. */
--car-red: #c31313;
/* Фон карты или блока с локацией. */
--map-bg: #aeaeae;

/* Тёмный нейтральный оттенок для плотных текстовых и фоновых акцентов. */
--color-neutral-900: #1a1a1a;
/* Самый тёмный нейтральный оттенок для служебных блоков и текста. */
--color-neutral-800: #101010;
/* Тёмный нейтральный оттенок для заголовков и сильных контрастов. */
--color-neutral-700: #333333;
/* Средне-тёмный нейтральный оттенок для вторичного текста. */
--color-neutral-600: #444444;
/* Приглушённый нейтральный оттенок для слабого текста и иконок. */
--color-neutral-500-alt: #555555;
/* Нейтральный серый оттенок для вспомогательных подписей. */
--color-neutral-400-alt: #666666;
/* Светлый нейтральный оттенок для мягких акцентов. */
--color-neutral-300-alt: #888888;
/* Светлый серый оттенок для подсказок и служебных меток. */
--color-neutral-250-alt: #999999;
/* Светлый серый оттенок для слабых границ и второстепенных элементов. */
--color-neutral-200-alt: #aaaaaa;
/* Очень светлый серый оттенок для неактивных поверхностей. */
--color-neutral-150-alt: #bbbbbb;
/* Мягкий серый оттенок для приглушённых границ. */
--color-neutral-100-alt: #cccccc;
/* Слабый серый оттенок для светлых разделителей. */
--color-neutral-90: #dddddd;
/* Нейтральный серый оттенок для рамок и разделителей. */
--color-soft-border: #dbdbdb;
/* Мягкий серый оттенок для вторичных рамок. */
--color-soft-border-2: #d0d0d0;
/* Холодный светло-серый оттенок для тонких разделителей. */
--color-soft-border-3: #e0e0e0;
/* Сланцевый серый оттенок для карточек и панели. */
--color-slate-700: #374151;
/* Приглушённый сланцевый оттенок для служебного текста. */
--color-slate-600: #5a5f65;
/* Глубокий тёмный оттенок для фоновых плашек и панелей. */
--color-deep-dark: #0e0e13;
/* Дополнительный глубокий тёмный оттенок для тёмных секций. */
--color-deep-dark-alt: #161616;

/* Чисто белая поверхность для светлых блоков. */
--color-surface-50: #f8f8f8;
/* Почти белая поверхность для карточек и панелей. */
--color-surface-60: #f7f7f7;
/* Светлая поверхность для фоновых подложек. */
--color-surface-70: #f6f6f6;
/* Очень светлая поверхность для тихих блоков. */
--color-surface-80: #f1f1f1;
/* Светлая поверхность для нейтральных контейнеров. */
--color-surface-90: #eeeeee;
/* Светлая поверхность для вторичных карточек. */
--color-surface-100-alt: #ededed;
/* Холодный светлый фон для полей и блоков. */
--color-surface-110-alt: #e9ecef;
/* Светлый серо-голубой фон для служебных подложек. */
--color-surface-120-alt: #e2e8f0;
/* Светлый нейтральный фон для тонких разделителей. */
--color-surface-130-alt: #e4e4e4;
/* Светлый фон для мягких секций и панелей. */
--color-surface-140-alt: #ebeff2;
/* Тёплый светлый фон для нейтральных областей. */
--color-surface-150-alt: #e5e3df;
/* Холодный светлый фон для оболочек и секций. */
--color-surface-160-alt: #f0f1f6;

/* Альтернативный синий акцент для дополнительных кнопок и ссылок. */
--color-brand-alt: #2f6bff;
/* Светлый синий акцент для вторичных выделений. */
--color-brand-soft: #5897fb;
/* Мягкий голубой акцент для подсветок и бейджей. */
--color-brand-soft-2: #5eb0ef;
/* Дополнительный синий акцент для ссылок и активных состояний. */
--color-blue-sky: #007aff;
/* Яркий синий акцент для точечных выделений. */
--color-blue-sky-2: #0091ff;
/* Глубокий фиолетовый акцент для декоративных блоков. */
--color-accent-violet: #431193;
/* Дополнительный тёмный фиолетовый оттенок для градиентов. */
--color-accent-violet-dark: #4e34a9;
/* Мягкий красный оттенок для предупреждений и анимаций. */
--color-danger-soft: #ff6b6b;
/* Оранжево-красный оттенок для предупреждений и градиентов. */
--color-danger-soft-2: #ff8e53;
/* Мягкий зелёный фон для позитивных состояний. */
--color-success-soft: #d7f8e0;
/* Яркий жёлтый акцент для предупреждений и рейтингов. */
--color-warning: #eaa900;

/* Прозрачный чёрный для мягких теней и подсветок. */
--color-black-alpha-08: rgba(0, 0, 0, 0.08);
/* Слабый чёрный для бордеров и теней. */
--color-black-alpha-10: rgba(0, 0, 0, 0.1);
/* Мягкий чёрный для тонких подложек. */
--color-black-alpha-12: rgba(0, 0, 0, 0.12);
/* Лёгкий чёрный для внутренних теней. */
--color-black-alpha-15: rgba(0, 0, 0, 0.15);
/* Средний чёрный для полупрозрачных наложений. */
--color-black-alpha-25: rgba(0, 0, 0, 0.25);
/* Сильный чёрный для затемнения фона. */
--color-black-alpha-45: rgba(0, 0, 0, 0.45);
/* Основной чёрный для затемнений и масок. */
--color-black-alpha-50: rgba(0, 0, 0, 0.5);
/* Усиленный чёрный для глубоких оверлеев. */
--color-black-alpha-60: rgba(0, 0, 0, 0.6);
/* Очень сильный чёрный для тяжёлых оверлеев. */
--color-black-alpha-75: rgba(0, 0, 0, 0.75);
/* Нейтральный тёмный цвет для тёмных панелей. */
--color-dark-alpha-15: rgba(24, 24, 27, 0.15);
/* Нейтральный тёмный цвет для теней и бордеров. */
--color-dark-alpha-30: rgba(24, 24, 27, 0.3);
/* Нейтральный тёмный цвет для вспомогательных оверлеев. */
--color-dark-alpha-50: rgba(24, 24, 27, 0.5);
/* Нейтральный тёмный цвет для плотных оверлеев. */
--color-dark-alpha-65: rgba(24, 24, 27, 0.65);
/* Нейтральный тёмный цвет для почти непрозрачных слоёв. */
--color-dark-alpha-98: rgba(24, 24, 27, 0.98);
/* Нейтральный тёмный цвет для почти плотных слоёв. */
--color-dark-alpha-90: rgba(24, 24, 27, 0.9);
/* Белый с низкой прозрачностью для подсветки и разделителей. */
--color-white-alpha-05: rgba(255, 255, 255, 0.05);
/* Белый с малой прозрачностью для подложек и теней. */
--color-white-alpha-10: rgba(255, 255, 255, 0.1);
/* Белый с мягкой прозрачностью для наложений. */
--color-white-alpha-20: rgba(255, 255, 255, 0.2);
/* Белый с заметной прозрачностью для акцентов на тёмном фоне. */
--color-white-alpha-70: rgba(255, 255, 255, 0.7);
/* Белый почти без прозрачности для ярких поверхностей. */
--color-white-alpha-94: rgba(255, 255, 255, 0.94);
/* Полностью прозрачный цвет для отключения фона. */
--color-transparent: rgba(0, 0, 0, 0);
/* Полностью прозрачный белый для мягкого обнуления слоя. */
--color-transparent-white: rgba(255, 255, 255, 0);
/* Нейтральный тёмный цвет для плотных overlay-состояний. */
--color-dark-alpha-80: rgba(17, 24, 28, 0.8);
/* Основной синий цвет с низкой прозрачностью для акцентов. */
--color-primary-alpha-10: rgba(46, 88, 219, 0.1);
/* Основной синий цвет с умеренной прозрачностью для подсветок. */
--color-primary-alpha-20: rgba(46, 88, 219, 0.2);
/* Дополнительный синий акцент с прозрачностью для подсветок. */
--color-brand-alt-alpha-25: rgba(47, 107, 255, 0.25);
/* Тёмный фирменный синий с прозрачностью для мягких оверлеев. */
--color-primary-dark-alpha-20: rgba(0, 38, 145, 0.2);
/* Тёмный красный с прозрачностью для предупреждающих слоёв. */
--color-danger-dark-alpha-20: rgba(103, 0, 0, 0.2);
/* Светлый красный с прозрачностью для мягких предупреждений. */
--color-danger-soft-alpha-40: rgba(255, 107, 107, 0.4);
/* Светлый красный с более заметной прозрачностью для акцентов. */
--color-danger-soft-alpha-60: rgba(255, 107, 107, 0.6);
/* Светлый красный с сильной прозрачностью для анимаций и бликов. */
--color-danger-soft-alpha-70: rgba(255, 107, 107, 0.7);
/* Средний серый с прозрачностью для бордеров и теней. */
--color-gray-400-alpha-50: rgba(153, 161, 172, 0.5);
/* Полупрозрачный красный для мягкой ошибки. */
--color-danger-alpha-25: rgba(208, 45, 45, 0.25);
/* Тёмный чёрный с высокой прозрачностью для оверлеев. */
--color-black-alpha-44: rgba(0, 0, 0, 0.44);
/* Тёмный чёрный с плотным оверлеем. */
--color-black-alpha-75-hex: rgba(0, 0, 0, 0.75);
/* Белый с высокой прозрачностью для светлых наложений. */
--color-white-alpha-80: rgba(255, 255, 255, 0.8);
/* Слабый чёрный для тонких теней и подложек. */
--color-black-alpha-05: rgba(0, 0, 0, 0.05);
/* Чёрный с умеренной прозрачностью для теней и акцентов. */
--color-black-alpha-35: rgba(0, 0, 0, 0.35);
/* Полупрозрачный чёрный для плотных масок. */
--color-black-alpha-67: rgba(0, 0, 0, 0.67);
/* Тёмный нейтральный оттенок для мягких иконок. */
--color-neutral-700-alpha-65: rgba(70, 70, 73, 0.65);
/* Тёмный нейтральный оттенок для вторичных иконок. */
--color-neutral-600-alpha-65: rgba(90, 90, 93, 0.65);
/* Тёмный акцентный синий для верхних слоёв бренда. */
--color-blue-800: #002691;
/* Основной синий акцент для баннеров и ссылок. */
--color-blue-700: #032ab8;
/* Дополнительный синий оттенок для интерфейсных акцентов. */
--color-blue-600: #2146c2;
/* Светлый синий оттенок для выделений и ссылок. */
--color-blue-500: #3875d7;
/* Яркий синий оттенок для акцентов и графики. */
--color-blue-400: #5077ff;
/* Мягкий голубой фон для подсветок. */
--color-blue-100-alpha: rgba(217, 233, 255, 1);
/* Темный фиолетовый оттенок для промо-градиентов. */
--color-purple-950: #241939;
/* Дополнительный фиолетовый оттенок для градиентов. */
--color-purple-700: #3621b9;
/* Красно-оранжевый акцент для служебных предупреждений. */
--color-orange-500: #e74929;
/* Серый оттенок для вторичного текста и меток. */
--color-gray-250: #9e9e9e;
/* Серый оттенок для нейтральных иконок и рамок. */
--color-gray-220: #b4b4b4;
/* Серо-белый оттенок для мягких поверхностей. */
--color-gray-180: #dfe3e5;
/* Светлый нейтральный оттенок для пунктирных разделителей. */
--color-border-soft-alt: #dde3ee;
/* Светлый фон для мягких подложек и фолбэков. */
--color-primary-light-alt: #e4ebf8;
/* Светлый фон для экранов ошибок и запасных подложек. */
--color-page-fallback-bg: #e4ecf9;
/* Полностью прозрачный слой для мягкого обнуления градиента. */
--color-transparent-alt: rgba(255, 255, 255, 0);
/* Прозрачный голубой слой для декоративных градиентов. */
--color-cyan-alpha-44: rgba(181, 242, 255, 0.44);
/* Серый полупрозрачный слой для декоративных градиентов. */
--color-surface-alpha-20: rgba(181, 191, 204, 0.2);
/* Прозрачный синий слой для декоративных подложек. */
--color-blue-alpha-100: rgba(3, 42, 184, 1);
/* Прозрачный фиолетовый слой для декоративных подложек. */
--color-purple-alpha-100: rgba(54, 33, 185, 1);
/* Прозрачный белый слой для декоративных подложек. */
--color-surface-transparent: rgba(242, 245, 250, 0);
/* Полупрозрачный фирменный синий для hover-состояний. */
--color-brand-shadow: #3c5cc285;
/* Основной красный оттенок для ошибок и предупреждений. */
--color-red-500: #f44336;

}