:root {
  /* Шрифты */
  --font-main: 'Inter', sans-serif;
  --font-accent: 'Century Gothic', sans-serif;

  /* Цвета (дополни или поправь названия под свой макет) */
  --belyy: #ffffff;
  --bg-main: #faf8f5;
  /* Светло-кремовый фон страниц */
  --bg-card: #fffbf2;
  /* Фон выделенных плашек/карточек */
  --text-main: #2b2a29;
  /* Основной темный текст */
  --color-accent: #87b2a3;
  /* Тот самый бирюзовый акцент */
  --color-yellow: #FFFCF5;

  /* Анимации (безопасные для рендеринга) */
  --transition-speed: .3s;
  --transition: color var(--transition-speed) ease,
    background-color var(--transition-speed) ease,
    opacity var(--transition-speed) ease,
    border-color var(--transition-speed) ease;

  /* Размеры контейнера */
  --container-padding: 20px;
  --container-width: 1320px;

  /* Сетка слоев (z-index) */
  --z-index-back: -1;
  --z-index-base: 1;
  --z-index-above: 2;
  --z-index-dropdown: 10;
  --z-index-header: 100;
  --z-index-popup: 1000;
}