/* ============================================================
   БРЕНД-СЛОЙ: ОБИХОД — умный дом и бытовая техника.
   Единственная точка реслина. Грузится ПОСЛЕ styles.css.
   Характер: инженерия и сетка — графит, сталь, электрический синий.
   Скругления малые (4–8px), служебные подписи моноширинным.
   ============================================================ */

:root{
  /* Чернила и текст */
  --ink:#1C2024;
  --ink-2:#2C333A;
  --text-muted:#5A646E;
  --text-soft:#7E8892;
  --text-faint:#A3ACB5;

  /* Фоны */
  --bg-page:#D5DADF;
  --bg-card:#FBFCFD;
  --bg-cream:#EDF0F3;
  --bg-cream-2:#F4F6F8;

  /* Линии */
  --line:#DCE1E6;
  --line-soft:#EBEEF1;
  --border-ctl:#BFC7CE;

  /* Акцент — электрический синий приборной панели */
  --accent:#1F6FEB;
  --accent-hover:#1553BE;
  --ok:#1F8A5B;
  --white:#FFFFFF;

  /* Шрифты */
  --font-head:'Geologica','Helvetica Neue',Arial,sans-serif;
  --font-body:'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;

  /* Характер: малые радиусы, прямые углы вместо пилюль */
  --radius-btn:6px;
  --radius-ctl:6px;
  --radius-card:8px;
  --radius-chip:4px;
  --radius-pill:4px;

  /* Отступы «листа» */
  --pad-x:48px;
  --pad-x-tablet:26px;
  --pad-x-mobile:16px;

  /* Заглушки карточек без фото: миллиметровка вместо косой штриховки */
  --ph-1:repeating-linear-gradient(90deg,#DCE2E7 0 1px,transparent 1px 16px),repeating-linear-gradient(0deg,#DCE2E7 0 1px,transparent 1px 16px),#EDF0F3;
  --ph-2:repeating-linear-gradient(90deg,#D6DDE3 0 1px,transparent 1px 20px),repeating-linear-gradient(0deg,#D6DDE3 0 1px,transparent 1px 20px),#E7EBEF;
  --ph-3:repeating-linear-gradient(90deg,#E0E5EA 0 1px,transparent 1px 14px),repeating-linear-gradient(0deg,#E0E5EA 0 1px,transparent 1px 14px),#F1F4F6;
  --ph-4:repeating-linear-gradient(90deg,#D9E0E6 0 1px,transparent 1px 18px),repeating-linear-gradient(0deg,#D9E0E6 0 1px,transparent 1px 18px),#EAEEF1;

  /* Свотчи: цвета корпусов техники */
  --sw-black:#1C2024;
  --sw-milk:#F3F5F7;
  --sw-beige:#D8CFC0;
  --sw-brown:#A5765A;
  --sw-khaki:#5C6660;
  --sw-grey:#A8B0B7;
  --sw-blue:#9FB6C9;
}

/* Заголовки — Geologica плотного начертания: техничный, собранный ритм. */
.h1, .h1-lg, .h2, .h2-light, .h3, .pdp__title, .article__title,
.account-h2, .post-card__title, .lead-cta__title {
  font-weight: 600;
  letter-spacing: -0.015em;
}
.h1-lg, .article__title { letter-spacing: -0.025em; }

/* Цифры в статистике — плотнее и с моноширинными знаками, как на приборе. */
.about__stat .num, .stats-band__num, .value__num, .price-lg, .price__now {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

/* Служебные подписи — моноширинный: надпись на шильдике, а не заголовок. */
.eyebrow, .contacts__label, .post-card__meta, .about__stat .cap,
.tag, .loyalty__cap, .spec-row .k {
  font-family: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .12em;
}

/* Сетка вместо тени: карточки очерчены волосяной линией. */
.product-card__media, .pdp__cell, .cat-tile__img {
  box-shadow: inset 0 0 0 1px var(--line);
}

/* Кнопки собранные: меньше воздуха по бокам, чёткий прямоугольник. */
.btn { padding-left: 22px; padding-right: 22px; }
