/* ═══════════════════════════════════════════════════════════════════════
   ПАЛИТРА ПРОЕКТА — ЦЕЛИКОМ ИЗ БРЕНДБУКА

   🔴 ПРАВИЛО, КОТОРОЕ НАРУШАТЬ НЕЛЬЗЯ (сказано пользователем 24 августа
   и повторено ею много раз до этого):

     ВСЕ ЦВЕТА БЕРУТСЯ ИЗ БРЕНДБУКА Vita_Code_Brandbook_v3.html.
     СВОИХ ОТТЕНКОВ НЕ ПРИДУМЫВАТЬ. НЕ «ПОХОЖИЙ», НЕ «РАЗБАВЛЕННЫЙ
     ФОРМУЛОЙ» — ТОЛЬКО КОД ИЗ БРЕНДБУКА.

   Как получилось иначе и почему так больше не делаем: цвета правились
   по одной просьбе за раз — «поярче», «помягче», «ещё прозрачнее».
   Каждый шаг был верным, а вместе они выели из палитры глубину: остались
   бледные заливки без средних ступеней. Это и есть «стало примитивно».

   Поэтому здесь — дословно переменные брендбука, с его же именами
   и его же подписями. Файл один на весь проект: админка, склад,
   оптовый кабинет, приложение, сайт.

   🔴 ДВА ИСКЛЮЧЕНИЯ — решения пользователя от 24 августа, они выше
   брендбука, потому что приняты позже:
     1. ЗОЛОТО НЕ ИСПОЛЬЗУЕМ (--mg, --dg и их светлые). Коды оставлены,
        чтобы брендбук читался целиком, но в интерфейсе их нет.
     2. БЕЖЕВЫЙ НЕ ИСПОЛЬЗУЕМ как фон (--b, --i). Фон страницы белый,
        цвет живёт только в блоках.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* ── нейтральные ── */
  --w:  #FFFFFF;
  --p:  #FEFCF8;    /* near white warm */
  --i:  #F8F3EA;    /* ivory light — 🚫 не для фона, решение 24 августа */
  --b:  #F2EAD8;    /* beige light — 🚫 не используем */

  /* ── ЛЮБОВЬ — тёплая, винный только для текста и заголовков ── */
  --m1: #8E1B36;    /* винный — ТОЛЬКО текст и заголовки, не фон */
  --m2: #8E1B36;    /* основной — Любовь */
  --m3: #C8203C;    /* акцент яркий */
  --m4: #E45A78;    /* акцент светлый */
  --m5: #F4B8C4;    /* пастель */
  --mg: #C9982E;    /* золото Любви — 🚫 не используем */
  --mg2:#E8C56A;    /* золото светлое — 🚫 не используем */

  /* ── ДЕВОЧКА — нежная розовая ── */
  --d1: #903550;    /* deep */
  --d2: #B85574;    /* основной */
  --d3: #D08AA0;    /* акцент средний */
  --d4: #EEC9D4;    /* акцент мягкий */
  --d5: #F7E0E7;    /* blush */
  --d6: #FBEEF1;    /* mist */
  --dg: #C2964A;    /* тёплое золото — 🚫 не используем */
  --dg2:#E2C386;    /* золото светлое — 🚫 не используем */

  /* ── ДЕНЬГИ — зелёная ── */
  --f1: #375D47;    /* тёмный */
  --f2: #4F876A;    /* основной */
  --f3: #7AA88E;    /* акцент */
  --f4: #A8CBB5;    /* светлый */
  --f5: #D8EBE0;    /* пастель */

  /* ── МЫСЛИ — сине-фиолетовая ── */
  --e1: #373573;    /* тёмный индиго */
  --e2: #4A3F8F;    /* основной */
  --e3: #6B5DB8;    /* акцент яркий */
  --e4: #9488D0;    /* акцент средний */
  --e5: #D5D0EB;    /* пастель */

  /* ── ЭНЕРГИЯ — апельсиновая ── */
  --o1: #BA5D1E;    /* тёмный */
  --o2: #E87830;    /* основной — яркий апельсин */
  --o3: #F09848;    /* акцент тёплый */
  --o4: #F5BC82;    /* светлый */
  --o5: #FCEBD8;    /* пастель */

  /* ── текст ── */
  --td: #2A1810;    /* text dark */
  --tm: #6A5A4A;    /* text mid */
  --ts: #A09080;    /* text soft */
}

/* ═══ РОЛИ СТУПЕНЕЙ ══════════════════════════════════════════════════
   Каждая семья даёт четыре роли. Ступени берутся ПОДРЯД из брендбука,
   без разбавления формулой: пастель — фон, светлый — кайма, яркий —
   акцент, тёмный — текст. Именно так палитра и задумана.

     --ф  фон блока      пастель (5-я ступень)
     --с  кайма          светлая (4-я)
     --я  акцент         яркая  (3-я) — полоски, точки, подчёркивания
     --т  текст          тёмная (1-я)

   Цвет игры или раздела ставится атрибутом data-цвет="любовь|девочка|
   деньги|мысли|энергия|синий|индиго". Больше нигде цвета не пишем. */
[data-цвет="любовь"]  { --ф: var(--m5); --с: var(--m4); --я: var(--m3); --т: var(--m1); }
[data-цвет="девочка"] { --ф: var(--d6); --с: var(--d4); --я: var(--d2); --т: var(--d1); }
[data-цвет="деньги"]  { --ф: var(--f5); --с: var(--f4); --я: var(--f2); --т: var(--f1); }
[data-цвет="мысли"]   { --ф: var(--e5); --с: var(--e4); --я: var(--e3); --т: var(--e1); }
[data-цвет="энергия"] { --ф: var(--o5); --с: var(--o4); --я: var(--o2); --т: var(--o1); }

/* Нейтральный — когда цвет не назначен. Тёплый серый брендбука. */
[data-цвет]           { --ф: var(--p);  --с: var(--ts); --я: var(--tm); --т: var(--td); }