/**
 * Дизайн-токены clientzone (только CSS variables).
 * Компонентные правила: clientzone-layout.css, operator-sidebar.css, clients.css.
 */
:root {
    /* Палитра: сайдбар */
    --cz-sidebar-bg: #323232;
    --cz-sidebar-hover: #404040;
    --cz-sidebar-shadow: 2px 0 10px rgba(0, 0, 0, 0.04);
    --cz-sidebar-text: #fff;

    /* Акценты (CTA / активные кнопки в портале) */
    --cz-accent: #28a745;
    --cz-accent-hover: #218838;
    --cz-accent-muted: #8fbc8f;
    --cz-accent-shadow: rgba(40, 167, 69, 0.3);

    /* Primary B2B: уголь вместо bootstrap-синего */
    --cz-primary: #111827;
    --cz-primary-hover: #1f2937;
    --cz-primary-rgb: 17, 24, 39;

    /* Ссылки в основном контенте */
    --cz-link: #000;
    --cz-link-hover: #c03;

    /* Вторичные зоны */
    --cz-order-panel-bg: #efefef;

    /* Геометрия сайдбара */
    --cz-sidebar-w-base: 250px;
    --cz-sidebar-w-tablet: 220px;
    --cz-sidebar-w-wide: 280px;
    --cz-sidebar-drawer-w: 280px;

    --cz-main-pad-x: 15px;
    --cz-main-pad-x-mobile: 10px;
    --cz-main-margin-top: 32px;

    --cz-radius-nav: 6px;
    --cz-radius-toggle: 4px;

    /* Z-index слои (мобильный drawer / кнопка / нижняя панель) */
    --cz-z-sidebar: 1001;
    --cz-z-sidebar-toggle: 1000;
    --cz-z-tab-nav: 1030;

    /* Типографика */
    --cz-font-base: 14px;
    --cz-font-nav: 0.8125rem;
    --cz-font-nav-mobile: 0.875rem;
    --cz-font-table: 0.8125rem;
    --cz-font-order-panel: 12px;
    --cz-line-height-tight: 1.35;

    /* Bootstrap 5: primary = уголь B2B; success = зелёный акцент портала */
    --bs-primary: #111827;
    --bs-primary-rgb: 17, 24, 39;
    --bs-link-color: #111827;
    --bs-link-hover-color: #1f2937;
    --bs-success: #28a745;
    --bs-success-rgb: 40, 167, 69;
}