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

:root{
  /* Чернила и текст */
  --ink:#2E2A26;
  --ink-2:#413B34;
  --text-muted:#6F6558;
  --text-soft:#94897A;
  --text-faint:#B6AB9B;

  /* Фоны */
  --bg-page:#E9DECB;
  --bg-card:#FFFCF6;
  --bg-cream:#F7F0E3;
  --bg-cream-2:#FBF6EC;

  /* Линии */
  --line:#EDE3D2;
  --line-soft:#F5EEE1;
  --border-ctl:#D9CDB8;

  /* Акцент — мандарин: тёплый, чистый, не кислотный */
  --accent:#2E86A6;
  --accent-hover:#22687F;
  --ok:#4C8A5A;
  --white:#FFFFFF;

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

  /* Характер: крупные скругления, ничего острого */
  --radius-btn:20px;
  --radius-ctl:16px;
  --radius-card:24px;
  --radius-chip:18px;
  --radius-pill:999px;

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

  /* Заглушки карточек без фото (обязательный токен: задан в styles.css бежевым).
     Каждая — свой акцент в сильном разбеле: полка выглядит живой, а не серой. */
  --ph-1:repeating-linear-gradient(45deg,#FBEFE0 0 13px,#F4E3CE 13px 26px);
  --ph-2:repeating-linear-gradient(45deg,#FBE7DA 0 15px,#F5D9C5 15px 30px);
  --ph-3:repeating-linear-gradient(45deg,#E7F1EE 0 14px,#D9E9E3 14px 28px);
  --ph-4:repeating-linear-gradient(45deg,#E9EEF8 0 14px,#DBE4F2 14px 28px);

  /* Свотчи: реальные цвета детских вещей сезона */
  --sw-black:#2E2A26;
  --sw-milk:#F7EFE0;
  --sw-beige:#EAD8B8;
  --sw-brown:#A9714A;
  --sw-khaki:#7E9A64;
  --sw-grey:#B9BFC2;
  --sw-blue:#7FB2E4;
}

/* Заголовки — Nunito bold: округлый гротеск, детская интонация без сюсюканья. */
.h1, .h1-lg, .h2, .h2-light, .h3, .pdp__title, .article__title,
.account-h2, .post-card__title, .lead-cta__title {
  font-weight: 700;
  letter-spacing: -0.01em;
}
.h1-lg, .article__title { letter-spacing: -0.02em; }

/* Мягкая тёплая тень: карточка «лежит», а не врезана в фон. */
.product-card__media, .pdp__cell, .cat-tile__img {
  box-shadow: 0 2px 6px rgba(46,42,38,.06);
}

/* Крупные кнопки: в них удобно попасть с телефона одной рукой. */
.btn { padding-left: 28px; padding-right: 28px; font-weight: 600; }