/**
 * Design tokens: тёмный архитектурный стиль + стекло
 * Фон #0F0F10, карточки #1C1C1E, текст #F5F5F5, акцент #C6A87A, линии #2A2A2A
 */

:root {
	/* Цвета в формате R G B для opacity: rgb(var(--color-primary) / 0.8) */
	--color-background: 15 15 16;   /* #0F0F10 */
	--color-surface: 28 28 30;     /* #1C1C1E — карточки */
	--color-primary: 245 245 245;  /* #F5F5F5 — текст */
	--color-secondary: 200 200 200; /* приглушённый текст */
	--color-accent: 198 168 122;    /* #C6A87A */
	--color-line: 42 42 42;        /* #2A2A2A — границы */

	/* Стеклянные панели (glass) */
	--glass-bg: rgba(255, 255, 255, 0.06);
	--glass-blur: blur(10px);
	--glass-border: rgba(255, 255, 255, 0.08);

	/* Шрифты */
	--font-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	/* Секции и сетка */
	--section-padding-y: 8rem;
	--section-padding-y-lg: 10rem;
	--container-padding-x: 1.5rem;
	--container-padding-x-md: 5rem;
	--gap-section: 2rem;
	--gap-section-lg: 4rem;

	/* Переходы */
	--transition-fast: 0.2s ease;
	--transition-base: 0.3s ease;
	--transition-slow: 0.5s ease;
}

@media (min-width: 768px) {
	:root {
		--section-padding-y: 8rem;
		--section-padding-y-lg: 10rem;
		--container-padding-x: 5rem;
	}
}