/* ============================================================
   МОСМЕБЕЛЬ — токены сайта.

   Направление выбрано: «Каталог». Сайт собран вокруг разделов,
   заголовки набраны антиквой Prata, мелкий текст — Manrope.
   Палитра — брендбук без единого добавленного цвета.

   Ниже сначала идут значения сайта, затем — старые имена,
   на которых держатся архивные варианты в этой же папке.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Prata&family=Manrope:wght@200;300;400;500;600&display=swap');

:root{
  /* ——— Брендбук ————————————————————————————————— */
  --brand-ink:#000000;
  --brand-ash:#4D4D4D;      /* C59 M49 Y48 K43 */
  --brand-stone:#7D7874;    /* C53 M45 Y47 K10 */
  --brand-white:#FFFFFF;

  /* ——— Поверхности ————————————————————————————— */
  --bg:#0C0C0E;             /* лист                              */
  --bg-2:#131316;           /* плита под кадром, поле ввода      */
  --bg-3:#1A1A1E;           /* наведение, карточка               */
  --bg-4:#26262B;           /* наведение НА карточке: тон выше,
                               иначе кнопка сливается с ней      */
  --rule:rgba(255,255,255,.13);
  --rule-2:rgba(255,255,255,.07);

  /* ——— Текст ———————————————————————————————————— */
  --fg:#EFEFEF;
  --fg-2:#A0A0A0;
  --fg-3:#6A6A6D;

  /* ——— Металл: только клеймо и редкое слово ————— */
  --chrome:linear-gradient(180deg,
      #FFFFFF 0%, #E4E7EA 20%, #9DA2A6 44%,
      #4A4E52 50%, #C2C6CA 54%, #FAFBFC 74%, #B4B8BC 100%);

  /* ——— Гарнитуры ———————————————————————————————
     Prata   — русская антиква, только заголовки.
     Manrope — весь остальной текст и интерфейс.      */
  --disp:'Prata', 'Times New Roman', Georgia, serif;
  --text:'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ——— Размеры ————————————————————————————————
     Всё на clamp: телефон и десктоп из одних значений. */
  --t-hero:clamp(2.1rem, 6.4vw, 6rem);
  --t-h1:clamp(1.75rem, 3.6vw, 3.2rem);
  --t-h2:clamp(1.4rem, 2.4vw, 2.2rem);
  --t-h3:clamp(1.1rem, 1.5vw, 1.4rem);
  --t-lead:clamp(.98rem, 1.15vw, 1.15rem);
  --t-body:1rem;
  --t-sm:.9rem;
  --t-label:.66rem;

  --tr-label:.2em;
  --tr-mid:.14em;

  /* ——— Поля и ритм ————————————————————————————— */
  --pad:clamp(16px, 3vw, 54px);      /* боковое поле листа */
  --maxw:1680px;
  --gap:clamp(8px, 1vw, 18px);       /* просвет между кадрами */

  --s1:4px;  --s2:8px;  --s3:14px; --s4:22px;
  --s5:34px; --s6:52px; --s7:80px; --s8:120px;

  --hd:62px;                          /* высота шапки        */
  --tabs:56px;                        /* высота вкладок      */
  --r:10px;                           /* лёгкое скругление —
                                          без острых углов, но
                                          и не «пузырь»        */

  /* ——— Движение ————————————————————————————————
     Медленно и только по касанию.                    */
  --e:cubic-bezier(.22,.61,.36,1);
  --d1:260ms; --d2:420ms; --d3:760ms; --d4:1100ms;

  /* ——— Фотографии ——————————————————————————————
     Приглушаем, чтобы не спорили с чёрно-серым.      */
  --img:saturate(.76) contrast(1.03);
  --img-hi:saturate(.95) contrast(1.04);

  /* ——— Имена, на которых держатся архивные варианты ——— */
  --ink:#000000; --ash:#4D4D4D; --stone:#7D7874; --white:#FFFFFF;
  --near-black:#0A0A0B; --char:#141416;
  --paper:#F7F7F6; --paper-2:#ECECEA;
  --hair:rgba(0,0,0,.14); --hair-d:rgba(255,255,255,.16);
  --on-dark:#EFEFEF; --on-dark-2:#A3A3A3; --on-dark-3:#6E6E6E;
  --on-light:#111112; --on-light-2:#5A5A5A; --on-light-3:#8C8C8C;
  --field:clamp(24px, 8vw, 148px); --field-y:clamp(28px, 5vw, 76px);
  --tr-wide:.34em; --lh-air:1.34;
  --d:420ms; --img-lt:saturate(.55) contrast(1.02) brightness(1.02);
}

@media(max-width:760px){
  :root{ --hd:56px; --tabs:50px; }
}