html {
    /* Дизайн система РТ https://design.rt.ru/basics/colors/palette */
    /** DEPRECATED */
    --rt-purple: #7700ff;
    --rt-orange: #ff4f12;
    --rt-green: #29cca3;
    --rt-blue: #2f9aff;
    --rt-purple-rgb: 119, 0, 255;
    --rt-orange-rgb: 255, 79, 18;
    --rt-green-rgb: 41, 204, 163;
    --rt-blue-rgb: 47, 154, 255;
    --rt-success: #00d359;
    --rt-error: #ff0c0c;
    --rt-warning: #ffb608;
    --rt-info: #0042ed;
    --rt-white: #ffffff;
    --rt-black: #101828;
    --rt-white-5: #f4f4f5;
    --rt-white-10: #e8e8ee;
    --rt-white-20: #d3d4db;
    --rt-white-40: #b5b7c0;
    --rt-white-50: hsla(0, 0%, 50%, 1); /* удалить в отдельном коммите */
    --rt-white-60: #797E8B;
    --rt-white-80: #3D4555;
    --rt-white-90: #272F3D;
    --rt-white-95: #1D2533;
    --rt-main-text: var(--rt-black);
    --rt-transparent-75: rgba(16, 24, 40, 0.7);
    --rt-transparent-50: rgba(16, 24, 40, 0.5);
    --rt-transparent-25: rgba(16, 24, 40, 0.25);
    --rt-transparent-10: rgba(16, 24, 40, 0.1);
    --rt-transparent-5: rgba(16, 24, 40, 0.05);
    --rt-shadow: rgba(28, 41, 61, 0.1);

    /** Оптимальный вариант использования */

    /** STATIC STYLES (стараемся НЕ использовать) */

    /** Primary Colors */
    --rt-color-purple-day: #7700ff;
    --rt-color-purple-night: #9466ff;
    --rt-color-orange-day: #ff4f12;
    --rt-color-orange-night: #ff5e2d;

    /** Secondary colors */
    --rt-color-green-day: #29cca3;
    --rt-color-green-night: #16d9a6;
    --rt-color-blue-day: #2f9aff;
    --rt-color-blue-night: #40a2ff;

    /** Additional colors */
    --rt-color-additional-green-day: #00d359;
    --rt-color-additional-green-night: #26da72;
    --rt-color-additional-red-day: #ff0c0c;
    --rt-color-additional-red-night: #ff4747;
    --rt-color-additional-yellow-day: #ffb608;
    --rt-color-additional-yellow-night: #ffca00;
    --rt-color-additional-blue-day: #0042ed;
    --rt-color-additional-blue-night: #4075ff;

    /** Monochromatic colors */
    --rt-color-white: #ffffff;
    --rt-color-white-95: #f4f4f5;
    --rt-color-white-90: #e8e8ee;
    --rt-color-white-80: #d3d4db;
    --rt-color-white-60: #b5b7c0;
    --rt-color-white-40: #797E8B;
    --rt-color-white-20: #3D4555;
    --rt-color-white-10: #272F3D;
    --rt-color-white-5: #1D2533;

    --rt-color-black: #101828;
    --rt-color-black-95: #1D2533;
    --rt-color-black-90: #272F3D;
    --rt-color-black-80: #3D4555;
    --rt-color-black-60: #797E8B;
    --rt-color-black-40: #b5b7c0;
    --rt-color-black-20: #d3d4db;
    --rt-color-black-10: #e8e8ee;
    --rt-color-black-5: #f4f4f5;

    /** Transparent colors (typographic and background) */
    --rt-color-transparent-100-day: rgba(16, 24, 40, 1);
    --rt-color-transparent-100-night: rgba(255, 255, 255, 1);
    --rt-color-transparent-75-day: rgba(16, 24, 40, 0.7);
    --rt-color-transparent-75-night: rgba(255, 255, 255, 0.6);
    --rt-color-transparent-50-day: rgba(16, 24, 40, 0.5);
    --rt-color-transparent-50-night: rgba(255, 255, 255, 0.4);
    --rt-color-transparent-25-day: rgba(16, 24, 40, 0.25);
    --rt-color-transparent-25-night: rgba(255, 255, 255, 0.25);
    --rt-color-transparent-10-day: rgba(16, 24, 40, 0.1);
    --rt-color-transparent-10-night: rgba(255, 255, 255, 0.1);
    --rt-color-transparent-5-day: rgba(16, 24, 40, 0.05);
    --rt-color-transparent-5-night: rgba(255, 255, 255, 0.06);
    --rt-color-transparent-3-day: rgba(16, 24, 40, 0.025);
    --rt-color-transparent-3-night: rgba(255, 255, 255, 0.03);



    /** DYNAMIC STYLES (стараемся использовать) */
    --rt-color-primary-1: var(--rt-color-purple-day);
    --rt-color-primary-2: var(--rt-color-orange-day);
    --rt-color-secondary-1: var(--rt-color-green-day);
    --rt-color-secondary-2: var(--rt-color-blue-day);
    --rt-color-success: var(--rt-color-additional-green-day);
    --rt-color-error: var(--rt-color-additional-red-day);
    --rt-color-warning: var(--rt-color-additional-yellow-day);
    --rt-color-info: var(--rt-color-additional-blue-day);

    --rt-color-transparent-100: var(--rt-color-transparent-100-day);
    --rt-color-transparent-75: var(--rt-color-transparent-75-day);
    --rt-color-transparent-50: var(--rt-color-transparent-50-day);
    --rt-color-transparent-25: var(--rt-color-transparent-25-day);
    --rt-color-transparent-10: var(--rt-color-transparent-10-day);
    --rt-color-transparent-5: var(--rt-color-transparent-5-day);
    --rt-color-transparent-3: var(--rt-color-transparent-3-day);

    --rt-color-transparent-invert-100: var(--rt-color-transparent-100-night);
    --rt-color-transparent-invert-75: var(--rt-color-transparent-75-night);
    --rt-color-transparent-invert-50: var(--rt-color-transparent-50-night);
    --rt-color-transparent-invert-25: var(--rt-color-transparent-25-night);
    --rt-color-transparent-invert-10: var(--rt-color-transparent-10-night);
    --rt-color-transparent-invert-5: var(--rt-color-transparent-5-night);
    --rt-color-transparent-invert-3: var(--rt-color-transparent-3-night);

    --rt-color-main: var(--rt-color-black);
    --rt-color-main-95: var(--rt-color-black-95);
    --rt-color-main-90: var(--rt-color-black-90);
    --rt-color-main-80: var(--rt-color-black-80);
    --rt-color-main-60: var(--rt-color-black-60);
    --rt-color-main-40: var(--rt-color-black-40);
    --rt-color-main-20: var(--rt-color-black-20);
    --rt-color-main-10: var(--rt-color-black-10);
    --rt-color-main-5: var(--rt-color-black-5);

    --rt-color-main-invert: var(--rt-color-white);
    --rt-color-main-invert-95: var(--rt-color-white-95);
    --rt-color-main-invert-90: var(--rt-color-white-90);
    --rt-color-main-invert-80: var(--rt-color-white-80);
    --rt-color-main-invert-60: var(--rt-color-white-60);
    --rt-color-main-invert-40: var(--rt-color-white-40);
    --rt-color-main-invert-20: var(--rt-color-white-20);
    --rt-color-main-invert-10: var(--rt-color-white-10);
    --rt-color-main-invert-5: var(--rt-color-white-5);
}

