/* === ЦВЕТОВАЯ ПАЛИТРА === */

:root {
     /* Анимации сердца */
    --color-heart: #ff1493;                         /* .heart-icon path */
    --color-heart-shadow: rgba(255, 20, 147, 0.7);  /* .heart-icon filter */
    --color-heart-wave: rgba(255, 20, 147, 0.6);    /* .heart-wave path */
    
    /* Цвета ников */
    --nick-black: #000000;                /* div[data-color="0"] */
    --nick-red: #ff8a8a;                  /* div[data-color="1"] */
    --nick-mint: #88f0c8;                 /* div[data-color="2"] */
    --nick-yellow: #ffde70;               /* div[data-color="3"] */
    --nick-blue: #b0b9ff;                 /* div[data-color="4"] */
    --nick-pink: #ffb8e0;                 /* div[data-color="5"] */
    --nick-sky: #99ddff;                  /* div[data-color="6"] */
    --nick-green: #caf67d;                /* div[data-color="7"] */
    --nick-lavender: #d6c2ff;             /* div[data-color="8"] */
    --nick-cream: #ffedae;                /* div[data-color="9"] */
}

body.theme-ice{
    
    /* Основные брендовые цвета */
    --color-primary: #6C63FF;           /* .f1 - Фон шапки */
    --color-primary-dark: #524bc1;      /* .f13 - Фон всплывающего сообщения */
    
    /* Текст на фиолетовом фоне */
    --text-on-primary: #FFFFFF;         /* .f2 - Текст 1 */
    
    /* Темная тема - сайдбар */
    --color-sidebar-bg: #1A1A2E;        /* .f3 - Фон сайдбара */
    --color-sidebar-hover: #3e3e59;     /* #chats-menu .side-menu-body .c-pointer:hover */
    
    /* Светлый текст на темном фоне */
    --text-muted: #E6E6E6;              /* .f4 - Текст 2 */
    
    /* Основной чат */
    --color-chat-bg: #c4d7eb;           /* .f5 - Фон основного окна сообщений */
    
    /* Акцентный текст */
    --text-accent: #6C63FF;             /* .f6 - Текст 3 */
    
    /* Сообщения собеседника */
    --color-message-incoming-bg: #ffffff;   /* .f7 - Фон облачка сообщений */
    --text-message-incoming: #000000;       /* .f8 - Текст облачка сообщений */
    
    /* Разделители */
    --color-divider: #EAEAEA;           /* .f9 - Цвет разделителей */
    
    /* Панель ввода */
    --color-input-bg: #FFFFFF;          /* .f10 - Фон панели ввода */
    
    /* Мои сообщения */
    --color-message-outgoing-bg: #e8ffd8;   /* .f11 - Фон облачка моих сообщений */
    --text-message-outgoing: #000000;       /* .f12 - Текст облачка моих сообщений */
    
    /* Всплывающие уведомления */
    --text-notification: #f3f3f3;       /* .f14 - Текст всплывающего сообщения */
    
    /* Системные сообщения */
    --color-system-bg: rgba(100,100,255,0.7);   /* .f15 - Фон системного сообщения */
    --text-system: #ffffff;                     /* .f16 - Текст системного сообщения */
    
    /* Глобальные фоны */
    --color-body-bg: #221b9b;             /* body - Глобальный фон страницы */
    --color-body-text: #fff;              /* body - Глобальный цвет текста */
    
    /* UI элементы */
    --color-avatar-bg: #f0f0f0;         /* .rounded-full - Фон аватарки */
    --color-avatar-text: #666;          /* .rounded-full - Текст аватарки */
    
    /* Ввод текста */
    --color-input-placeholder: #999;    /* .placeholder:empty::before */
    --color-auto-expand-bg: white;      /* .auto-expand - Фон поля ввода */
    
    /* Градиенты чата */
	--color-chat-gradient-start: rgb(35 69 151);
    --color-chat-gradient-mid: rgb(18 38 85);
    --color-chat-gradient-end: rgb(35 69 151);
    
    /* Telegram-стили */
    --color-tg-white: #ffffff;          /* .bg-white */
    --color-tg-blue: #e3f2fd;             /* .bg-blue - Цвет исходящих сообщений */
    
    /* Время сообщений */
    --color-time-text: #bfbebe;         /* #feed-0 .chat .time */
    
    /* Модальное окно */
    --color-modal-overlay: rgba(0, 0, 100, 0.5);    /* .layer - Фон оверлея */
    --color-modal-border: #7271ff;                  /* .modal - Граница модалки */
    
    /* Системные уведомления */
    --color-warn-bg: #ba31bd;             /* .message-sys[data-type="warn"] > div */
    
    /* Полупрозрачные */
    --color-overlay-light: rgba(255, 255, 255, .05); /* #feed-0 .chat .row[data-dir="1"] */
}


