/* ============================================================
   БРЕНД-СЛОЙ: РИТМ — витамины, БАДы, продукты для ЗОЖ.
   Единственная точка реслина. Грузится ПОСЛЕ styles.css.
   Характер: живой цвет — светлая тёплая база и один янтарный акцент.
   Типографика крупная и плотная, скругления средние (12–20px).
   Бодро, но без крика: цвет работает точками, а не заливкой.
   ============================================================ */

:root{
  /* Чернила и текст */
  --ink:#23201B;
  --ink-2:#3A342B;
  --text-muted:#6B6357;
  --text-soft:#8C8478;
  --text-faint:#ADA598;

  /* Фоны */
  --bg-page:#E8DFD1;
  --bg-card:#FDFBF7;
  --bg-cream:#F4EDE2;
  --bg-cream-2:#F9F4EC;

  /* Линии */
  --line:#E7DDCC;
  --line-soft:#F2EAE0;
  --border-ctl:#CFC3AF;

  /* Акцент — янтарная терракота */
  --accent:#C85C1E;
  --accent-hover:#A94A12;
  --ok:#4E7A45;
  --white:#FFFFFF;

  /* Шрифты */
  --font-head:'Onest','Helvetica Neue',Arial,sans-serif;
  --font-body:'Golos Text','Helvetica Neue',Arial,sans-serif;

  /* Характер: средние скругления, кнопка заметно скруглена, но не пилюля */
  --radius-btn:14px;
  --radius-ctl:12px;
  --radius-card:20px;
  --radius-chip:12px;
  --radius-pill:999px;

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

  /* Заглушки карточек без фото (обязательный токен: задан в styles.css бежевым) */
  --ph-1:repeating-linear-gradient(45deg,#F2E8D9 0 13px,#E9DCC9 13px 26px);
  --ph-2:repeating-linear-gradient(45deg,#EEE3D2 0 15px,#E3D5BF 15px 30px);
  --ph-3:repeating-linear-gradient(45deg,#F6EEE2 0 14px,#ECE1CF 14px 28px);
  --ph-4:repeating-linear-gradient(45deg,#F1E7D7 0 14px,#E7DAC5 14px 28px);

  /* Свотчи: цвета капсул, порошков и сырья */
  --sw-black:#23201B;
  --sw-milk:#F4EEE2;
  --sw-beige:#E6D5B8;
  --sw-brown:#9A6B3C;
  --sw-khaki:#7E8A55;
  --sw-grey:#C4BBAC;
  --sw-blue:#7FA3B8;
}

/* Заголовки — Onest полужирным: крупное очко, плотный набор, без разрежения. */
.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.025em;
}
.h1-lg, .article__title { letter-spacing: -0.035em; }

/* Живой цвет: карточки держатся на тёплой заливке, а не на жёсткой рамке. */
.product-card__media, .pdp__cell, .cat-tile__img {
  background-color: var(--bg-cream);
  box-shadow: 0 1px 2px rgba(35,32,27,.05);
}

/* Кнопки плотнее и увереннее: это интерфейс магазина, а не витринная надпись. */
.btn { padding-left: 26px; padding-right: 26px; font-weight: 500; }