:root {
/* ===== Цвета (Премиальная палитра Terma-Mobile) ===== */
--color-primary: #D4AF37;       /* Акцентное золото */
--color-primary-hover: #AA771C; /* Затемненное золото для ховера */
--color-secondary: #1A3324;     /* Хвойный зеленый */

--color-text: #EAEAEA;          /* Основной светло-серый текст */
--color-text-muted: #95A5A6;    /* Приглушенный серый текст */

--color-heading: #FFFFFF;       /* Белые заголовки для контраста на черном */

--color-bg: #0B0C10;            /* Глубокий графитово-черный фон */
--color-bg-alt: #121418;        /* Чуть более светлый черный для карточек/выделений */
--color-border: #22252A;        /* Темные границы */

--color-footer-bg: #07080A;     /* Еще более темный фон для подвала */
--color-footer-text: #95A5A6;

/* ===== Цвета для хедера ===== */
--color-header-top-bg: #07080A;      
--color-header-main-bg: #0B0C10;     
--color-header-text: #EAEAEA;
--color-header-top-text: #95A5A6;    

/* ===== Градиенты ===== */
--gradient-gold: linear-gradient(45deg, #B38728 0%, #FBF5B7 25%, #DAA520 50%, #FBF5B7 75%, #AA771C 100%);
--gradient-gold-hover: linear-gradient(45deg, #AA771C 0%, #E6DF9B 25%, #C29112 50%, #E6DF9B 75%, #8B5F12 100%);

/* ===== Типографика ===== */
--font-primary: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--font-heading: var(--font-primary);

--fs-base: 16px;
--fs-sm: 0.875rem;
--fs-md: 1rem;
--fs-lg: 1.25rem;
--fs-xl: 1.5rem;
--fs-2xl: 2rem;
--fs-3xl: 2.5rem;

--lh-base: 1.5;
--lh-heading: 1.2;

/* ===== Отступы (шкала 4px) ===== */
--space-1: 0.25rem;
--space-2: 0.5rem;
--space-3: 0.75rem;
--space-4: 1rem;
--space-5: 1.5rem;
--space-6: 2rem;
--space-8: 3rem;
--space-10: 4rem;
--space-12: 5rem;

/* ===== Контейнер ===== */
--container-max-width: 1200px;
--container-padding: var(--space-4);

/* ===== Радиусы и тени ===== */
--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 16px;

--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2); /* Тени сделаны темнее для черного фона */
--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);

/* ===== Прочее ===== */
--transition-base: 0.2s ease;
--header-height: 72px;
--header-top-height: 28px;

/* ===== Градиенты ===== */
/* Сочный янтарно-золотой перелив с ярким световым бликом */
--gradient-gold: linear-gradient(135deg, #E5A823 0%, #FFF2A1 50%, #C9820C 100%);
--gradient-gold-hover: linear-gradient(135deg, #F5BA31 0%, #FFF8C7 50%, #D88E12 100%);

/* Предыдущий сатиновый вариант (сохранен для отката) */
--gradient-gold-satin: linear-gradient(135deg, #C59B27 0%, #E2C974 50%, #A97C1E 100%);
--gradient-gold-satin-hover: linear-gradient(135deg, #A97C1E 0%, #C59B27 50%, #8C6312 100%);

/* Исходный частый перелив */
--gradient-gold-legacy: linear-gradient(45deg, #B38728 0%, #FBF5B7 25%, #DAA520 50%, #FBF5B7 75%, #AA771C 100%);
--gradient-gold-legacy-hover: linear-gradient(45deg, #AA771C 0%, #E6DF9B 25%, #C29112 50%, #E6DF9B 75%, #8B5F12 100%);

}

@media (max-width: 600px) {
:root {
--fs-3xl: 2rem;
--fs-2xl: 1.5rem;
}
}