body.theme-steel{
    
    /* Основные брендовые цвета — стальной акцент */
    
    --color-primary: #4A5568;           /* .f1 - Фон шапки — графитовый стальной */
    --color-primary-dark: #2D3748;      /* .f13 - Фон всплывающего сообщения — темный стальной */
    
    /* Текст на темном фоне шапки */
    --text-on-primary: #FFFFFF;         /* .f2 - Текст 1 — чистый белый для контраста */
    
    /* Темная тема - сайдбар — глубокий антрацит */
    --color-sidebar-bg: #0a0a0b;        /* .f3 - Фон сайдбара */
    --color-sidebar-hover: #2D3748;     /* #chats-menu .side-menu-body .c-pointer:hover — стальной hover */
    
    /* Светлый текст на темном фоне — холодный серый */
    --text-muted: #becad8;              /* .f4 - Текст 2 — стальной серый */
    
    /* Основной чат — холодный серо-голубой */
    --color-chat-bg: #CBD5E0;           /* .f5 - Фон основного окна сообщений — светло-стальной */
    
    /* Акцентный текст — яркий стальной */
    --text-accent: #718096;             /* .f6 - Текст 3 — серо-стальной акцент */
    
    /* Сообщения собеседника — чистый белый */
    --color-message-incoming-bg: #FFFFFF;   /* .f7 - Фон облачка сообщений */
    --text-message-incoming: #1A202C;       /* .f8 - Текст облачка сообщений — темно-серый */
    
    /* Разделители — тонкий стальной */
    --color-divider: #CBD5E0;           /* .f9 - Цвет разделителей */
    
    /* Панель ввода — белоснежный стальной */
    --color-input-bg: #F7FAFC;          /* .f10 - Фон панели ввода — холодный белый */
    
    /* Мои сообщения — светло-стальной/серый */
    --color-message-outgoing-bg: #E2E8F0;   /* .f11 - Фон облачка моих сообщений — светло-стальной */
    --text-message-outgoing: #2D3748;       /* .f12 - Текст облачка моих сообщений — стальной */
    
    /* Всплывающие уведомления — холодный серый */
    --text-notification: #F7FAFC;       /* .f14 - Текст всплывающего сообщения */
    
    /* Системные сообщения — яркий стальной акцент */
    --color-system-bg: rgba(74, 85, 104, 0.9);   /* .f15 - Фон системного сообщения — стальной */
    --text-system: #FFFFFF;                     /* .f16 - Текст системного сообщения */
    
    /* Глобальные фоны — темный антрацит */
    --color-body-bg: #0d1117;             /* body - Глобальный фон страницы — глубокий антрацит */
    --color-body-text: #E2E8F0;           /* body - Глобальный цвет текста — стальной светлый */
    
    /* UI элементы — нейтральный стальной */
    --color-avatar-bg: #E2E8F0;         /* .rounded-full - Фон аватарки */
    --color-avatar-text: #4A5568;       /* .rounded-full - Текст аватарки — стальной */
    
    /* Ввод текста — нейтральный серый */
    --color-input-placeholder: #A0AEC0;    /* .placeholder:empty::before — стальной серый */
    --color-auto-expand-bg: #FFFFFF;      /* .auto-expand - Фон поля ввода */
    
    /* Градиенты чата — монохромный стальной */
    --color-chat-gradient-start: #4e4e4f;
    --color-chat-gradient-mid: #16191e;
    --color-chat-gradient-end: #4e4e4f;
    
    /* Telegram-стили — стальная замена */
    --color-tg-white: #FFFFFF;          /* .bg-white */
    --color-tg-blue: #CBD5E0;           /* .bg-blue - Цвет исходящих сообщений — стальной заменитель синего */
    
    /* Время сообщений — теплый стальной */
    --color-time-text: #A0AEC0;         /* #feed-0 .chat .time — серый металлик */
    
    /* Модальное окно — стальное стекло */
    --color-modal-overlay: rgba(23, 25, 35, 0.7);    /* .layer - Фон оверлея — темное стекло */
    --color-modal-border: #4A5568;                   /* .modal - Граница модалки — стальная */
    
    /* Системные уведомления — стальной акцент */
    --color-warn-bg: #4A5568;             /* .message-sys[data-type="warn"] > div — стальной вместо пурпурного */
    
    /* Полупрозрачные — стальное стекло */
    --color-overlay-light: rgba(160, 174, 192, .05); /* #feed-0 .chat .row[data-dir="1"] — стальное полупрозрачное */
}

