/* ============================================================
   «Бизнес ПК» — ДИЗАЙН-СИСТЕМА (единая светлая тема)
   Подключать ПЕРВЫМ:
     theme-mono.css -> ui/* -> site.css -> card.css -> <page>.css
   Цвета: ИСТОЧНИК ИСТИНЫ — ui/tokens.css (подключается сразу после
   этой темы; значения совпадают). Здесь остались legacy-алиасы
   (--white, --black, --bg-soft, ...) для совместимости со старыми файлами.
   Тёмная тема удалена — сайт строгий светлый B2B-минимализм.
   Новые страницы используют только токены из ui/tokens.css.
   ============================================================ */

:root {
    /* ---------- ЦВЕТА ----------
       Вычищены legacy-дубли --color-* : единый источник цветов —
       ui/tokens.css (подключается СРАЗУ после theme-mono.css
       на всех страницах; значения в нём совпадают с прежними). */

    /* ---------- РАДИУСЫ ---------- */
    --radius-card: 14px;               /* карточки, панели, модалки */
    --radius-input: 9px;               /* поля ввода, галереи, таблицы */
    --radius-btn: 9px;                 /* кнопки, тоглы, дропдауны */

    /* ---------- ШРИФТ ---------- */
    --font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

    /* ---------- ОТСТУПЫ (шаг 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);    /* hover */
    --shadow-menu: 0 14px 34px rgba(0, 0, 0, 0.14);         /* дропдауны */
    --shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.28);        /* модалки */

    /* ---------- СОВМЕСТИМОСТЬ (алиасы старых имён) ----------
       Существующие файлы используют прежние переменные — они
       переопределены на светлые значения и удалять их не нужно. */
    --white: #ffffff;
    --black: #111111;
    --text-dim: #777777;               /* подписи, плейсхолдеры */
    --text-strong: #111111;
    --text-soft: #777777;
    --bg-soft: #f7f7f7;                /* legacy: зона фото/подложки */
    --border-strong: #cfcfcf;
    --border-light: #eeeeee;
    --border-color: #e5e5e5;
    --bg-dark: #ffffff;                /* legacy-имя «тёмного» фона */
    --bg-card: #ffffff;
    --bg-accent: #fafafa;
    --accent-primary: #111111;
    --accent-soft: #6f6f6f;
    --accent-muted: #929292;
    --text-main: #111111;
    --text-muted: #6f6f6f;
    --tint-hover: rgba(0, 0, 0, 0.045);
    --tint-active: rgba(0, 0, 0, 0.08);
    --tint-strong: rgba(0, 0, 0, 0.12);
    --gradient-primary: none;
    --gradient-support: none;
}

/* ---------- БАЗА ---------- */
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    background: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 1.5;
}

body a { text-decoration: none; }

img { display: block; max-width: 100%; }

button {
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

::selection { background: var(--color-primary); color: var(--white); }

/* ---------- СКРОЛЛБАРЫ ---------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--color-bg); }
::-webkit-scrollbar-thumb { background: var(--color-border-strong); border-radius: var(--radius-btn); }
::-webkit-scrollbar-thumb:hover { background: var(--color-text-muted); }

/* ---------- СОСТОЯНИЯ (единые, работают во всём проекте) ---------- */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* ---------- ФОРМЫ ----------
   Перенесены в ui/inputs.css, ui/selects.css и ui/forms.css
   (единый источник стилей форм, ТЗ §15/§18), включая
   ::placeholder. Здесь остаются только базовые браузерные
   мелочи, не относящиеся к DS. */

/* ---------- КНОПКИ ----------
   Система кнопок целиком в ui/buttons.css (компонент Button:
   варианты, размеры, hover/focus/disabled/loading).
   Легаси-классы .btn-primary/.btn-outline/.btn-danger/.btn-card/
   .btn-sm удалены — они не использовались ни в разметке, ни в JS
   (проверено grep'ом), а их состояния дублировали ui/buttons.css. */

/* ---------- УВАЖЕНИЕ К НАСТРОЙКЕ reduced-motion ---------- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001s !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001s !important;
    }
}