:root {
  --color-h2: #8b5e3c;
  --color-line-h2: #e0c187;
  --color-h3: #61452c;
  --color-p: #492e14;
  --color-black-olive: #304604;
  --chocolate-brown: #7b3f00;  /* тёмно-коричнево-бордовый оттенок */

  --brand-color: #a27b43; 
  --brand-hover: #8f6c3b;
  --bg-color: #f8f6f1;
  --text-color: #333333;
  --bg:#fffef9; 
  --ink:#412d18; 
  --muted:#7b5a34;
  --gold:#e0c187; 
  --gold-2:#c7a764; 
  --mustard-gold: #c7a764; /* горчично-золотой */
  --cherry: #633402; /* тёмно-бордовым */
  


  --shadow:0 12px 30px rgba(0,0,0,.12);
  --radius:16px; 
  --gap:18px; 
  --cover: min(62vw, 820px);

  --parchment: #f3f0e7;
  --header-height:720px;
  --max-width:1200px;

  --page-bg-texture-0: url('/images/common/texture/texture-0.png');
  --page-bg-texture-1: url('/images/common/texture/texture-1.png');
  --page-bg-texture-2: url('/images/common/texture/texture-2.png');
  --page-bg-texture-3: url('/images/common/texture/texture-3.png');
  --page-bg-texture-4: url('/images/common/texture/texture-4.png');
  --page-bg-texture-5: url('/images/common/texture/texture-5.png');
  --page-bg-texture-6: url('/images/common/texture/texture-6.png');

  --header-bg-illustration: url('/images/header/igumenia.png');

  /* === Полоса прокрутки === */
  --scroll-track: rgba(255, 240, 200, 0.30);
  --thumb-solid: #c7a764; /* для Firefox (градиент не поддерживается) */
  --thumb-border: #fff3d1;
  --thumb-grad-from: #e9cf8e;
  --thumb-grad-to: #c7a764;
  --thumb-hover-from: #f6e3ac;
  --thumb-hover-to: #b99342;
}


@font-face {
  font-family: "Marcellus" normal;
  src: url("/fonts/marcellus/marcellus-regular.ttf") format("truetype");
  src: url("/fonts/marcellus/marcellus-regular.woff2") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


body {    
 
  font-family: 'Marcellus', normal;
  font-size-adjust: 0.48;
  margin: 0;   /* убираем отступы браузера */
  padding: 0;      
  /* background-image: var( --page-bg-texture-1);  твоё изображение */
  color: #333;    
       
}

html {
  scroll-behavior: smooth;
}

/* Управление отображением телефона */
.desktop-only { display: inline; }
.mobile-only  { display: none; }

@media (max-width: 1023px) {
  .desktop-only { display: none; }
  .mobile-only  { display: inline; }
}


/* ===================== Полоса прокрутки ========================================================================= */

/* Применять только на устройствах с точным указателем (мышь) */
@media (pointer: fine) {
  /* WebKit-браузеры */
  html::-webkit-scrollbar { width: 10px; height: 10px; }
  html::-webkit-scrollbar-track {
    background: var(--scroll-track);
    border-radius: 6px;
  }
  html::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--thumb-grad-from), var(--thumb-grad-to));
    border-radius: 6px;
    border: 1px solid var(--thumb-border);
  }
  html::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--thumb-hover-from), var(--thumb-hover-to));
  }
}

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--thumb-solid) var(--scroll-track);
}

/* Уважение к пользователю: если он предпочитает reduced motion — не дергать внимание подсветками и т.п. */
@media (prefers-reduced-motion: reduce) {
  html::-webkit-scrollbar-thumb { transition: none !important; }
}