/*
 * Токены дизайн-системы CRMtoYou.
 *
 * Namespace --c2y-* выбран намеренно: имена вроде --bg/--text слишком общие
 * и однажды столкнутся с чужими переменными (Vuetify объявляет свои как
 * --v-*). Все значения — из эталона `CRMtoYou Design System.html` в корне
 * проекта; правим сначала эталон, потом этот файл, иначе они разъедутся.
 *
 * Здесь ТОЛЬКО значения. Ни одного селектора, кроме :root — классы живут
 * в utilities.css, палитра Vuetify — в resources/js/utils/vuetify.ts.
 */

:root {
    /* ── Шрифты ─────────────────────────────────────────────────────── */
    --c2y-font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* ── Акцент ─────────────────────────────────────────────────────── */
    --c2y-brand-900: #062f2b;
    --c2y-brand-800: #0a4f49;
    --c2y-brand-700: #0d5a53;
    --c2y-brand-600: #0f6b63; /* основной акцент */
    --c2y-brand-500: #17877d;
    --c2y-brand-200: #b9dbd6;
    --c2y-brand-100: #d6ebe8;
    --c2y-brand-50:  #e7f2f0;

    /* ── Нейтрали ───────────────────────────────────────────────────── */
    --c2y-text:      #12181f;
    --c2y-text-2:    #47576a;
    --c2y-text-3:    #8a97a6;
    --c2y-text-4:    #96a2b0;
    --c2y-disabled:  #a8b3c0;

    --c2y-bg:        #f4f6f8;
    --c2y-surface:   #ffffff;
    --c2y-surface-2: #fbfcfd; /* чередование строк, «приглушённая» карточка */
    --c2y-surface-3: #f7f9fb; /* шапка таблицы */
    --c2y-control:   #eef1f4; /* фон сегментированных переключателей */

    --c2y-border:    #e3e8ee;
    --c2y-border-2:  #eef1f4; /* разделители внутри карточки */
    --c2y-border-3:  #d7dee6; /* граница полей ввода */

    /* ── Статусные пары: фон / текст / точка ────────────────────────── */
    --c2y-info-bg:    #e9f0fb;
    --c2y-info-text:  #1b4f88;
    --c2y-info-dot:   #2f74c8;

    --c2y-success-bg:   #e6f4ea;
    --c2y-success-text: #1c6b3e;
    --c2y-success-dot:  #2f9e5f;

    --c2y-warning-bg:   #fbeee0;
    --c2y-warning-text: #8a5117;
    --c2y-warning-dot:  #d18b2c;

    --c2y-error-bg:   #f7e7e6;
    --c2y-error-text: #9a2f27;
    --c2y-error-dot:  #c14a40;

    --c2y-process-bg:   #f1ebfb;
    --c2y-process-text: #59339c;
    --c2y-process-dot:  #7c4dd1;

    --c2y-transit-bg:   #e8eaf9;
    --c2y-transit-text: #3a3f9c;
    --c2y-transit-dot:  #5257cf;

    --c2y-neutral-bg:   #eef1f4;
    --c2y-neutral-text: #46545f;
    --c2y-neutral-dot:  #7b8896;

    /*
     * Акценты НА ТЁМНОМ фоне: снекбар — тёмная плашка, и «точечные» цвета
     * статусов, рассчитанные на светлый чип, на ней глохнут. Это отдельная
     * пара значений, а не оттенок тех же — светлее и чище по тону.
     */
    --c2y-on-dark-success: #5fd39a;
    --c2y-on-dark-error:   #f28b82;
    --c2y-on-dark-info:    #8ab4f8;

    /* Сильные акценты для цифр: долг красным, приход зелёным. */
    --c2y-money-debt:   #b0442c;
    --c2y-money-danger: #b3261e;
    --c2y-money-ok:     #1c6b3e;

    /* ── Радиусы ────────────────────────────────────────────────────── */
    --c2y-r-1: 5px;  /* чип статуса */
    --c2y-r-2: 7px;  /* кнопка, сегмент переключателя */
    --c2y-r-3: 8px;  /* поле ввода */
    --c2y-r-4: 10px; /* карточка */
    --c2y-r-5: 12px; /* диалог */
    --c2y-r-pill: 999px;

    /* ── Шаг сетки ──────────────────────────────────────────────────── */
    --c2y-s-1: 4px;
    --c2y-s-2: 7px;
    --c2y-s-3: 12px;
    --c2y-s-4: 16px;
    --c2y-s-5: 24px;

    /* ── Высоты контролов ───────────────────────────────────────────── */
    --c2y-h-chip:   22px;
    --c2y-h-btn-s:  30px;
    --c2y-h-btn:    34px;
    --c2y-h-field:  42px;
    --c2y-h-row:    46px; /* строка таблицы */
    --c2y-h-card:   62px; /* карточка-плитка заказа на десктопе */
    --c2y-h-touch:  44px; /* минимум для пальца, телефон */
    /* Пол списка на странице кабинета (Л-2): ниже раскрытая панель фильтров
       его не продавливает — ни на низком окне, ни на «Главной». ~две
       карточки заказа компактной раскладки. */
    --c2y-h-list-min: 240px;

    /* Узкое поле: раньше было россыпью инлайновых `max-width: 300px`
       по формам заказа, доставки и бонусов — теперь одно значение. */
    --c2y-field-narrow: 300px;
    --c2y-field-tiny:   220px;
    --c2y-field-mini:   150px; /* селектор канала в чате */

    /* ── Тени ───────────────────────────────────────────────────────── */
    --c2y-shadow-1: 0 1px 2px rgba(16, 24, 32, .10);
    --c2y-shadow-2: 0 4px 14px rgba(15, 107, 99, .34); /* плавающая кнопка */
    --c2y-shadow-3: 0 8px 28px rgba(16, 24, 32, .10);  /* диалог */

    /* ── Типографика ────────────────────────────────────────────────── */
    --c2y-fs-display: 24px;
    --c2y-fs-h1:      20px;
    --c2y-fs-h2:      15px;
    --c2y-fs-body:    14px;
    --c2y-fs-sm:      13px;
    --c2y-fs-xs:      12px;
    --c2y-fs-label:   11px;

    --c2y-lh: 1.45;
    --c2y-ls-tight: -0.02em;
    --c2y-ls-label: 0.06em;
}