/* ============================================================
   БРЕНД-СЛОЙ: РОСА — уходовая косметика (clean beauty).
   Единственная точка реслина. Грузится ПОСЛЕ styles.css.
   Характер: клинично-спокойно, много воздуха, влажная свежесть.
   Скругления мягкие (pill у кнопок) — аптечная деликатность.
   ============================================================ */

:root{
  /* Чернила и текст */
  --ink:#22302C;
  --ink-2:#33443F;
  --text-muted:#5E6F69;
  --text-soft:#879892;
  --text-faint:#A9B7B2;

  /* Фоны */
  --bg-page:#DCE6E2;
  --bg-card:#FBFAF7;
  --bg-cream:#EDF2EF;
  --bg-cream-2:#F4F7F5;

  /* Линии */
  --line:#DFE7E3;
  --line-soft:#EDF2EF;
  --border-ctl:#C3D2CC;

  /* Акцент — влажный зелёный */
  --accent:#5F9C8F;
  --accent-hover:#4C8578;
  --ok:#4C7A4C;
  --white:#FFFFFF;

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

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

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

  /* Заглушки карточек без фото (обязательный токен: задан в styles.css бежевым) */
  --ph-1:repeating-linear-gradient(45deg,#E9EFEC 0 13px,#DFE8E4 13px 26px);
  --ph-2:repeating-linear-gradient(45deg,#E4EBE8 0 15px,#D8E3DE 15px 30px);
  --ph-3:repeating-linear-gradient(45deg,#EDF2EF 0 14px,#E1EAE6 14px 28px);
  --ph-4:repeating-linear-gradient(45deg,#E7EEEA 0 14px,#DBE5E1 14px 28px);

  /* Свотчи: оттенки средств и типов кожи */
  --sw-black:#22302C;
  --sw-milk:#F2EDE4;
  --sw-beige:#E7DACA;
  --sw-brown:#B9855E;
  --sw-khaki:#A8C3BB;
  --sw-grey:#C6CFCB;
  --sw-blue:#BBD3DA;
}

/* Заголовки — Manrope light: воздух вместо контраста засечек. */
.h1, .h1-lg, .h2, .h2-light, .h3, .pdp__title, .article__title,
.account-h2, .post-card__title, .lead-cta__title {
  font-weight: 300;
  letter-spacing: -0.02em;
}
.h1-lg, .article__title { letter-spacing: -0.03em; }

/* Клиникальная чистота: мягкая тень карточек вместо жёстких рамок. */
.product-card__media, .pdp__cell, .cat-tile__img {
  box-shadow: 0 1px 2px rgba(34,48,44,.04);
}

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