/*
 * Фирменные цвета kukuruza.tech для Twenty CRM.
 *
 * Twenty не меняется: nginx вставляет ссылку на этот файл в index.html
 * (sub_filter в vhost crm.kukuruza.tech) и отдаёт его из /opt/twenty/brand.
 * Переопределяются только переменные темы Twenty (--t-*). Если релиз их
 * переименует, интерфейс просто вернётся к стандартным цветам — сломаться
 * нечему. После обновления Twenty стоит взглянуть, что акцент на месте.
 *
 * Схема как в кабинете kukuruza (src/app/globals.css):
 *   - сплошные элементы (основные кнопки, ссылки, фокус, чекбоксы) — navy #0e1a2b;
 *   - подсветка (выделение, ховер, активная карточка) — светлый лайм #f4f8e0;
 *   - кольцо фокуса у полей — лайм #a3d634.
 * В Twenty «акцент» — это шкалы --t-color-blue1..12 и --t-accent-*, обе на
 * одних значениях. Шаги 7–8 местами идут цветом текста, поэтому они
 * сланцево-синие, а не лаймовые: лайм на белом не читается.
 *
 * .light.light / .dark.dark — двойной класс ради специфичности: стили Twenty
 * подгружаются позже этого файла, а порядок не должен иметь значения.
 * Цвета тегов (--t-tag-*-blue), которые выбирают пользователи, не трогаем.
 */

.light.light {
  --kk-1: #fcfdf6;
  --kk-2: #f8fbea;
  --kk-3: #f4f8e0;
  --kk-4: #ecf4ca;
  --kk-5: #e1edb3;
  --kk-6: #d3e39a;
  --kk-7: #8a96aa;
  --kk-8: #5b6b85;
  --kk-9: #0e1a2b;
  --kk-10: #22324a;
  --kk-11: #2a3f60;
  --kk-12: #0a1220;
  --kk-ring: #a3d634;
  --kk-tint: rgb(163 214 52 / 0.2);
}

.dark.dark {
  --kk-1: #12140d;
  --kk-2: #171b10;
  --kk-3: #1f2615;
  --kk-4: #283219;
  --kk-5: #313e1e;
  --kk-6: #3b4a24;
  --kk-7: #56657d;
  --kk-8: #6f7f99;
  --kk-9: #46659a;
  --kk-10: #5576ab;
  --kk-11: #a9bde0;
  --kk-12: #dbe5f5;
  --kk-ring: #a3d634;
  --kk-tint: rgb(163 214 52 / 0.18);
}

.light.light,
.dark.dark {
  --t-color-blue: var(--kk-9);
  --t-color-blue1: var(--kk-1);
  --t-color-blue2: var(--kk-2);
  --t-color-blue3: var(--kk-3);
  --t-color-blue4: var(--kk-4);
  --t-color-blue5: var(--kk-5);
  --t-color-blue6: var(--kk-6);
  --t-color-blue7: var(--kk-7);
  --t-color-blue8: var(--kk-8);
  --t-color-blue9: var(--kk-9);
  --t-color-blue10: var(--kk-10);
  --t-color-blue11: var(--kk-11);
  --t-color-blue12: var(--kk-12);

  --t-accent-accent1: var(--kk-1);
  --t-accent-accent2: var(--kk-2);
  --t-accent-accent3: var(--kk-3);
  --t-accent-accent4: var(--kk-4);
  --t-accent-accent5: var(--kk-5);
  --t-accent-accent6: var(--kk-6);
  --t-accent-accent7: var(--kk-7);
  --t-accent-accent8: var(--kk-8);
  --t-accent-accent9: var(--kk-9);
  --t-accent-accent10: var(--kk-10);
  --t-accent-accent11: var(--kk-11);
  --t-accent-accent12: var(--kk-12);
  --t-accent-accent3570: var(--kk-8);
  --t-accent-accent4060: var(--kk-8);
  --t-accent-primary: var(--kk-5);
  --t-accent-secondary: var(--kk-5);
  --t-accent-tertiary: var(--kk-3);
  --t-accent-quaternary: var(--kk-2);

  --t-border-color-blue: var(--kk-ring);
  --t-background-transparent-blue: var(--kk-tint);
}
