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

:root{
  /* Чернила и текст */
  --ink:#141414;
  --ink-2:#2B2B2B;
  --text-muted:#5C5C5C;
  --text-soft:#7C7C7C;
  --text-faint:#A5A5A5;

  /* Фоны */
  --bg-page:#171717;
  --bg-card:#FBFBFA;
  --bg-cream:#EDEDEA;
  --bg-cream-2:#F4F4F2;

  /* Линии */
  --line:#E2E2DE;
  --line-soft:#EDEDEA;
  --border-ctl:#C2C2BC;

  /* Акцент — сигнальный красный трафаретной краски */
  --accent:#D9331B;
  --accent-hover:#B22513;
  --ok:#3F7A3F;
  --white:#FFFFFF;

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

  /* Характер: малые скругления, край как у отпечатанного стикера */
  --radius-btn:3px;
  --radius-ctl:4px;
  --radius-card:6px;
  --radius-chip:2px;
  --radius-pill:3px;

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

  /* Заглушки карточек без фото (обязательный токен: задан в styles.css бежевым) */
  --ph-1:repeating-linear-gradient(45deg,#EDEDEA 0 13px,#E0E0DB 13px 26px);
  --ph-2:repeating-linear-gradient(45deg,#E6E6E1 0 15px,#D8D8D2 15px 30px);
  --ph-3:repeating-linear-gradient(45deg,#F2F2EF 0 14px,#E4E4DF 14px 28px);
  --ph-4:repeating-linear-gradient(45deg,#E9E9E4 0 14px,#DBDBD5 14px 28px);

  /* Свотчи: реальные цвета вещей дропа */
  --sw-black:#141414;
  --sw-milk:#EFEDE6;
  --sw-beige:#CFC6B2;
  --sw-brown:#6E4A34;
  --sw-khaki:#6A6E58;
  --sw-grey:#9C9C97;
  --sw-blue:#A9B6C2;
}

/* Заголовки — Oswald 600: узкий гротеск набирается плотно, как афиша на столбе. */
.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.005em;
}
.h1, .h1-lg, .h2, .h2-light { text-transform: uppercase; letter-spacing: 0.01em; }

/* Печать на ткани: у карточек не тень, а жёсткий контур — край трафарета. */
.product-card__media, .pdp__cell, .cat-tile__img {
  box-shadow: inset 0 0 0 1px rgba(20,20,20,.12);
}

/* Кнопки почти без скругления: набор плотнее, буквы капслоком, как на бирке. */
.btn { padding-left: 24px; padding-right: 24px; text-transform: uppercase; letter-spacing: .06em; font-weight: 500; }