html[theme=dark] {
    /** DEPRECATED */
    --rt-purple: #9466ff;
    --rt-orange: #ff5e2d;
    --rt-green: #16d9a6;
    --rt-blue: #40a2ff;
    --rt-purple-rgb: 148, 102, 255;
    --rt-orange-rgb: 255, 94, 45;
    --rt-green-rgb: 22, 217, 166;
    --rt-blue-rgb: 64, 162, 255;
    --rt-success: #26da72;
    --rt-error: #ff4747;
    --rt-warning: #ffca00;
    --rt-info: #4075ff;
    --rt-white: #101828; /* инверсия цветов, что не верно */
    --rt-black: #FFFFFF;
    --rt-white-95: #f4f4f5;
    --rt-white-90: #e8e8ee;
    --rt-white-80: #d3d4db;
    --rt-white-60: #b5b7c0;
    --rt-white-50: hsla(0, 0%, 50%, 1); /* удалить в отдельном коммите */
    --rt-white-40: #797E8B;
    --rt-white-20: #3D4555;
    --rt-white-10: #272F3D;
    --rt-white-5: #1D2533;
    --rt-main-text: var(--rt-black);
    --rt-transparent-75: rgba(255, 255, 255, 0.6);
    --rt-transparent-50: rgba(255, 255, 255, 0.4);
    --rt-transparent-25: rgba(255, 255, 255, 0.25);
    --rt-transparent-10: rgba(255, 255, 255, 0.1);
    --rt-transparent-5: rgba(255, 255, 255, 0.06);
    --rt-shadow: rgba(0, 0, 0, 0.35);

    /** DYNAMIC STYLES */
    --rt-color-primary-1: var(--rt-color-purple-night);
    --rt-color-primary-2: var(--rt-color-orange-night);
    --rt-color-secondary-1: var(--rt-color-green-night);
    --rt-color-secondary-2: var(--rt-color-blue-night);
    --rt-color-success: var(--rt-color-additional-green-night);
    --rt-color-error: var(--rt-color-additional-red-night);
    --rt-color-warning: var(--rt-color-additional-yellow-night);
    --rt-color-info: var(--rt-color-additional-blue-night);

    --rt-color-transparent-100: var(--rt-color-transparent-100-night);
    --rt-color-transparent-75: var(--rt-color-transparent-75-night);
    --rt-color-transparent-50: var(--rt-color-transparent-50-night);
    --rt-color-transparent-25: var(--rt-color-transparent-25-night);
    --rt-color-transparent-10: var(--rt-color-transparent-10-night);
    --rt-color-transparent-5: var(--rt-color-transparent-5-night);
    --rt-color-transparent-3: var(--rt-color-transparent-3-night);

    --rt-color-transparent-invert-100: var(--rt-color-transparent-100-day);
    --rt-color-transparent-invert-75: var(--rt-color-transparent-75-day);
    --rt-color-transparent-invert-50: var(--rt-color-transparent-50-day);
    --rt-color-transparent-invert-25: var(--rt-color-transparent-25-day);
    --rt-color-transparent-invert-10: var(--rt-color-transparent-10-day);
    --rt-color-transparent-invert-5: var(--rt-color-transparent-5-day);
    --rt-color-transparent-invert-3: var(--rt-color-transparent-3-day);

    --rt-color-main: var(--rt-color-white);
    --rt-color-main-95: var(--rt-color-white-95);
    --rt-color-main-90: var(--rt-color-white-90);
    --rt-color-main-80: var(--rt-color-white-80);
    --rt-color-main-60: var(--rt-color-white-60);
    --rt-color-main-40: var(--rt-color-white-40);
    --rt-color-main-20: var(--rt-color-white-20);
    --rt-color-main-10: var(--rt-color-white-10);
    --rt-color-main-5: var(--rt-color-white-5);

    --rt-color-main-invert: var(--rt-color-black);
    --rt-color-main-invert-95: var(--rt-color-black-95);
    --rt-color-main-invert-90: var(--rt-color-black-90);
    --rt-color-main-invert-80: var(--rt-color-black-80);
    --rt-color-main-invert-60: var(--rt-color-black-60);
    --rt-color-main-invert-40: var(--rt-color-black-40);
    --rt-color-main-invert-20: var(--rt-color-black-20);
    --rt-color-main-invert-10: var(--rt-color-black-10);
    --rt-color-main-invert-5: var(--rt-color-black-5);
}