body.theme-cherry{
    
    /* Основные брендовые цвета - яркий розовый */
    --color-primary: #c14da2;           /* .f1 - Фон шапки - насыщенный розовый */
    --color-primary-dark: #f1bc8deb;      /* .f13 - Фон всплывающего сообщения - тёмно-розовый */
    
    /* Текст на розовом фоне */
    --text-on-primary: #FFFFFF;         /* .f2 - Текст 1 */
    
    /* Темная тема - сайдбар - глубокий пурпурно-розовый */
    --color-sidebar-bg: #61084b;        /* .f3 - Фон сайдбара */
    --color-sidebar-hover: #4D1A3D;     /* #chats-menu .side-menu-body .c-pointer:hover */
    
    /* Светлый текст на темном фоне */
    --text-muted: #fff1f8;              /* .f4 - Текст 2 - нежно-розовый */
    
    /* Основной чат - контрастный светло-розовый */
    --color-chat-bg: #FFE4EC;           /* .f5 - Фон основного окна сообщений */
    
    /* Акцентный текст - электрический розовый */
    --text-accent: #FF006E;             /* .f6 - Текст 3 */
    
    /* Сообщения собеседника - чистый белый для контраста */
    --color-message-incoming-bg: #FFFFFF;   /* .f7 - Фон облачка сообщений */
    --text-message-incoming: #2D0A1F;       /* .f8 - Текст облачка - глубокий розовый */
    
    /* Разделители */
    --color-divider: #FFB3D9;           /* .f9 - Цвет разделителей - розовый */
    
    /* Панель ввода */
    --color-input-bg: #FFFFFF;          /* .f10 - Фон панели ввода */
    
    /* Мои сообщения - кислотно-розовый для максимального контраста */
    --color-message-outgoing-bg: #FF1493;   /* .f11 - Фон облачка моих сообщений - deep pink */
    --text-message-outgoing: #FFFFFF;       /* .f12 - Текст облачка моих сообщений */
    
    /* Всплывающие уведомления */
    --text-notification: #FFE4EC;       /* .f14 - Текст всплывающего сообщения */
    
    /* Системные сообщения - неоновый розовый */
    --color-system-bg: rgb(105 9 147 / 85%);   /* .f15 - Фон системного сообщения */
    --text-system: #ffffff;                     /* .f16 - Текст системного сообщения */
    
    /* Глобальные фоны - тёмно-розовый/бордовый */
    --color-body-bg: #1A0510;             /* body - Глобальный фон страницы */
    --color-body-text: #FFE4EC;           /* body - Глобальный цвет текста - светло-розовый */
    
    /* UI элементы */
    --color-avatar-bg: #FFCCE6;         /* .rounded-full - Фон аватарки - светло-розовый */
    --color-avatar-text: #FF006E;       /* .rounded-full - Текст аватарки - розовый */
    
    /* Ввод текста */
    --color-input-placeholder: #FF69B4;    /* .placeholder:empty::before - hot pink */
    --color-auto-expand-bg: #FFFFFF;      /* .auto-expand - Фон поля ввода */
    
    /* Градиенты чата - розовые тона */
	--color-chat-gradient-start: rgb(243 8 135);
    --color-chat-gradient-mid: rgb(143 3 66);
    --color-chat-gradient-end: rgb(215 3 99);
    
    /* Telegram-стили */
    --color-tg-white: #ffffff;          /* .bg-white */
    --color-tg-blue: #FFCCE6;             /* .bg-blue - Цвет исходящих сообщений → теперь светло-розовый */
    
    /* Время сообщений */
    --color-time-text: #47196f;         /* #feed-0 .chat .time - hot pink */
    
    /* Модальное окно */
    --color-modal-overlay: rgba(255, 0, 110, 0.6);    /* .layer - Фон оверлея - розовый */
    --color-modal-border: #FF006E;                    /* .modal - Граница модалки */
    
    /* Системные уведомления */
    --color-warn-bg: #FF1493;             /* .message-sys[data-type="warn"] > div - яркий розовый */
    
    /* Полупрозрачные */
    --color-overlay-light: rgba(255, 204, 230, .05); /* #feed-0 .chat .row[data-dir="1"] - светло-розовый */
}


