:root {
  /* Базовый фон и поверхности */
  --color-bg: #f4ebd7;                 /* основной светлый беж */
  --color-surface: #f0e3ce;            /* секции/блоки */
  --color-surface-elevated: #e9d8b8;   /* карточки, приподнятые элементы */

  /* Текст */
  --color-text: #3b2f1e;               /* тёмный коричневый */
  --color-text-muted: #7c6b56;         /* мягкий коричневый muted */

  /* Акцент / primary (золотая кнопка) */
  --color-primary: #f0b54a;            /* основной золотой */
  --color-primary-soft: rgba(240, 181, 74, 0.2);
  --color-primary-hover: #da8c2c;      /* тёмное золото / hover */

  /* Дополнительные */
  --color-border-subtle: #d7c7a7;      /* песочная граница */
  --color-badge-bg: rgba(236, 208, 157, 0.3); /* бейджи/чипы */

  /* Кнопки outline */
  --color-outline-border: #a4885e;     
  --color-outline-hover-bg: rgba(233, 216, 184, 0.4);

  /* Hero highlight (лёгкое золотое свечение) */
  --hero-light: rgba(240, 181, 74, 0.2);

  /* TOC / информационные блоки */
  --toc-background: rgba(233, 216, 184, 0.95);
  --toc-border: rgba(181, 151, 110, 0.9);

  /* Навигация (чипы "TOP", "NUOVO" и т.п.) */
  --site-nav-bg-hover: rgba(233, 216, 184, 0.8);
  --site-nav-bg-active: rgba(213, 191, 145, 0.95);

  /* Header gradient (верхняя синяя панель) */
  --header-gradient-1-color: rgba(213, 191, 145, 0.95);   /* тёмный синий сверху */
  --header-gradient-2-color: rgba(240, 227, 206, 0.98);  /* более светлый голубой снизу */

  /* FAQ-блоки */
  --faq-bg: rgba(240, 227, 206, 0.98);
  --faq-bg-border: rgba(203, 180, 137, 0.95);

  /* Переключатель языков */
  --lang-switcher-menu-bg: #f0e3ce;                 /* фон выпадающего меню */
  --lang-switcher-menu-border: #d7c7a7;            /* граница меню */
  --lang-switcher-toggle-hover: #f0b54a;           /* hover по тогглу */
  --lang-switcher-item-hover: #f0b54a;             /* hover по пункту */
  --lang-switcher-off-bg: #e9d8b8;                 /* неактивное состояние */
}