:root {
  /* --- ГРУППА 1: FRAME (HEADER & FOOTER) --- */
  /* Цвет спелого винограда или выдержанного Саперави — глубокий винный */
  --sg-frame-bg: #4A0E1C; 
  /* Кремовый (цвет сливок или муки), чтобы не "резать" глаз чистым белым */
  --sg-frame-text: #FDF5E6; 
  /* Пыльный розовый (оттенок винного осадка) для доп. ссылок */
  --sg-frame-text-muted: rgba(253, 245, 230, 0.6); 

  /* --- ГРУППА 2: BODY (КОНТЕНТ) --- */
  /* Теплый фон «пергамента» или цвет домашнего сыра */
  --sg-body-bg: #F9F3EB; 
  /* Глубокий коричнево-бордовый для заголовков (в тон вина) */
  --sg-text-headline: #2D0A12; 
  /* Приглушенный терракотовый (цвет глиняного квеври) */
  --sg-text-subheadline: #8E4A39; 
  /* Цвет темного шоколада или жареных орехов для текста */
  --sg-text-main: #42352E; 

  /* --- ГРУППА 3: BLOCKS (ИНФО-ПЛАШКИ) --- */
  /* Градиент в оттенках золотистой корочки хачапури и кукурузной муки */
  --sg-block-grad-start: #F7E7CE; /* Шампань */
  --sg-block-grad-end: #EDD1A1;   /* Золотисто-песочный */
  /* Текст в блоках делаем насыщенным коричневым */
  --sg-block-text: #5D4037; 

  /* --- ГРУППА 4: ACCENTS (БРЕНД) --- */
  /* Яркий цвет граната — для главных кнопок и акцентов */
  --sg-accent-primary: #C21807; 
  /* Цвет свежей кинзы или тархуна — для иконок и выделений */
  --sg-accent-secondary: #4F7942; 

  /* --- ГРУППА 5: BORDERS --- */
  /* Тонкая "коньячная" обводка */
  --sg-border-light: rgba(142, 74, 57, 0.15); 
  --sg-border-on-dark: rgba(253, 245, 230, 0.1); 
}