body.theme-chocolate{
    
    /* Основные брендовые цвета бежевый */
    --color-primary: #c18152;           /* Пыльно-розовый вместо фиолетового */
    --color-primary-dark: #e9b07e;      /* Насыщенный розовый для уведомлений */
    
    /* Текст на розовом фоне */
    --text-on-primary: #FFFFFF;         /* Темно-коричневый вместо белого */
    
    /* Темная тема - сайдбар (перекрашен в теплые тона) */
    --color-sidebar-bg: #513434;        /* Теплый шоколадный вместо холодного синего */
    --color-sidebar-hover: #5D4545;     /* Светлый шоколадный для ховера */
    
    /* Светлый текст на темном фоне */
    --text-muted: #F5E6D3;             /* Ванильный крем вместо серого */
    
    /* Основной чат */
    --color-chat-bg: #FDF6F0;           /* Кремовый фон вместо голубого */
    
    /* Акцентный текст */
    --text-accent: #D486A0;             /* Персиково-розовый акцент */
    
    /* Сообщения собеседника */
    --color-message-incoming-bg: #FFF9F5;   /* Молочный белый */
    --text-message-incoming: #4A3B3B;       /* Теплый темно-коричневый */
    
    /* Разделители */
    --color-divider: #F0E0D6;           /* Персиковый песок */
    
    /* Панель ввода */
    --color-input-bg: #FFF9F5;          /* Молочный белый */
    
    /* Мои сообщения */
    --color-message-outgoing-bg: #fff4eb;   /* Нежно-розовый */
    --text-message-outgoing: #4A3B3B;       /* Теплый темно-коричневый */
    
    /* Всплывающие уведомления */
    --text-notification: #4A3B3B;       /* Темно-коричневый для контраста */
    
    /* Системные сообщения */
    --color-system-bg: rgb(247 161 94 / 70%);   /* Полупрозрачный розовый */
    --text-system: #FFFFFF;                       /* Белый остается */
    
    /* Глобальные фоны */
    --color-body-bg: #8B5A5A;             /* Теплый мокко вместо синего */
    --color-body-text: #FFF9F5;           /* Кремовый белый */
    
    /* UI элементы */
    --color-avatar-bg: #FDF0E6;         /* Персиковый крем */
    --color-avatar-text: #8B5A5A;       /* Мокко */
    
    /* Ввод текста */
    --color-input-placeholder: #C4A99A; /* Пыльная роза */
    --color-auto-expand-bg: #FFF9F5;    /* Молочный белый */
    
    /* Градиенты чата (теплые пастельные) */
    --color-chat-gradient-start: rgb(107 51 4);
    --color-chat-gradient-mid: rgb(47 29 11);
    --color-chat-gradient-end: rgb(107 51 4);
    
    /* Telegram-стили (адаптированы) */
    --color-tg-white: #FFF9F5;          /* Молочный вместо чистого белого */
    --color-tg-blue: #FFDDE5;           /* Розовый вместо голубого */
    
    /* Время сообщений */
    --color-time-text: #C4A99A;         /* Пыльная роза */
    
    /* Модальное окно */
    --color-modal-overlay: rgba(139, 90, 90, 0.5);    /* Мокко оверлей */
    --color-modal-border: #E8A4B8;                    /* Пыльно-розовая граница */
    
    /* Системные уведомления */
    --color-warn-bg: #D486A0;           /* Персиково-розовый вместо пурпурного */
    
    /* Полупрозрачные */
    --color-overlay-light: rgba(255, 249, 245, .05); /* Розовато-кремовый */
}

