:root {
	/* Основные цвета */
	--color-primary: #ffffff;
	--color-secondary: #1a1919;
	--color-accent: #000000;

	/* Фоновые цвета */
	--bg-primary: rgba(244, 244, 244, 0.9);
	--bg-secondary: rgba(244, 244, 244, 0.2);
	--bg-overlay: rgba(26, 25, 25, 0.5);

	/* Цвета текста */
	--text-primary: #1a1919;
	--text-secondary: rgba(26, 25, 25, 0.5);
	--text-gray: #1a191980;
	--text-light: #ffffff;

	/* Цвета статусов проектов */
	--status-development: #848e83;
	--status-completed: #868384;

	/* Градиенты */
	--gradient-hero: linear-gradient(157deg, rgba(51, 29, 32, 1) 0%, rgba(159, 123, 127, 0) 59%);
	--gradient-projects: linear-gradient(-48deg, rgba(127, 124, 125, 0) 19%, rgba(127, 124, 125, 1) 70%);

	/* Эффекты */
	--blur-backdrop: blur(20px);
	--blur-effect: blur(154px);
	--shadow-card: 0px 4px 44px 0px rgba(0, 0, 0, 0.06);
	--shadow-button: 0px 12px 34px 0px rgba(132, 142, 131, 0.2);

	/* Шрифты */
	--font-family-primary: 'RobotoCondensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-family-secondary: 'STIX Two Text', Georgia, 'Times New Roman', serif;

	/* Размеры шрифтов */
	--font-size-xs: 0.75rem; /* 12px */
	--font-size-sm: 0.875rem; /* 14px */
	--font-size-base: 1rem; /* 16px */
	--font-size-lg: 1.125rem; /* 18px */
	--font-size-xl: 1.25rem; /* 20px */
	--font-size-2xl: 1.5rem; /* 24px */
	--font-size-3xl: 1.875rem; /* 30px */
	--font-size-4xl: 2.25rem; /* 36px */
	--font-size-5xl: 3rem; /* 48px */
	--font-size-6xl: 3.75rem; /* 60px */

	/* Веса шрифтов */
	--font-weight-thin: 100;
	--font-weight-extralight: 200;
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-extrabold: 800;
	--font-weight-black: 900;

	/* Высота строк */
	--line-height-tight: 1.25;
	--line-height-normal: 1.5;
	--line-height-relaxed: 1.75;

	/* Отступы и размеры */
	--spacing-xs: 0.25rem; /* 4px */
	--spacing-sm: 0.5rem; /* 8px */
	--spacing-md: 1rem; /* 16px */
	--spacing-lg: 1.5rem; /* 24px */
	--spacing-xl: 2rem; /* 32px */
	--spacing-2xl: 3rem; /* 48px */
	--spacing-3xl: 4rem; /* 64px */
	--spacing-4xl: 6rem; /* 96px */
	--spacing-5xl: 8rem; /* 128px */

	/* Контейнеры */
	--container-max-width: 1616px;
	--container-padding: 16px;

	/* Breakpoints для адаптивности */
	--breakpoint-sm: 640px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 1024px;
	--breakpoint-xl: 1280px;
	--breakpoint-2xl: 1536px;

	/* Радиусы скругления */
	--border-radius-sm: 0.25rem; /* 4px */
	--border-radius-md: 0.5rem; /* 8px */
	--border-radius-lg: 0.75rem; /* 12px */
	--border-radius-xl: 1rem; /* 16px */
	--border-radius-2xl: 1.5rem; /* 24px */

	/* Переходы */
	--transition-fast: 0.15s ease-in-out;
	--transition-normal: 0.3s ease-in-out;
	--transition-slow: 0.5s ease-in-out;

	/* Z-index слои */
	--z-dropdown: 1000;
	--z-sticky: 1020;
	--z-fixed: 1030;
	--z-modal-backdrop: 1040;
	--z-modal: 1050;
	--z-popover: 1060;
	--z-tooltip: 1070;
}

/* @media (max-width: 768px) {
	:root {
		--container-padding: var(--spacing-sm);
	}
} */