/* Токены светлого направления макета «Памятники — редизайн». */

:root {
	/* Поверхности */
	--c-bg:            #f2f0ec; /* фон страницы */
	--c-surface:       #ffffff; /* шапка, карточки */
	--c-surface-alt:   #efece5; /* мягкая подложка секций */
	--c-dark:          #1a1a19; /* тёмные блоки и основной текст */
	--c-dark-alt:      #2b2b29;

	/* Границы */
	--c-border:        #e2dfd8; /* основная линия */
	--c-border-strong: #cac7c0;
	--c-border-soft:   #efece5;

	/* Текст */
	--c-text:          #1a1a19;
	--c-text-body:     #4a4b45;
	--c-text-muted:    #6b6c65;
	--c-text-dim:      #7d7e76;
	--c-text-nav:      #3b3c37;
	--c-text-on-dark:  #f2f0ec;

	/* Акцент */
	--c-accent:        #8a6f3f;
	--c-accent-dark:   #5f4b26;
	--c-accent-light:  #c9b892;

	/* Типографика */
	--f-head: 'Lora', Georgia, 'Times New Roman', serif;
	--f-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--f-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;

	/* Радиусы из макета: 3px — кнопки и поля, 4px — карточки, 999px — пилюли */
	--r-sm: 3px;
	--r-md: 4px;
	--r-pill: 999px;

	/* Ритм */
	--gap:      32px;
	--pad-x:    40px; /* горизонтальный отступ контента на десктопе */
	--pad-x-sm: 20px; /* и на мобильном */
	--maxw:     1360px;

	--shadow-card: 0 1px 2px rgba(26, 26, 25, 0.04);
	--shadow-pop:  0 24px 60px rgba(26, 26, 25, 0.14);
}