/* ============================================================
   БРЕНД-СЛОЙ (СИЛУЭТ). Единственная точка реслина.
   Грузится ПОСЛЕ styles.css и переопределяет токены. На новый бренд
   меняем ТОЛЬКО этот файл (значения) + главную (front-page.php).
   Имена токенов — контракт базы (см. Портфолио_методология_и_промт.md §3).
   ============================================================ */

:root{
  /* Чернила и текст */
  --ink:#201D18;
  --ink-2:#3A352D;
  --text-muted:#6C655A;
  --text-soft:#8A8175;
  --text-faint:#A69C8B;

  /* Фоны */
  --bg-page:#D9D3C8;
  --bg-card:#FAF8F4;
  --bg-cream:#EFE9E0;
  --bg-cream-2:#F3EEE6;

  /* Линии */
  --line:#E5DED2;
  --line-soft:#F0EAE0;
  --border-ctl:#C9C0B1;

  /* Акцент — главный фирменный цвет */
  --accent:#8A5A3C;
  --accent-hover:#764B30;
  --ok:#4C7A4C;
  --white:#FFFFFF;

  /* Шрифты */
  --font-head:'Cormorant Garamond',Georgia,serif;
  --font-body:'Jost','Helvetica Neue',Arial,sans-serif;

  /* Характер: скругления (0 люкс · 6-10 дружелюбно · 18+ мягкий кэжуал).
     btn — кнопки/чипы · ctl — поля форм · card — карточки/фото/попапы.
     Применяются агрегирующим блоком в конце siluet-fixes.css. */
  --radius-btn:0;
  --radius-ctl:0;
  --radius-card:0;
  --radius-chip:6px;
  --radius-pill:5px;

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

  /* Свотчи товара (палитра ниши — у одежды это цвета тканей) */
  --sw-black:#201D18;
  --sw-milk:#E8E1D3;
  --sw-beige:#C7BCA6;
  --sw-brown:#8C6B4F;
  --sw-khaki:#6C655A;
  --sw-grey:#9A9082;
  --sw-blue:#B7C2C0;

  /* Плейсхолдеры фото (штриховка) */
  --ph-1:repeating-linear-gradient(45deg,#EBE4D9 0 13px,#E2DACC 13px 26px);
  --ph-2:repeating-linear-gradient(45deg,#E4DCCE 0 15px,#DAD0BF 15px 30px);
  --ph-3:repeating-linear-gradient(45deg,#EDE7DD 0 14px,#E0D8C9 14px 28px);
  --ph-4:repeating-linear-gradient(45deg,#E8E0D2 0 14px,#DCD2C1 14px 28px);
}
