/* Path: /app/static/css\colors.css File: colors.css */

:root {
    --color-run: #7da7d9;
    --color-run-hover: #6a96cc;

    --color-history: #f4c28b;
    --color-history-hover: #e6ae6f;

    --color-primary: #2a5298;
    --color-primary-hover: #1e3c72;
    --color-primary-text-shadow: rgba(0, 0, 0, 0.12);

    --color-back: #e0e0e0;
    --color-back-hover: #cfcfcf;

    --color-border: #ddd;
    --color-ramka: #ccc;

    --color-card-bg: #ffffff;
    --color-lblue: #eff6ff;
    --color-dblue: #3b82f6;
    --color-flashing-stroke:#FFFDF2; /* подсветка для строк при наведении */

    --color-tvguide-stroke: #111; /* цвет строки в телепрограмме */
    --color-tvguide-active: #1f4fa3; /* цвет сейчас-строки в телепрограмме  */
    --color-tvguide-active-bg: rgba(31, 79, 163, 0.08); /* цвет фона сейчас-строки в телепрограмме  */


    --color-tvguide-archive-none: #9ca3af; /* архив отсутствует */
    --color-tvguide-archive: #16a34a; /* архив доступен */

    --color-grey-1: #f7f7f7;  /* почти белый */
    --color-grey-2: #f0f0f0;  /* светлый */
    --color-grey-3: #e8e8e8;  /* близко к твоему --color-back */
    --color-grey-4: #e0e0e0;  /* твой базовый */
    --color-grey-5: #d4d4d4;  /* чуть темнее */
    --color-grey-6: #c8c8c8;  /* средний серый */
    --color-grey-7: #b8b8b8;  /* насыщенный */
    --color-grey-8: #a8a8a8;  /* тёмный, но не грязный */

    --color-description-bg: var(--color-flashing-stroke); /* фон разворачивающегося описания передачи — эксперимент: тот же цвет, что и hover строки */
    --color-description-shadow: rgba(120, 100, 40, 0.12); /* тень вокруг блока описания передачи — тёплый оттенок под кремовый фон */

}