/* Дизайн-система MPSADS Flow — единый источник токенов (D-DSH1033 / TASK-216) */
:root {
    --bg: #F6F7FB;
    --card: #FFFFFF;
    --primary: #3D5AFE;
    --primary-dark: #2538D4;
    --accent: #00D4AA;
    --warn: #FF8A48;
    --danger: #F44E6B;
    --ink: #0F1A33;
    --muted: #6B7493;
    --line: #EDEFF5;
    /* Chip-токены (TASK-362) */
    --chip-blue-bg: #EEF1FF;    --chip-blue-text: #3D5AFE;
    --chip-green-bg: #E6FAF5;   --chip-green-text: #00A87F;
    --chip-orange-bg: #FFF1E5;  --chip-orange-text: #E55B1A;
    --chip-orange-track: #F6D9C4; /* трек прогресс-бара сбора (мониторинг конкурентов, TASK-542) */
    --chip-red-bg: #FFEBEF;     --chip-red-text: #F44E6B;
    --chip-gray-bg: #F0F2F8;    --chip-gray-text: #6B7493;
    --chip-violet-bg: #F2ECFF;  --chip-violet-text: #7B3DFE;
    /* Таблицы медиаплана (из mp.css, TASK-404) */
    --thead-bg: #D3D7E0;
    --border: #EFF0F3; /* --border (#EFF0F3) — рамки таблиц mp; отличается от --line (разделители контента) */
    --green-bg: #EBF6EB;
    --green-fg: #31AA27;
    --amber-bg: #FFF4E4;
    --amber-fg: #E99518;
    --bronze-bg: #F6E7DC;  /* бронза подиума place-3, парная к amber (place-1) */
    --bronze-fg: #D9A679;
    --red-bg: #FFF0F0;
    --red-fg: #F93232;
    /* Нейтрали css-слоя (TASK-404) */
    --text-slate: #53627D;
    --text-soft: #9BA3BC; /* приглушенный вторичный текст и placeholder; светлее --muted (TASK-539) */
    --text-dark: #3B3F46; /* тёмный нейтральный серый для текста поверх светлых поверхностей (TASK-539) */
    --surface-soft: #FCFCFC;
    --surface-muted: #F1F3F9;
    --border-soft: #C3C9D5;
    /* Доп. тона (TASK-408) */
    --info: #5DA2D5;
    --info-bg: #BEE3FF;
    /* Палитра обложек карточек reward-заданий (макет TASK-553) */
    --cover-grad-1: linear-gradient(135deg, #3D5AFE, #7B3DFE);
    --cover-grad-2: linear-gradient(135deg, #00A87F, #57D6B0);
    --cover-grad-3: linear-gradient(135deg, #FF8A3D, #FFCF6B);
    --cover-grad-4: linear-gradient(135deg, #00D4AA, #3D5AFE);
    --cover-grad-5: linear-gradient(135deg, #8B93AD, #C7CDDC);

    /* Спокойные обложки карточек (замечание владельца 25.08.2026: «сильно ярко в шапке»).
       Насыщенные --cover-grad-* остаются за фирменным градиентом (логотип, активный пункт
       навигации, прогресс-бары) — там яркость к месту. Крупная плашка во всю ширину карточки
       перетягивала на себя внимание с самого задания, поэтому у неё своя пастельная шкала:
       те же оттенки, что у чипов, но заметно глубже. Первый вариант брали ровно на уровне
       чипов — светлый конец градиента сливался и с белой карточкой, и с фоном страницы
       (контраст 1.01–1.09), обложка выглядела пустым местом. Теперь светлый конец даёт
       1.15–1.29 к фону: полоса читается, но остаётся пастельной. */
    --cover-soft-1: linear-gradient(135deg, #D8E0FF, #BFCCFF);
    --cover-soft-2: linear-gradient(135deg, #CBF0E3, #AFE6D2);
    --cover-soft-3: linear-gradient(135deg, #FFE0C7, #FFCBA3);
    --cover-soft-4: linear-gradient(135deg, #D3E9FA, #B5DAF5);
    --cover-soft-5: linear-gradient(135deg, #E1D6FF, #CDBCFF);
    /* Завершённая и «бюджет кончается» — те же пастели, нейтральная и тёплая. */
    --cover-soft-done: linear-gradient(135deg, #E4E8F2, #D3D9E6);
    --cover-soft-warn: linear-gradient(135deg, #FFD5C9, #FFBFAD);

    /* Глубокая «дорогая» поверхность для денежных плашек (замечание владельца 25.08.2026:
       «очень яркая шапка, надо поспокойнее и подороже»). Насыщенный индиго-градиент на всю
       плашку с балансом кричал и спорил с цифрой. Тёмная приглушённая подложка держит цифру
       главной и выглядит дороже, чем яркая заливка. Светлый текст на ней — контраст 15:1. */
    --surface-deep: linear-gradient(135deg, #141D35, #263553);
    --surface-deep-ink: #FFFFFF;
}

.gradient-brand {
    background: var(--cover-grad-1);
}