/* ============================================================
   Business PC V2 — DESIGN TOKENS (PHASE 3)
   Единый источник цветов, отступов, радиусов, теней и шрифта.
   Значения намеренно совпадают с текущей темой (theme-mono.css),
   чтобы подключение НЕ изменило внешний вид.
   Подключён на все 11 страниц (после theme-mono.css, до site.css).
   ============================================================ */

:root {
    /* ---------- ЦВЕТА ---------- */
    --color-bg: #ffffff;               /* фон страницы */
    --color-surface: #ffffff;          /* карточки, панели, модалки */
    --color-surface-soft: #f7f7f7;     /* зона фото, подложки */
    --color-surface-hover: #fafafa;    /* hover строк/панелей (было hardcoded) */
    --color-surface-active: #f0f0f0;   /* active (было hardcoded #f0f0f0) */

    --color-text: #111111;             /* основной текст */
    --color-text-secondary: #6f6f6f;   /* вторичный текст */
    --color-text-muted: #929292;       /* приглушённый текст */
    --color-text-faint: #b5b5b5;       /* совсем приглушённый (сравнение) */

    --color-admin-bg: #fcfcfc;         /* фон рабочей области админки */
    --admin-nav-hover: #f5f5f5;        /* hover пункта навигации админки */

    --color-border: #e5e5e5;           /* границы по умолчанию */
    --color-border-strong: #cfcfcf;    /* hover / сильнее */
    --color-border-faint: #eeeeee;     /* совсем лёгкие (было --border-light) */

    /* Определение --border (legacy-алиас). Исправлено: не убирать,
       т.к. 82 использования в 12 файлах зависят от него. В SiteNew
       переменная не определена, но там иначе рассчитываются рамки.
       Возвращаем в рабочее состояние по требованию владельца. */
    --border: var(--color-border);

    --color-primary: #111111;          /* CTA, актив, фокус */
    --color-primary-hover: #1f1f1f;    /* CTA наведении */

    --color-danger: #c0392b;           /* ошибки/опасные действия */
    --color-danger-strong: #a00000;    /* рамка ховера удаления (админка) */

    --color-success: #1e7e46;          /* успех (статусы заказов) */
    --color-warning: #b2740c;          /* предупреждение */

    /* ---------- СТАТУСЫ ЗАКАЗОВ (было hardcoded в cart.css) ---------- */
    --status-new:    #3a5ccc;
    --status-new-bg: #eef3ff;
    --status-proc:   #b2740c;
    --status-proc-bg:#fff7e6;
    --status-done:   #1e7e46;
    --status-done-bg:#e8f7ee;
    --status-cancel: #b03a3a;
    --status-cancel-bg:#fdeeee;

    /* ---------- TOAST / ИНДИКАТОРЫ (было hardcoded в admin.css) ---------- */
    --toast-success-bg: #123d1e;
    --toast-error-bg:   #7d1414;
    --progress-start:   #2f6fed;
    --progress-end:     #6fa8ff;

    /* ---------- НЕЙТРАЛЬНАЯ ШКАЛА (мелкие/статусные, было hardcoded в admin.css) ---------- */
    --neutral-50:  #f8f8f8;   /* подложка деталей заказа .ol-detail */
    --neutral-100: #f2f2f2;   /* бейджи is-done, чипы тегов .tag-chip */
    --neutral-200: #e3e3e3;   /* трек прогресса синхронизации */
    --neutral-300: #d0d0d0;   /* hover-рамка .img-mode */
    --neutral-400: #8a8a8a;   /* текст бейджа is-cancel */
    --neutral-350: #999;      /* hover-рамка .admin-tab */
    --neutral-500: #888;      /* заголовки/метки таблицы заказа */
    --neutral-600: #666;      /* подписи синхронизации */
    --neutral-700: #555;      /* текст бейджа is-done */
    --neutral-900: #333;      /* текст вкладок админки .admin-tab */

    /* ---------- ДЕКОР ИНФО-СТРАНИЦ (было hardcoded #e8e8e8 в about.css) ---------- */
    --decor-num: #e8e8e8;        /* крупная цифра-фон шага */

    /* ---------- БЕЙДЖ-ДЕЙСТВИЕ АДМИНКИ (было hardcoded в admin.css) ---------- */
    --badge-action-bg: #fff6e8;
    --badge-action-fg: #96600a;
    --badge-action-line: #f6e3bd;

    /* ---------- СТАТУСЫ ИКОНОК (было hardcoded в admin.css) ---------- */
    --ok-icon:   #1e8e3e;   /* статус изображения «ок» */
    --ok-chip:   #1d7a2f;   /* галочка тега .tag-chip-check */
    --warn-icon: #b9770e;   /* статус изображения «предупреждение» */

    /* ---------- РАДИУСЫ ---------- */
    --radius-card: 14px;
    --radius-input: 9px;
    --radius-btn: 9px;
    --radius-pill: 999px;

    /* ---------- ШРИФТ ---------- */
    --font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --font-size-base: 14px;
    --font-size-sm: 0.78rem;
    --font-size-xs: 0.72rem;

    /* ---------- ШКАЛА ТИПОГРАФИКИ (PHASE 3) ----------
       Значения = текущим размерам в theme-mono.css и страничных
       стилях, чтобы подключение ui/typography.css НЕ меняло вид.
       rem считается от 16px (html font-size не переопределён). */
    --text-2xs: 0.62rem;   /*  10px — микро-подписи, бейджи */
    --text-xs:  0.68rem;   /*  11px — служебные подписи */
    --text-sm:  0.78rem;   /*  12.5px — базовая мелкая подпись */
    --text-base: 0.875rem; /*  14px — основной текст */
    --text-md:  0.95rem;   /*  15px — контролы, кнопки */
    --text-lg:  1.05rem;   /*  17px — подзаголовки блоков */
    --text-xl:  1.15rem;   /*  18.5px — заголовки секций */
    --text-2xl: 1.4rem;    /*  22px — внутренние заголовки */
    --text-3xl: 1.5rem;    /*  24px — заголовки секций (мобайл) */
    --text-4xl: 1.75rem;   /*  28px — заголовок страницы */

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.25;
    --line-height-base: 1.5;
    --line-height-loose: 1.6;

    --letter-spacing-tight: -0.02em;

    /* ---------- ОТСТУПЫ (шаг 4px) ---------- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;

    /* ---------- ШИРИНА КОНТЕНТА ---------- */
    --container: 1180px;
    --container-wide: 1280px;

    /* ---------- ТЕНИ ---------- */
    --shadow-card: 0 4px 18px rgba(0, 0, 0, 0.05);
    --shadow-card-hover: 0 8px 28px rgba(0, 0, 0, 0.09);
    --shadow-menu: 0 14px 34px rgba(0, 0, 0, 0.14);
    --shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.28);

    /* ---------- ТИНТЫ (совместимость с legacy) ---------- */
    --tint-hover: rgba(0, 0, 0, 0.045);
    --tint-active: rgba(0, 0, 0, 0.08);
    --tint-strong: rgba(0, 0, 0, 0.12);
}