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

:root{
  /* Чернила и текст */
  --ink:#2C241B;
  --ink-2:#443830;
  --text-muted:#6F6152;
  --text-soft:#927F6B;
  --text-faint:#B3A18B;

  /* Фоны */
  --bg-page:#E4D9C2;
  --bg-card:#FDFAF4;
  --bg-cream:#F3EBDA;
  --bg-cream-2:#F8F2E6;

  /* Линии */
  --line:#E7DDC9;
  --line-soft:#F2EADA;
  --border-ctl:#CDBEA3;

  /* Акцент — обожжённая терракота */
  --accent:#4E7048;
  --accent-hover:#3D5A39;
  --ok:#4F7A4A;
  --white:#FFFFFF;

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

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

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

  /* Заглушки карточек без фото (обязательный токен: задан в styles.css бежевым) */
  --ph-1:repeating-linear-gradient(45deg,#F1E8D6 0 13px,#E8DCC5 13px 26px);
  --ph-2:repeating-linear-gradient(45deg,#EBE1CB 0 15px,#E1D4B9 15px 30px);
  --ph-3:repeating-linear-gradient(45deg,#F5EEDF 0 14px,#EAE0CB 14px 28px);
  --ph-4:repeating-linear-gradient(45deg,#EFE7D5 0 14px,#E4D8C0 14px 28px);

  /* Свотчи: реальные цвета амуниции, лежанок и мисок */
  --sw-black:#2C241B;
  --sw-milk:#F0E7D6;
  --sw-beige:#D9C6A5;
  --sw-brown:#8E6242;
  --sw-khaki:#5E6F4C;
  --sw-grey:#A9A497;
  --sw-blue:#8FA6A8;
}

/* Заголовки — Alegreya Sans: гуманистический гротеск, тёплый и не «детский». */
.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.01em;
}
.h1-lg, .article__title { letter-spacing: -0.02em; }

/* Крафт: тёплая мягкая тень — вещь лежит на джуте, а не висит в пустоте. */
.product-card__media, .pdp__cell, .cat-tile__img {
  box-shadow: 0 1px 3px rgba(44,36,27,.06);
}

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