/* ============================================================================
   Цветовые переменные и градиенты
   ============================================================================ */

:root {
    --brand-red-dark: #dc2626;
    --brand-red: #ef4444;
    --brand-purple: #8b5cf6;
    --brand-purple-light: #c4b5fd;
    --brand-blue: #1064d1;
    --brand-blue-light: #dbeafe;
    --brand-blue-medium: var(--brand-blue);
    --brand-indigo: #6366f1;
    --brand-cyan: #06b6d4;
    --brand-pink-light: #fce7f3;
    --brand-pink-medium: var(--brand-red);
    --brand-text: #1f2937;
    --card-bg: rgba(255, 255, 255, 0.98);
    --bg-gradient: linear-gradient(135deg, #eff6ff, #e0e7ff, #dbeafe, #e9d5ff, #f8fafc, #ffffff);

    --accent-color: #1064D1;

    /* Единый «хром» шапки / компактного меню (толстые границы в стиле карточек CRM) */
    --chrome-border-width: 3px;
    --chrome-border-color: rgba(16, 100, 209, 0.38);
    --chrome-border: var(--chrome-border-width) solid var(--chrome-border-color);
    --chrome-divider: rgba(16, 100, 209, 0.24);
    --chrome-radius-lg: 18px;
    --header-chrome-gradient: linear-gradient(
        165deg,
        rgba(255, 255, 255, 0.99) 0%,
        rgba(239, 246, 255, 0.94) 40%,
        rgba(224, 231, 255, 0.52) 100%
    );
    --header-chrome-max: 1400px;

    /* Дашборд: один зазор для flex gap (панель ↔ per_page) и margin-top (#dashboardTableContainer) — правки в шаблоне дублируют с !important при устаревшем кэше */
    --dashboard-filters-stack-gap: 0.75rem;
}