/* Переменные взяты из siamtaskmanager (static/css/variables.css), чтобы приложения выглядели одинаково */
:root {
    --shadow-1: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
    --shadow-2: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
    --shadow-3: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
    --shadow-5: 0px 0px 8px 0px rgba(0, 0, 0, 0.2), 0px 14px 28px 0px rgba(0, 0, 0, 0.24);

    --radius-10: 10px;
    --radius-20: 20px;

    --color-text-black: rgba(33, 33, 33, 1);
    --color-grey-34: rgba(87, 87, 87, 1);
    --color-grey-38: rgba(97, 97, 97, 1);
    --color-grey-48: rgba(122, 122, 122, 1);
    --color-grey-52: rgba(133, 133, 133, 1);
    --color-grey-70: rgba(178, 178, 178, 1);
    --color-grey-74: rgba(189, 189, 189, 1);
    --color-grey-78: rgba(199, 199, 199, 1);
    --color-grey-82: rgba(209, 209, 209, 1);
    --color-grey-88: rgba(189, 189, 189, 1);
    --color-grey-90: rgba(230, 230, 230, 1);
    --color-grey-92: rgba(235, 235, 235, 1);
    --color-grey-94: rgba(240, 240, 240, 1);
    --color-grey-96: rgba(245, 245, 245, 1);
    --color-grey-white: rgba(255, 255, 255, 1);
    --color-blue-40: rgba(10, 59, 87, 1);
    --color-blue-60: rgba(14, 86, 129, 1);
    --color-blue-70: rgba(15, 97, 148, 1);
    --color-blue-80: rgba(10, 109, 174, 1);
    --color-blue-150: rgba(204, 229, 250, 1);
    --color-blue-160: rgba(233, 243, 252, 1);
    /* Приглушённый синий для больших заливок (шапка сводки): фирменный blue-80 на всю ширину слишком яркий */
    --color-blue-muted: rgba(74, 118, 150, 1);
    --color-blue-muted-dark: rgba(63, 102, 128, 1);
    --color-white-transparent-85: rgba(255, 255, 255, 0.85);
    --color-grey-90-transparent-85: rgba(230, 230, 230, 0.85);
    --color-grey-80-transparent-85: rgba(204, 204, 204, 0.85);

    /* Семантические цвета (бейджи, сообщения) */
    --color-success-bg: #DCFCE7;
    --color-success-text: #15803D;
    --color-info-bg: #E9F3FC;
    --color-info-text: #0A6DAE;
    --color-neutral-bg: #F0F0F0;
    --color-neutral-text: #7A7A7A;
    --color-warning-bg: #FFEDD5;
    --color-warning-text: #C2410C;
    --color-attention-bg: #FEF9C3;
    --color-attention-text: #A16207;
    --color-danger-bg: #FEE2E2;
    --color-danger-text: #DC2626;
    --color-special-bg: #EDE9FE;
    --color-special-text: #7C3AED;

    /* Состояние проекта и приоритеты багов — для главной и графиков */
    --color-status-critical: #DC2626;
    --color-status-risk: #E8A33D;
    --color-status-good: #30A043;
    --color-priority-cb: #B42318;
    --color-priority-high: #E8743B;
    --color-priority-medium: #F2B872;
    --color-priority-low: #B8C4D6;

    /* Цвета срезов диаграмм (tone): одни и те же для легенд в HTML и для Chart.js (js/home-charts.js) */
    --tone-critical: var(--color-status-critical);
    --tone-risk: var(--color-status-risk);
    --tone-good: var(--color-status-good);
    --tone-none: #C7C7C7;
    --tone-pass: var(--color-status-good);
    --tone-fail: var(--color-status-critical);
    --tone-priority-0: var(--color-priority-cb);
    --tone-priority-1: var(--color-priority-high);
    --tone-priority-2: var(--color-priority-medium);
    --tone-priority-3: var(--color-priority-low);

    --sidebar-width: 72px;
    --sidebar-width-expanded: 240px;
    --page-header-height: 72px;
    --filter-row-height: 61px;

    --main-font: 'Nunito Sans Variable', 'Nunito Sans', 'Segoe UI', sans-serif;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
}