body.theme-green{

    /* Основные брендовые цвета */
    --color-primary: #4CAF50;               /* .f1 - Фон шапки - Сочный зеленый */
    --color-primary-dark: #388E3C;          /* .f13 - Фон всплывающего сообщения - Темно-зеленый */
    
    /* Текст на зеленом фоне */
    --text-on-primary: #FFFFFF;             /* .f2 - Текст 1 */
    
    /* Темная тема - сайдбар */
    --color-sidebar-bg: #1B3B1F;            /* .f3 - Фон сайдбара - Темный лесной зеленый */
    --color-sidebar-hover: #2E5D32;         /* #chats-menu .side-menu-body .c-pointer:hover */
    
    /* Светлый текст на темном фоне */
    --text-muted: #E8F5E9;                  /* .f4 - Текст 2 - Светло-зеленоватый */
    
    /* Основной чат */
    --color-chat-bg: #F1F8E9;               /* .f5 - Фон основного окна сообщений - Светло-салатовый */
    
    /* Акцентный текст */
    --text-accent: #2E7D32;                 /* .f6 - Текст 3 - Насыщенный зеленый */
    
    /* Сообщения собеседника */
    --color-message-incoming-bg: #E8F5E9;   /* .f7 - Фон облачка сообщений - Светлый зеленый */
    --text-message-incoming: #1B5E20;       /* .f8 - Текст облачка сообщений - Темно-зеленый */
    
    /* Разделители */
    --color-divider: #C8E6C9;               /* .f9 - Цвет разделителей - Мягкий зеленый */
    
    /* Панель ввода */
    --color-input-bg: #FFFFFF;              /* .f10 - Фон панели ввода */
    
    /* Мои сообщения */
    --color-message-outgoing-bg: #C8E6C9;   /* .f11 - Фон облачка моих сообщений - Светло-зеленый */
    --text-message-outgoing: #1B5E20;       /* .f12 - Текст облачка моих сообщений - Темно-зеленый */
    
    /* Всплывающие уведомления */
    --text-notification: #f3f3f3;           /* .f14 - Текст всплывающего сообщения */
    
    /* Системные сообщения */
    --color-system-bg: rgba(76, 175, 80, 0.7);  /* .f15 - Фон системного сообщения */
    --text-system: #ffffff;                     /* .f16 - Текст системного сообщения */
    
    /* Глобальные фоны */
    --color-body-bg: #2E7D32;               /* body - Глобальный фон страницы - Зеленый луг */
    --color-body-text: #fff;                /* body - Глобальный цвет текста */
    
    /* UI элементы */
    --color-avatar-bg: #E8F5E9;             /* .rounded-full - Фон аватарки */
    --color-avatar-text: #4CAF50;           /* .rounded-full - Текст аватарки */
    
    /* Ввод текста */
    --color-input-placeholder: #81C784;     /* .placeholder:empty::before - Светло-зеленый */
    --color-auto-expand-bg: #F1F8E9;        /* .auto-expand - Фон поля ввода */
    
    /* Градиенты чата */
	--color-chat-gradient-start: rgb(46, 125, 50);
    --color-chat-gradient-mid: rgb(17 63 21);
    --color-chat-gradient-end: rgb(46, 125, 50);
    
    /* Telegram-стили */
    --color-tg-white: #ffffff;              /* .bg-white */
    --color-tg-blue: #E8F5E9;               /* .bg-blue - Цвет исходящих сообщений в зеленых тонах */
    
    /* Время сообщений */
    --color-time-text: #81C784;             /* #feed-0 .chat .time - Светло-зеленый */
    
    /* Модальное окно */
    --color-modal-overlay: rgba(27, 94, 32, 0.5);   /* .layer - Фон оверлея */
    --color-modal-border: #4CAF50;                   /* .modal - Граница модалки */
    
    /* Системные уведомления */
    --color-warn-bg: #FF9800;               /* .message-sys[data-type="warn"] > div - Оранжевый для предупреждений */
    
    /* Полупрозрачные */
    --color-overlay-light: rgba(232, 245, 233, .1); /* #feed-0 .chat .row[data-dir="1"] */
}