/* ============================================================
   Тема «Темна» (beta) — [data-theme="dark"].

   Основну роботу робить КОМПІЛЬОВАНИЙ скоуп [data-theme=dark]
   шаблону CRMS усередині style.css (~370 правил: body, header,
   sidebar, card, таблиці, модалки...). Цей файл лише:
   1) переозначує токени — щоб НАШ кастомний CSS (crm-utilities,
      inline-стилі сторінок, написані через var(--токен)) теж
      потемнів;
   2) додає точкові правки місць, які скоуп шаблону не покриває.

   Статус beta: графіки ApexCharts (кольори в JS), select2/
   datepicker/toastr і частина кастомних сторінок допрацьовуються
   ітеративно. Див. CLAUDE.md → «Система тем».
   ============================================================ */

[data-theme="dark"] {
    /* Поверхні/текст: наш кастомний CSS переїжджає на тёмні значення */
    --border:     #393947;
    --bg-body:    #1E1E2D;
    --bg-light:   #28283E;
    --light:      #1E1E2D;
    --ink:        #E4E6EB;
    --text:       #A3A6A6;
    --text-muted: #8A8AA3;
    --text-soft:  #8F93B8;

    /* Тінти primary: замість світло-рожевих — тёмно-бордові підложки */
    --primary-100:  #3B1512;
    --primary-soft: #33120F;

    /* Фірмові кольори crm-utilities (вишневий фон комірок тощо) */
    --brand-cherry:    #E07A87;
    --brand-cherry-bg: #43242B;
}