/*
 * Одна палитра на весь сайт: тёплая бумага вместо холодного серо-синего.
 *
 * ЗАЧЕМ
 * Главная нарисована на тёплой бумаге с коричневыми чернилами, а все
 * остальные страницы жили на сером в синеву. Гость уходил с главной по
 * первой же ссылке и попадал как будто на другой сайт: цвет фона, цвет
 * текста и цвет рамок менялись разом. Разрыв по цвету замечают раньше, чем
 * разрыв по расположению меню, — с него и начинаем.
 *
 * КАК ЭТО СДЕЛАНО
 * Не перекраской каждого экрана, а подменой девяти нейтральных переменных.
 * Всё остальное — карточки, рамки, поля ввода, выпадашки, крошки — берёт
 * цвет из них и переезжает само. Цветные акценты (солнечный, небесный,
 * мятный, коралловый, виноградный) уже общие с главной и не трогаются.
 *
 * ПОЧЕМУ НЕ В app.css
 * Его собирает Vite, и правка цвета требовала бы сборки на сервере. Здесь
 * же файл подключается после сборки и переопределяет переменные на body:
 * значение на body перебивает :root для всего, что внутри.
 *
 * ГРАНИЦЫ
 * Только страницы оболочки (body.cw-has-shell). Главная живёт по своим
 * правилам (у неё палитра в landing.css) и сюда не попадает; админка
 * собрана отдельным макетом и остаётся деловой.
 */

body.cw-has-shell {
    /* Бумага и чернила */
    --bg-primary: #FFFFFF;      /* карточки, верхняя строка */
    --bg-secondary: #FFF9F1;    /* земля страницы и колонка меню */
    --bg-tertiary: #FFF3E2;     /* подложки: звенья крошек, тихие плашки */
    --text-primary: #2E2118;
    --text-secondary: #8A7A6B;
    --text-muted: #B39A7C;
    --border-primary: #EFE3D5;
    --border-secondary: #E0CDB4;

    --card-bg: #FFFFFF;
    --hover-bg: #FFF6E8;
    --input-bg: #FFFFFF;
    --dropdown-bg: #FFFFFF;
    --modal-bg: #FFFFFF;
}

/*
 * Тёмная тема — не инверсия светлой: у неё своя тёплая тёмная бумага.
 * Роли те же, что были у холодных цветов: --bg-primary самый глубокий,
 * --bg-secondary — земля и карточки, --bg-tertiary — подложки.
 */
[data-theme="dark"] body.cw-has-shell {
    --bg-primary: #1A1410;
    --bg-secondary: #241C16;
    --bg-tertiary: #2E241C;
    --text-primary: #FFF3E4;
    --text-secondary: #A8968A;
    --text-muted: #8B7967;
    --border-primary: #3D3025;
    --border-secondary: #4A3A2C;

    --card-bg: #241C16;
    --hover-bg: #2E241C;
    --input-bg: #1A1410;
    --dropdown-bg: #241C16;
    --modal-bg: #241C16;
}

/*
 * Текущая страница в крошках — солнечная, как главная кнопка на главной.
 * Синяя плашка была последним холодным пятном в самой верхней строке, то
 * есть ровно там, куда смотрят первым делом.
 *
 * Чернила по тёмному, а не белое по синему: на солнечном белый текст не
 * дотягивает по контрасту, а тёмно-коричневый даёт 8:1.
 */
body.cw-has-shell .cw-bc {
    --bc-here: var(--cw-sun, #FFB020);
    --bc-here-text: #2E2118;
}