:root {
  /* ===== ФОН И ПОВЕРХНОСТИ ===== */
  --color-bg: #0f1f2c;                 /* основной фон (тёмно-синий, как логотип) */
  --color-surface: #142636;            /* секции */
  --color-surface-elevated: #1b3246;   /* карточки / приподнятые блоки */

  /* ===== ТЕКСТ ===== */
  --color-text: #f4ecd2;               /* основной текст (кремовый) */
  --color-text-muted: #b8b09a;         /* вторичный тёплый текст */

  /* ===== АКЦЕНТ / PRIMARY ===== */
  --color-primary: #f1e3b0;            /* основной акцент (буквы логотипа) */
  --color-primary-hover: #e4d28f;      /* hover */
  --color-primary-soft: rgba(241, 227, 176, 0.18);

  /* ===== ГРАНИЦЫ И РАЗДЕЛИТЕЛИ ===== */
  --color-border-subtle: #243c52;      /* мягкая граница */
  --color-divider: rgba(244, 236, 210, 0.08);

  /* ===== КНОПКИ ===== */
  --btn-primary-text: #0f1f2c;
  --btn-outline-border: #f1e3b0;
  --btn-outline-hover-bg: rgba(241, 227, 176, 0.15);

  /* ===== BADGE / CHIP ===== */
  --color-badge-bg: rgba(241, 227, 176, 0.16);
  --color-badge-text: #f4ecd2;

  /* ===== HERO / СВЕЧЕНИЯ ===== */
  --hero-light: rgba(241, 227, 176, 0.22);

  /* ===== HEADER ===== */
  --header-gradient-1-color: rgba(7, 14, 20, 0.98);
  --header-gradient-2-color: rgba(15, 31, 44, 0.98);

  /* ===== НАВИГАЦИЯ ===== */
  --site-nav-bg-hover: rgba(255, 255, 255, 0.05);
  --site-nav-bg-active: rgba(241, 227, 176, 0.22);

  /* ===== FAQ / INFO ===== */
  --faq-bg: rgba(15, 31, 44, 0.96);
  --faq-bg-border: rgba(241, 227, 176, 0.18);

  /* ===== TOC ===== */
  --toc-background: rgba(10, 22, 32, 0.96);
  --toc-border: rgba(241, 227, 176, 0.22);

  /* ===== LANGUAGE SWITCHER ===== */
  --lang-switcher-menu-bg: #142636;
  --lang-switcher-menu-border: #243c52;
  --lang-switcher-toggle-hover: #f1e3b0;
  --lang-switcher-item-hover: #f1e3b0;
  --lang-switcher-off-bg: #1b3246;
}