// Палитра и фоны (совпадает с variable styles макета Figma Dr Smile: blue / dark blue / white / red)
$color-blue:           #4F6ECB;
$color-red:            #DB4646;
$color-dark-blue:      #213570; // шапка, навбар, подвал
$color-white:          #FFFFFF;
$color-black:          #000000; // чистый чёрный (Figma: контрастный текст, листинг)
$color-text:           #252525;
$color-text-secondary: #919191;
$color-bg-filter:      #F6F6FF;
$color-doctor-hero-bg: #F6F6FF; // герой карточки врача
$color-doctor-card-bg: #fbfbfc; // листинг врачей
$color-doctor-cta:     #213570; // кнопки «Записаться», обводка «О враче»
$color-nav-border:     #e2e2eb; // границы мегаменю и дропдауна

// Шапка: локальные оттенки (бывший хардкод в layout/_header.scss)
$color-header-link-accent:   #7ea2ff;
$color-header-meta-muted:    #b3b8c6;
$color-header-meta-dim:      #8e94a4;
$color-header-separator:     #eaecf4;
$color-header-subnav-bg:     #f4f5fb;
$color-header-subnav-border: #dce1ec;
$color-header-strong-text:   #212121;
$color-header-address:       $color-black; // строки адресов в топбаре (Figma)

// Карточка врача / детальная (бывший хардкод в pages/_doctor-detail.scss)
$color-detail-soft-bg:           #e8ecf8;
$color-detail-divider-bg:        #e3e3e3;
$color-detail-accent-warm:       #f5a623;
$color-detail-gradient-mid:      #dde3f0;
$color-detail-map-placeholder:   #eee;
$color-detail-border-soft:       #e8eaf0;

// Промо «бесплатный приём» — doctor-promo-cta__media на 768–992 (Figma node 22:999: 912×561)
$doctor-promo-cta-media-figma-w: 912;
$doctor-promo-cta-media-figma-h: 561;

// Карта клиник — doctor-clinics-map__map на 768–992 (Figma node 124:2817 Frame 142: 768×600)
$doctor-clinics-map-height-tablet: 600px;
// ≤576: та же пропорция блока карты, что у 768×600 (Figma 124:3115)
$doctor-clinics-map-height-sm: 450px;

// Фильтры (components/_filters.scss)
$color-filter-input-border: #dde1f0;

// Типографика (Figma Dr Smile: Roboto — основной текст, топбар, пункты меню, кнопки; Raleway — крупные заголовки)
$font-heading: 'Raleway', sans-serif;
$font-body:    'Roboto', sans-serif;
$font-main:    $font-body; // body, навигация, UI (наследуют без лишних font-family)

$font-size-base: 16px;
$font-size-sm:   14px; // UI / вторичный текст (Figma: Roboto 14)
$line-height-base: 1.5;
$line-height-tight: 1.3; // 130% для мелкого текста (листинг врачей и др.)

// --- Макет: ступени 360 → 576 → 768 → 992 → 1440 → 1920 (нижняя граница полосы)
$bp-360:  360px;
$bp-576:  576px;
$bp-768:  768px;
$bp-992:  992px;
$bp-1440: 1440px;
$bp-1920: 1920px;

// Верхняя граница вьюпорта для max-width / второго аргумента between (без арифметики $bp - 1 по проекту)
$until-359:   359px;
$until-576:   576px;
$until-767:   767px;
$until-991:   991px;
$until-1199:  1199px;
$until-1439:  1439px;
$until-1919:  1919px;

// Первый px над ступенью 992 (узкие правила мегаменю / навбара)
$from-993: 993px;

// Имена как раньше: значение = min ширина яруса ($bp-sm = 576 и т.д.)
$bp-xs:   $bp-360;
$bp-sm:   $bp-576;
$bp-md:   $bp-768;
$bp-md2:  $bp-992;
$bp-lg:   $bp-1440;
$bp-xl:   $bp-1920;

$bp-menu-narrow: 420px;
$until-menu-narrow: 419px;

$bp-header-nav-desktop: 1025px; // десктопное основное меню / поиск (vs 1024 «планшет»)
$bp-header-nav-tablet-max: 1024px; // верхняя граница «планшетной» полосы навбара
$bp-header-tablet-min: 568px; // нижняя граница мобильного навбара в шапке
$bp-header-topbar-grid-max: 1150px;
$bp-header-mega-mid: 1200px;
$bp-header-below-md2: $until-991; // «до laptop», блок «Ещё» / узкий навбар

// Шапка: анимации drawer / мегаменю (несколько partials в layout/header/)
$header-motion-duration: 0.28s;
$header-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
// Единый шаг между соседними блоками топбара (кластер контактов `gap`, лого↔медали при `display:contents`)
$header-topbar-pack-gap: 20px;
// Кластер .dsm-head__topbar-actions, 992–1440
$header-topbar-actions-max-md2-lg: 559px;
// Блок кнопок CTA в топбаре, 768–992 — колонка
$header-topbar-cta-max-md-md2: 191px;
// Блок кнопок CTA в топбаре, 993–1440 (Figma: Dr-Smile, node 22-540)
$header-topbar-cta-max-md2-lg: 169px;

// Листинг врачей: до $bp-sm одна колонка — брейкпоинты колонок в pages/_doctors.scss

// Сетка и отступы контейнера:

$container-max:          1218px;
$container-max-lg:       1110px;
$container-max-md2:       768px;
$container-max-md:        768px;
$container-max-sm:        576px;
$container-max-xs:        360px;

$container-pad:             0px;
$container-pad-md2:        40px;
$container-pad-md:         40px;
$container-pad-sm:         30px;
$container-pad-mobile:     20px;

$gap:        30px;
$gap-mobile: 20px;

// Скругления
$radius-sm:  8px;
$radius-md: 16px;
$radius-lg: 24px;