/* ============================================================================
   Тема «Маршрутный лист» для тренажёра ЭДО на сайте bitlogistika.ru.

   Зачем отдельный файл, а не правка trenazher/tokens.css:
   tokens.css — общий токен-слой ВСЕХ модулей БитЛогистики (он же красит
   интерфейс внутри портала Битрикс24). Перекрашивать его landing-палитрой
   нельзя. Здесь переопределены те же переменные --bl-*, файл подключается
   только обёрткой edo/trenazher.php — то есть только на витрине сайта.

   Лежит НАМЕРЕННО вне edo/trenazher/: этот каталог приезжает деплоем и
   перезаписывается целиком, а тема должна пережить обновление тренажёра.

   Для чата разработки: это и есть эталон новой палитры/форм тренажёра —
   значения ниже можно переносить в tokens.css продукта, если решите красить
   и портальную часть.
   ========================================================================== */

:root{
    /* ---------- Бренд: янтарь вместо синего ---------- */
    --bl-accent:#b9741a;
    --bl-accent-soft:#f8ecd6;
    --bl-accent-bd:#ecd7ae;
    --bl-accent-contrast:#0f1d2b;

    /* ---------- Нейтральные: тёплая бумага вместо холодного slate ---------- */
    --bl-bg:#f2eee5;
    --bl-surface:#ffffff;
    --bl-surface-2:#faf8f3;
    --bl-border:#e2ddd2;
    --bl-border-strong:#c9c2b4;
    --bl-text:#0f1d2b;
    --bl-text-2:#20364a;
    --bl-muted:#5c7089;
    --bl-muted-2:#8598ad;

    /* ---------- Семантика ---------- */
    --bl-good:#2b7a58;  --bl-good-soft:#e2efe8;
    --bl-bad:#bc4b34;   --bl-bad-soft:#f7e6e1;
    --bl-warn:#b9741a;  --bl-warn-soft:#f8ecd6;
    --bl-info:#15626d;  --bl-info-soft:#dfeef0;
    --bl-st-cancelled-soft:#eeeae1;

    /* ---------- Роли производства ---------- */
    --bl-load:#2b7a58;   --bl-load-soft:#e2efe8;
    --bl-unload:#5b4a8a; --bl-unload-soft:#ebe7f5;

    /* ---------- Типографика сайта ---------- */
    --bl-font:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
    --bl-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

    /* ---------- Формы: острые углы вместо скруглений ---------- */
    --bl-r-sm:2px;
    --bl-r-md:3px;
    --bl-r-lg:3px;
    --bl-r-card:4px;
    /* --bl-r-pill оставлен 999px: на нём держатся круглые точки и аватары */

    /* ---------- Тени: печатный сдвиг вместо размытия ---------- */
    --bl-shadow:4px 4px 0 rgba(15,29,43,.10);
    --bl-shadow-pop:8px 8px 0 rgba(15,29,43,.22);
    --bl-scrim:rgba(15,29,43,.5);
    --bl-focus-ring:0 0 0 3px rgba(217,141,36,.35);
}

/* тёмная тема тренажёра — асфальт из дизайн-системы сайта */
.theme-dark,
[data-theme="dark"]{
    --bl-accent:#e5a648;
    --bl-accent-soft:#2a2110;
    --bl-accent-bd:#4a3a1c;
    --bl-accent-contrast:#0f1d2b;

    --bl-bg:#0d1926;
    --bl-surface:#111f2e;
    --bl-surface-2:#0f1b28;
    --bl-border:#23384c;
    --bl-border-strong:#31485f;
    --bl-text:#e9eff6;
    --bl-text-2:#c5d3e2;
    --bl-muted:#93a8c0;
    --bl-muted-2:#6d8299;

    --bl-shadow:4px 4px 0 rgba(0,0,0,.45);
    --bl-shadow-pop:8px 8px 0 rgba(0,0,0,.6);
}

/* миллиметровка сайта под контентом тренажёра */
body{
    background-image:
        linear-gradient(rgba(15,29,43,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(15,29,43,.035) 1px,transparent 1px);
    background-size:28px 28px;
    font-family:var(--bl-font);
}
[data-theme="dark"] body,.theme-dark body{
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
}
h1,h2,h3,h4{font-family:'Montserrat',var(--bl-font);letter-spacing:-.02em}

/* ============================================================================
   Тренажёр объявляет ещё и свой локальный набор переменных (trainer.css §1):
   navy/gold/ink и цвета ролей участников. Переопределяем их той же палитрой,
   что и на лендинге ЭДО, — иначе половина блоков осталась бы сине-золотой.
   ========================================================================== */
:root{
    /* «асфальт» вместо navy: тёмные блоки тренажёра совпадают с тёмными главами сайта */
    --navy-900:#0b1622; --navy-800:#111f2e; --navy-700:#16283a;
    --navy-600:#1b2f42; --navy-500:#24405a;
    --gold:#d98d24; --gold-600:#b9741a; --gold-700:#96601a;
    --ink:#0f1d2b; --text-muted:#5c7089; --text-soft:#8598ad;
    --on-navy:#e9eff6; --on-navy-soft:#93a8c0;

    /* роли участников — как на /edo/ */
    --r-shipper:#a1552b;   --r-shipper-bg:#f6e7dd;
    --r-carrier:#15626d;   --r-carrier-bg:#dfeef0;
    --r-consignee:#5b4a8a; --r-consignee-bg:#ebe7f5;
    --r-forwarder:#b9741a; --r-forwarder-bg:#f8ecd6;
    --r-client:#2b7a58;    --r-client-bg:#e2efe8;
}

/* точечно: границы, зашитые синим прямо в правилах trainer.css */
.tr-callout--info{border-color:#ecd7ae;border-left-color:var(--r-forwarder)}
.tr-srow--me{border-color:#ecd7ae}
.tr-gstep[open] .tr-gstep__head{border-bottom-color:#e2ddd2}
.tr-gstep__head:hover{background:var(--paper-2,#faf8f3)}
.tr-gstep--fill .tr-gstep__head:hover{background:#f8ecd6}
.tr-hint,.tr-note{border-color:#ecd7ae}

/* формы: тренажёр местами задаёт радиусы числом — сглаживаем под острые углы */
.tr-card,.tr-blk,.tr-gnote,.tr-gsum,.tr-callout,.tr-hint,.tr-note,
.tr-chip,.tr-btn,.tr-doc,.tr-panel{border-radius:3px}