/* ============================================================
   HISTORY — токены дизайна (из Figma History.d)
   Палитра, типографика, сетка, тени
   ============================================================ */

:root {
  /* --- Фон --- */
  --back-warm-1: #F5F3F0;   /* back/back-warm-1 */
  --back-warm-2: #F0ECE8;   /* back/back-warm-2 */
  --bezh-1: #F7EEE6;        /* Bezh-1 */
  --white: #FFFFFF;

  /* --- Коричневые (текст / тёмные блоки) --- */
  --brown-3: #32241E;       /* Brown-3 */
  --brown-2: #4A3A35;       /* Brown-2 — основной тёмный */
  --brown-lines: #655546;   /* brown-lines */
  --brown-1: #917761;       /* Brown-1 — вторичный */
  --bezh-2: #D9CBB9;        /* Bezh-2 — текст на тёмном */
  --brown-dark: #20120B;    /* Brown-dark */
  --lines-bezh: #CBBFB4;    /* Lines-bezh — светлый текст/линии */

  /* --- Бронзовый градиент (акцент) --- */
  --grad-bronze: linear-gradient(112deg, #CBAE89 0%, #8E6D51 100%);

  /* --- Типографика --- */
  --font-display: "Prata", "Times New Roman", serif;
  --font-text: "Google Sans", "Helvetica Neue", Arial, sans-serif;

  /* Размеры (десктоп) */
  --fs-h1: 48px;   --lh-h1: 1.5;
  --fs-h2: 36px;   --lh-h2: 1.6;
  --fs-h3: 20px;   --lh-h3: 1.5;
  --fs-h4: 16px;   --lh-h4: 1.5;
  --fs-t1: 20px;   --lh-t1: 1.4;
  --fs-t2: 16px;   --lh-t2: 1.4;
  --fs-t3: 14px;   --lh-t3: 1.3;
  --fs-marker: 11px; --lh-marker: 1.3;

  /* --- Сетка контента --- */
  --content-max: 1400px;
  --content-pad: 80px;
  --col-gutter: 20px;

  /* --- Радиусы --- */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 16px;
  --r-xl: 24px;

  /* --- Тени --- */
  --sh-card: 0 24px 32px rgba(0,0,0,0.04), 0 2px 16px rgba(0,0,0,0.04);
  --sh-menu: 0 48px 64px rgba(0,0,0,0.04), 0 24px 32px rgba(0,0,0,0.04), 0 8px 16px rgba(0,0,0,0.06);

  /* --- Переходы --- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 0.35s;
}

/* --- Мобильная типографика --- */
@media (max-width: 767px) {
  :root {
    --fs-h1: 30px;
    --fs-h2: 24px;   --lh-h2: 1.4;
    --fs-h3: 16px;
    --content-pad: 20px;
  }
}