/* Токены CDW. Один источник цвета и геометрии на все страницы.
 *
 * Собрана из 889 мест, где цвета были вбиты по месту в 24 файлах стилей.
 * Значения не менялись ни на бит: это перенос, а не редизайн.
 *
 * Два слоя. Внизу шкала — имена честные: это и есть палитра Tailwind, из
 * которой страницы брали цвета, плюс своя зелёная группа CDW. Смысловых имён
 * шкале не даём нарочно: один и тот же #991b1b служит и текстом ошибки, и
 * просто тёмно-красным текстом, и «--bad» было бы враньём в половине мест.
 *
 * Сверху смысловой слой — им пользуется страница подбора и им же стоит
 * пользоваться в новом коде. Он ссылается на шкалу, а не дублирует значения,
 * поэтому смена цвета — одна правка.
 *
 * Подключается после токенов пакета и до стилей страниц: перекрытия
 * значений пакета этим и обеспечиваются. */

:root {
    /* ── Шкала ─────────────────────────────────────────────── */

    /* Нейтральная шкала */
    --gray-200:              #e5e7eb;
    --gray-700:              #374151;
    --slate-50:              #f8fafc;
    --slate-100:             #f1f5f9;
    --slate-200:             #e2e8f0;
    --slate-300:             #cbd5e1;
    --slate-400:             #94a3b8;
    --slate-500:             #64748b;
    --slate-600:             #475569;
    --slate-700:             #334155;
    --slate-800:             #1e293b;
    --slate-900:             #0f172a;
    --white:                 #fff;
    --white-blue:            #fdfdfe;

    /* Зелёные */
    --emerald-50:            #ecfdf5;
    --emerald-200:           #a7f3d0;
    --emerald-500:           #10b981;
    --emerald-600:           #059669;
    --emerald-800:           #065f46;
    --green-100:             #dcfce7;
    --green-300:             #86efac;
    --green-700:             #15803d;
    --green-800:             #166534;

    /* Красные */
    --red-50:                #fef2f2;
    --red-100:               #fee2e2;
    --red-200:               #fecaca;
    --red-300:               #fca5a5;
    --red-500:               #ef4444;
    --red-600:               #dc2626;
    --red-700:               #b91c1c;
    --red-800:               #991b1b;
    --red-900:               #7f1d1d;

    /* Жёлтые, янтарные, оранжевые */
    --amber-50:              #fffbeb;
    --amber-100:             #fef3c7;
    --amber-200:             #fde68a;
    --amber-300:             #fcd34d;
    --amber-500:             #f59e0b;
    --amber-600:             #d97706;
    --amber-700:             #b45309;
    --amber-800:             #92400e;
    --orange-100:            #ffedd5;
    --orange-300:            #fdba74;
    --orange-800:            #9a3412;
    --yellow-50:             #fefce8;
    --yellow-100:            #fef9c3;
    --yellow-300:            #fde047;
    --yellow-800:            #854d0e;

    /* Синие и голубые */
    --blue-50:               #eff6ff;
    --blue-100:              #dbeafe;
    --blue-200:              #bfdbfe;
    --blue-300:              #93c5fd;
    --blue-500:              #3b82f6;
    --blue-600:              #2563eb;
    --blue-700:              #1d4ed8;
    --blue-800:              #1e40af;
    --blue-900:              #1e3a8a;
    --blue-50-soft:          #f0f7ff;
    --cyan-100:              #cffafe;
    --cyan-800:              #155e75;
    --indigo-100:            #e0e7ff;
    --indigo-800:            #3730a3;
    --sky-100:               #e0f2fe;
    --sky-200:               #bae6fd;
    --sky-700:               #0369a1;
    --sky-800:               #075985;

    /* Фиолетовые и розовые */
    --pink-100:              #fce7f3;
    --pink-800:              #9d174d;
    --purple-100:            #f3e8ff;
    --purple-300:            #d8b4fe;
    --purple-800:            #6b21a8;
    --purple-900:            #581c87;

    /* Своя зелёная группа CDW — не из чужой шкалы */
    --brand:                 #2e7d32;
    --brand-bg:              #f3f5f4;
    --brand-dark:            #1b5e20;
    --brand-line:            #eef2f0;
    --brand-muted:           #94a89c;
    --brand-tint:          #e8f5e9;
    --brand-ok:              #33513a;
    --brand-bg-hover:        #f8faf9;
    --brand-bg-soft:         #fbfdfb;
    --brand-ink-heading:     #14251c;
    --brand-ink-label:       #55635c;
    --brand-ink-title:       #1b3a2b;
    --brand-ok-bg:           #eef7ee;
    --brand-ok-line:         #bfe0c0;

    /* ── Смысловой слой ────────────────────────────────────── */

    /* Фирменное */
    --accent:                var(--brand);
    --accent-hover:          var(--brand-dark);
    --accent-disabled:       var(--brand-muted);

    /* Поверхности и текст */
    --bg:                    var(--brand-bg);
    --card:                  var(--white);
    --card-hover:            var(--brand-bg-hover);
    --surface:               var(--slate-50);
    --surface-2:             var(--slate-100);
    --ink:                   var(--slate-900);
    --ink-2:                 var(--slate-700);
    --ink-3:                 var(--slate-600);
    --muted:                 var(--slate-500);
    --line:                  var(--slate-200);
    --line-2:                var(--slate-300);

    /* Заголовки CDW */
    --ink-title:             var(--brand-ink-title);
    --ink-heading:           var(--brand-ink-heading);
    --ink-label:             var(--brand-ink-label);

    /* Статус «готово» */
    --ok-bg:                 var(--green-100);
    --ok:                    var(--green-800);
    --ok-line:               var(--green-300);

    /* Статус «частично» */
    --warn-bg:               var(--yellow-100);
    --warn:                  var(--yellow-800);
    --warn-line:             var(--yellow-300);

    /* Статус «ошибка» */
    --bad-bg:                var(--red-100);
    --bad:                   var(--red-800);
    --bad-line:              var(--red-300);

    /* Статус «в архиве» */
    --archived-bg:           var(--purple-100);
    --archived:              var(--purple-900);
    --archived-line:         var(--purple-300);

    /* Синий: подсказки и кнопка третьего уровня */
    --info-bg:               var(--blue-100);
    --info-bg-hover:         var(--blue-200);
    --info:                  var(--blue-700);
    --link:                  var(--blue-500);

    /* Ошибка ввода — не путать со статусом результата */
    --invalid:               var(--red-600);

    /* ── Геометрия ─────────────────────────────────────────────
     *
     * Переехала сюда из air_curtains.css. Там она держалась на том, что файл
     * подключается после токенов пакета, — то есть на порядке ссылок в
     * шаблоне. Здесь перекрытие явное: палитра стоит сразу за токенами.
     *
     * Два имени у пакета и у CDW значат разное, и это не опечатка:
     *   --radius-lg  пакет 10px, CDW 12px
     *   --space-lg   пакет 20px, CDW 24px
     * Побеждают значения CDW — так было и раньше, менять вид мы не собирались.
     * Если когда-нибудь страница CDW возьмёт компонент из пакета, он приедет
     * с этими скруглениями, и это осознанно.
     *
     * --font-sans и --font пакета — разные вещи: здесь семейство, там полное
     * сокращение с размером и интерлиньяжем. Не сводятся. */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif;
}