:root {
	/* Цвета */
	--color-black: #0A0A0A;
	--color-white: #FFFFFF;
	--color-bg-light: #F0F0F0;
	--color-surface: #131313;
	--color-accent: #D7261E;
	--color-accent-dark: #B7201A; /* временное значение, точный HEX не снят с Figma */
	--color-divider: rgba(0, 0, 0, 0.1);

	/* Типографика */
	--font-family-base: 'Inter', sans-serif;

	/* Сетка: боковые поля и максимальная ширина контента по брейкпоинтам */
	--side-padding-desktop: 7rem;   /* 70px, 1920 */
	--side-padding-tablet: 6rem;     /* 60px, 1360 */
	--side-padding-mobile: 1rem;    /* 10px, 360 */
	--content-width-desktop: 178rem; /* 1780px */
	--content-width-tablet: 124rem;    /* 1240px */

	--grid-gap: 2rem; /* 20px, gap карточек */
}