:root {
/* Цвета — colors-brand.html / colors-semantic.html */
--color-brand: #213fdc;
--color-brand-dark: #0f2e92;
--color-brand-hover: rgba(33, 63, 220, 0.12);
--color-brand-selected: rgba(33, 63, 220, 0.08);
--color-brand-active: rgba(33, 63, 220, 0.40);
--color-brand-light: var(--color-brand-selected); /* алиас: выделенные строки */
--color-brand-mid: rgba(33, 63, 220, 0.40); /* слайдер, заливка */
--color-brand-subtle: rgba(33, 63, 220, 0.04);
--color-brand-subtle-mid: rgba(33, 63, 220, 0.05);
--color-brand-subtle-strong: rgba(33, 63, 220, 0.06);
--color-text-primary: #1c1d21;
--color-text-mid: #6d6e71;
--color-text-secondary: #93969d;
--color-text-muted: rgba(28, 29, 33, 0.60);
--color-bg-page: #efefef;
--color-bg-input: #f9f9f9;
--color-bg-white: #ffffff;
--color-bg-dark: #1c1d21;
--color-white: #ffffff;
--color-border: #bcbdd0;
--color-border-table: rgba(28, 29, 33, 0.10);
--color-surface-hover: #f7f7f9;
--color-divider-soft: rgba(28, 29, 33, 0.05);
--color-track-soft: rgba(28, 29, 33, 0.07);
--color-success: #27ae60;
--color-success-bg: #e9f7ef;
--color-warning: #f39c12;
--color-warning-bg: #fef9e7;
--color-danger: #e74c3c;
--color-danger-bg: #fdedec;
--color-info: #3498db;
/* Product kit — lime (уникальность лота, вторичные AI-метки) */
--color-ai-accent: #aedc1e;
--color-ai-accent-alt: #add836;
--color-ai-accent-soft: rgba(174, 220, 30, 0.2);
/* AI CTA — сиреневый highlight (Button aiHighlight) */
--color-ai-highlight-bg: #b39ddb;
--color-ai-highlight-text: #ffffff;
--color-ai-highlight-bg-hover: #9b7fd0;
--color-btn-secondary-bg: rgba(28, 29, 33, 0.07);
/* Приоритет сделки (плашки из концепта) */
--color-priority-high-bg: var(--color-danger-bg);
--color-priority-high-text: #b8291c;
--color-priority-medium-bg: var(--color-warning-bg);
--color-priority-medium-text: #a06800;
--color-priority-low-bg: var(--color-bg-page);
--color-priority-low-text: var(--color-text-mid);
/* Статусы лота — фон + текст (как в colors-lot-status.html) */
--color-lot-free-bg: rgba(33, 63, 220, 0.12);
--color-lot-free-text: #213fdc;
--color-lot-sold-bg: rgba(231, 76, 60, 0.12);
--color-lot-sold-text: #e74c3c;
--color-lot-unique-bg: rgba(174, 220, 30, 0.2);
--color-lot-unique-text: #6a8c00;
--color-lot-offmarket-bg: rgba(149, 165, 166, 0.15);
--color-lot-offmarket-text: #5a6166;
--color-row-hover: #efefef;
--color-overlay-strong: rgba(5, 17, 67, 0.60);
--color-overlay-soft: rgba(5, 17, 67, 0.40);
--color-focus-ring: rgba(33, 63, 220, 0.30);
--color-sidebar-bg: #1c1d21;
--color-sidebar-divider: rgba(255, 255, 255, 0.07);
--color-sidebar-hover: rgba(255, 255, 255, 0.05);
--color-sidebar-text: rgba(255, 255, 255, 0.62);
--color-sidebar-text-strong: rgba(255, 255, 255, 0.9);
--color-sidebar-text-muted: rgba(255, 255, 255, 0.38);
--color-sidebar-brand-soft: rgba(33, 63, 220, 0.22);
--color-sidebar-brand-strong: rgba(33, 63, 220, 0.28);
/* Типографика — шкала: 10 системные/фильтры · 12 подписи · 14 body · 18 sub · 24 h3 · 36 h2 · 52 h1 */
--project-text-filter: 10px;
--project-text-caption: 12px;
--project-text-body: 14px;
--project-text-subhead: 18px;
--project-text-h3: 24px;
--project-text-h2: 36px;
--project-text-h1: 52px;
--project-letter-h1: -1.56px;
--project-letter-h2: -1.08px;
--project-letter-h3: -0.72px;
--project-letter-subhead: -0.54px;
/* алиас: фильтры, капс-лейблы таблиц */
--text-filter-size: var(--project-text-filter);
--font-family: "TT Norms Pro", -apple-system, BlinkMacSystemFont, sans-serif;
--font-size: var(--project-text-body);
--line-height: 1.5;
--letter-spacing: -0.03em;
--font-weight-normal: 450;
--font-weight-medium: 500;
--font-weight-bold: 700;
--text-h1-size: var(--project-text-h1);
--text-h1-weight: 500;
--text-h1-letter-space: var(--project-letter-h1);
--text-h2-size: var(--project-text-h2);
--text-h2-weight: 500;
--text-h2-letter-space: var(--project-letter-h2);
--text-h3-size: var(--project-text-h3);
--text-h3-weight: 500;
--text-h3-letter-space: var(--project-letter-h3);
--text-body-size: var(--project-text-body);
--text-body-weight: 450;
--text-body-letter-space: -0.42px; /* ≈ -0.03em @ 14px */
--text-body-bold-size: var(--project-text-body);
--text-body-bold-weight: 700;
--text-body-bold-letter-space: -0.14px;
--text-button-size: 16px;
--text-button-weight: 400;
--text-caption-size: var(--project-text-caption);
--text-caption-weight: 450;
--text-hint-size: var(--project-text-caption);
--text-xs-size: 11px;
--text-sm-size: 13px;
--text-md-size: var(--project-text-body);
--text-lg-size: 22px;
--text-xl-size: 28px;
/* Между sm и body: навигация, hero-lead (при необходимости = body) */
--text-lead-size: var(--project-text-body);
--text-lead-weight: 450;
/* Подзаголовки секций = 18 (sub) */
--text-subhead-size: var(--project-text-subhead);
--text-subhead-weight: 500;
--text-subhead-letter-space: var(--project-letter-subhead);
/* Крупные цифры / адаптивные заголовки секций (промо, ипотека) */
--text-promo-metric-size: var(--project-text-h2);
--text-promo-metric-weight: 500;
--text-hero-payment-size: 47px;
--text-hero-payment-weight: 500;
--text-section-cover-size: 40px;
--text-section-cover-weight: 500;
--text-section-cover-letter-space: -1.2px;
--text-section-compact-size: 30px;
--text-section-compact-weight: 500;
--text-section-compact-letter-space: -0.9px;
/* Layout */
--sidebar-width: 240px;
--container-padding: 40px;
--header-height: 50px;
--drawer-width: 480px;
--modal-sm-width: 400px;
--modal-md-width: 520px;
--modal-lg-width: 720px;
/* Радиусы */
--radius-btn: 4px; /* кнопки */
--radius-card: 10px; /* карточки */
--radius-modal: 16px; /* модальные окна */
--radius-icon: 50%;
--radius-selector: 90px; /* dropdown-пилюли */
--radius-pill: 50px; /* header оригинала, switcher */
--radius-sm: 8px;
--radius-md: 10px;
--radius-lg: 12px;
/* Отступы */
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-7: 28px;
--space-8: 32px;
--space-9: 40px;
/* Поля «boxed» из концепта (CRM-поиск, модалки) — не путать с underline Input */
--control-height-form: 40px;
/* Filter system (canon from tuned custom UI) */
--filter-height-sm: 36px; /* CRM rows */
--filter-height-md: 38px; /* pill search */
--filter-height-lg: 50px; /* catalog/project */
--filter-radius: var(--radius-selector);
/* Chip tone="softBrand" — тогглы каталога / ЖК */
--filter-chip-soft-border: rgba(33, 63, 220, 0.2);
--filter-chip-soft-bg: rgba(33, 63, 220, 0.08);
--filter-chip-soft-bg-hover: rgba(33, 63, 220, 0.12);
--filter-chip-soft-border-hover: rgba(33, 63, 220, 0.4);
--filter-gap: 8px;
--filter-gap-lg: 12px;
--filter-control-px-sm: 14px;
--filter-control-px-lg: 18px;
--filter-toolbar-padding-y: 4px;
--filter-toolbar-padding-bottom: 12px;
--filter-modal-padding: 24px;
/* Motion */
--motion-duration-fast: 140ms;
--motion-duration-base: 200ms;
--motion-ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
--motion-press-scale: 0.98;
/* Сегменты (каталог/CRM: рельса табов) */
--color-segment-rail: #e9edf7;
--shadow-segment-active: 0 1px 3px rgba(18, 25, 40, 0.1);
/* Hero каталога (опционально) */
--gradient-catalog-hero: linear-gradient(122deg, #1f318f 0%, #2b47cc 100%);
/* Тени */
--shadow-panel: 0 0 12px #213fdc1f;
--shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
--shadow-modal: 0 8px 40px rgba(5, 17, 67, 0.20);
--shadow-drawer: -4px 0 32px rgba(5, 17, 67, 0.18);
}