/**
 * palette.css
 * Страница: все
 * Блок: палитра кабинета — оттенки цветов Bootstrap 5.3
 *
 * **Откуда это и зачем.** Цвета в кабинете берутся из палитры
 * AdminLTE/Bootstrap, а не подбираются на глаз в каждом месте
 * (указание Александра 08.09.2026, правило 6.x в 30-interface.md).
 * Но сам Bootstrap 5.3 выпускает в стили только основные цвета
 * (`--bs-blue`, `--bs-red`) и серые оттенки; оттенков цветных
 * в готовом CSS нет вовсе — они живут только в исходниках scss.
 *
 * Поэтому оттенки объявлены здесь, **одним местом на весь кабинет**.
 * Значения взяты из `_variables.scss` Bootstrap 5.3 без изменений:
 * это не наша палитра, а его, просто доступная переменными.
 *
 * **Своих hex в стилях и скриптах больше не пишем.** Нужен цвет —
 * берём переменную отсюда. Тогда смена темы или версии шаблона
 * меняет цвета везде разом, а не в двадцати местах, про половину
 * которых никто не вспомнит.
 *
 * Светлые оттенки (100–300) — для заливок и фона, средние (400–600) —
 * для линий и значков, тёмные (700–900) — для текста на светлом.
 */

:root {
    /* Синий */
    --bs-blue-100: #cfe2ff;
    --bs-blue-200: #9ec5fe;
    --bs-blue-300: #6ea8fe;
    --bs-blue-400: #3d8bfd;
    --bs-blue-500: #0d6efd;
    --bs-blue-600: #0a58ca;
    --bs-blue-700: #084298;
    --bs-blue-800: #052c65;
    --bs-blue-900: #031633;

    /* Индиго */
    --bs-indigo-100: #e0cffc;
    --bs-indigo-200: #c29ffa;
    --bs-indigo-300: #a370f7;
    --bs-indigo-400: #8540f5;
    --bs-indigo-500: #6610f2;
    --bs-indigo-600: #520dc2;
    --bs-indigo-700: #3d0a91;
    --bs-indigo-800: #290661;
    --bs-indigo-900: #140330;

    /* Фиолетовый */
    --bs-purple-100: #e2d9f3;
    --bs-purple-200: #c5b3e6;
    --bs-purple-300: #a98eda;
    --bs-purple-400: #8c68cd;
    --bs-purple-500: #6f42c1;
    --bs-purple-600: #59359a;
    --bs-purple-700: #432874;
    --bs-purple-800: #2c1a4d;
    --bs-purple-900: #160d27;

    /* Розовый */
    --bs-pink-100: #f7d6e6;
    --bs-pink-200: #efadce;
    --bs-pink-300: #e685b5;
    --bs-pink-400: #de5c9d;
    --bs-pink-500: #d63384;
    --bs-pink-600: #ab296a;
    --bs-pink-700: #801f4f;
    --bs-pink-800: #561435;
    --bs-pink-900: #2b0a1a;

    /* Красный */
    --bs-red-100: #f8d7da;
    --bs-red-200: #f1aeb5;
    --bs-red-300: #ea868f;
    --bs-red-400: #e35d6a;
    --bs-red-500: #dc3545;
    --bs-red-600: #b02a37;
    --bs-red-700: #842029;
    --bs-red-800: #58151c;
    --bs-red-900: #2c0b0e;

    /* Оранжевый */
    --bs-orange-100: #ffe5d0;
    --bs-orange-200: #fecba1;
    --bs-orange-300: #feb272;
    --bs-orange-400: #fd9843;
    --bs-orange-500: #fd7e14;
    --bs-orange-600: #ca6510;
    --bs-orange-700: #984c0c;
    --bs-orange-800: #653208;
    --bs-orange-900: #331904;

    /* Жёлтый */
    --bs-yellow-100: #fff3cd;
    --bs-yellow-200: #ffe69c;
    --bs-yellow-300: #ffda6a;
    --bs-yellow-400: #ffcd39;
    --bs-yellow-500: #ffc107;
    --bs-yellow-600: #cc9a06;
    --bs-yellow-700: #997404;
    --bs-yellow-800: #664d03;
    --bs-yellow-900: #332701;

    /* Зелёный */
    --bs-green-100: #d1e7dd;
    --bs-green-200: #a3cfbb;
    --bs-green-300: #75b798;
    --bs-green-400: #479f76;
    --bs-green-500: #198754;
    --bs-green-600: #146c43;
    --bs-green-700: #0f5132;
    --bs-green-800: #0a3622;
    --bs-green-900: #051b11;

    /* Бирюзовый */
    --bs-teal-100: #d2f4ea;
    --bs-teal-200: #a6e9d5;
    --bs-teal-300: #79dfc1;
    --bs-teal-400: #4dd4ac;
    --bs-teal-500: #20c997;
    --bs-teal-600: #1aa179;
    --bs-teal-700: #13795b;
    --bs-teal-800: #0d503c;
    --bs-teal-900: #06281e;

    /* Голубой */
    --bs-cyan-100: #cff4fc;
    --bs-cyan-200: #9eeaf9;
    --bs-cyan-300: #6edff6;
    --bs-cyan-400: #3dd5f3;
    --bs-cyan-500: #0dcaf0;
    --bs-cyan-600: #0aa2c0;
    --bs-cyan-700: #087990;
    --bs-cyan-800: #055160;
    --bs-cyan-900: #032830;
}