/* ==========================================================
   PRIVALOV — цвета сайта (вариант B «Зола и дерево»)
   Все цвета сайта берутся отсюда. Чтобы поменять оттенок,
   правьте значение здесь — он изменится на всех страницах.
   Значения — из фирменной палитры: Зола, Светлое дерево,
   Пепельная мята.
   ========================================================== */
:root{
  /* Design-system draft: consumed by the review kit until its visual approval. */
  --pv-font-body:'Manrope',Arial,sans-serif;
  --pv-font-display:'Cormorant Garamond',Georgia,serif;
  --pv-font-size-body:16px;
  --pv-font-size-caption:14px;
  --pv-space-1:4px;
  --pv-space-2:8px;
  --pv-space-3:12px;
  --pv-space-4:16px;
  --pv-space-5:20px;
  --pv-space-6:24px;
  --pv-space-8:32px;
  --pv-space-10:40px;
  --pv-space-12:48px;
  --pv-space-16:64px;
  --pv-control-sm:44px;
  --pv-control-md:56px;
  --pv-control-lg:64px;
  --pv-radius-control:0px;
  --pv-border:1px;
  --pv-focus-width:2px;
  --pv-focus-offset:3px;
  --pv-motion-fast:180ms;
  --pv-motion-normal:250ms;
  --pv-motion-slow:350ms;
  --pv-ease-standard:cubic-bezier(.2,0,0,1);
  --pv-ease-out:cubic-bezier(.16,1,.3,1);
  --pv-ease-in:cubic-bezier(.4,0,1,1);
  --pv-duration:var(--pv-motion-fast);
  --pv-content-width:1440px;
  --pv-reading-width:820px;
  /* Layout samples in /ui-kit/; existing pages adopt these tokens separately. */
  --pv-layout-gutter:var(--pv-space-10);
  --pv-layout-section-gap:var(--pv-space-16);
  --pv-layout-card-gap:var(--pv-space-6);
  --pv-layout-panel-padding:var(--pv-space-10);
  --pv-divider-content-before:var(--pv-space-6);
  --pv-divider-content-after:var(--pv-space-8);
  --pv-divider-section-space:var(--pv-space-8);
  /* фоны */
  --c-bg:#ECE5DC;          /* фон страниц — Светлое дерево, самый светлый */
  --c-bg-alt:#E0D5C7;      /* светлые плашки и секции (УТП, подписка, «О нас») */
  --c-photo:#D1D0CE;       /* заглушки под фото — Зола, светлый */
  --c-header:#2B2724;      /* шапка — Зола */
  --c-footer:#201D1B;      /* подвал и тёмная полоса подписки — Зола, самый тёмный */

  /* текст */
  --c-ink:#2B2724;         /* основной текст и тёмные кнопки — Зола */
  --c-ink-deep:#201D1B;
  --c-ink-2:#403B36;       /* второстепенный тёмный текст */
  --c-muted:#6A5B45;       /* приглушённый текст — тёмное дерево */
  --c-muted-2:#7E7A77;     /* подписи, хлебные крошки — Зола, средний */
  --c-on-dark:#ECE5DC;     /* текст на тёмном фоне */

  /* линии */
  --c-line:#D1D0CE;
  --c-line-strong:#B5B3B1;

  /* акценты */
  --c-accent:#9F8868;        /* наведение и активные пункты на светлом — Светлое дерево */
  --c-accent-light:#C8B69D;  /* акцент на тёмном фоне (шапка, подвал) */

  /* плашки и состояния */
  --c-tag-new:#D7E1D7;       /* «Новинки» — Пепельная мята */
  --c-tag-stock:#C8B69D;     /* «В наличии» — Светлое дерево */
  --c-success:#5D6B5E;       /* «в наличии», успешная отправка формы — мята */
  --c-success-light:#B9CABA;
  --c-danger:#B5573A;        /* ошибки и предупреждения */
  --c-danger-light:#E39A7F;
}

@media (max-width:900px){
  :root{
    --pv-layout-gutter:var(--pv-space-4);
    --pv-layout-section-gap:var(--pv-space-12);
    --pv-layout-card-gap:var(--pv-space-4);
    --pv-layout-panel-padding:var(--pv-space-6);
    --pv-divider-content-before:var(--pv-space-4);
    --pv-divider-content-after:var(--pv-space-6);
    --pv-divider-section-space:var(--pv-space-6);
  }
}

@media (prefers-reduced-motion:reduce){
  :root{
    --pv-motion-fast:0ms;
    --pv-motion-normal:0ms;
    --pv-motion-slow:0ms;
  }
}