:root {
            --bs-custom-header-bg: #2c3e50;
            --bs-custom-header-border: #1abc9c;
            --bs-custom-card-title: #34495e;
            --bs-custom-description-text: #555;
            --bs-custom-tag-bg: #e9ecef;
            --bs-custom-tag-text: #495057;
            --bs-custom-button-bg: #1abc9c;
            --bs-custom-button-hover-bg: #16a085;
            --bs-custom-footer-bg: #34495e;
            --bs-custom-footer-text: #bdc3c7;
            --bs-card-border-radius: 0.75rem; /* 12px */
            --bs-button-border-radius: 0.5rem; /* 8px */
            --bs-tag-border-radius: 0.9375rem; /* 15px */
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #f0f2f5; /* Светло-серый фон */
            color: #333;
            line-height: 1.6;
        }

        /* Шапка страницы */
        .custom-page-header {
            background-color: var(--bs-custom-header-bg);
            border-bottom: 5px solid var(--bs-custom-header-border);
        }

        .custom-page-header h1 {
            font-family: 'Inter', sans-serif; /* Использование Inter для всех текстов, но можно вернуть Montserrat */
            font-weight: 700;
            letter-spacing: 1px;
        }

        /* Стили для карточки инфографики */
        .infographic-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .infographic-card:hover {
            transform: translateY(-8px); /* Эффект "приподнимания" при наведении */
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important; /* Усиленная тень при наведении */
        }

        .card-img-top {
            height: 200px; /* Фиксированная высота для превью */
            object-fit: cover; /* Масштабирование с сохранением пропорций и обрезкой */
            border-bottom: 1px solid #e0e0e0;
        }

        .card-body .card-title {
            color: var(--bs-custom-card-title);
        }

        .card-body .card-text.description {
            color: var(--bs-custom-description-text);
        }

        .custom-tag {
            background-color: var(--bs-custom-tag-bg);
            color: var(--bs-custom-tag-text);
            border-radius: var(--bs-tag-border-radius);
        }

        .custom-view-button {
            background-color: var(--bs-custom-button-bg);
            border-color: var(--bs-custom-button-bg); /* Добавлено, чтобы кнопка не имела стандартной рамки Bootstrap */
            border-radius: var(--bs-button-border-radius);
        }

        .custom-view-button:hover {
            background-color: var(--bs-custom-button-hover-bg);
            border-color: var(--bs-custom-button-hover-bg); /* Соответствующий цвет рамки при наведении */
            transform: scale(1.03);
        }

        /* Подвал */
        .custom-page-footer {
            background-color: var(--bs-custom-footer-bg);
            color: var(--bs-custom-footer-text);
        }

        /* Переопределение стандартных теней Bootstrap для большей мягкости, если нужно */
        .shadow-sm {
            box-shadow: 0 0.3rem 0.9rem rgba(0, 0, 0, 0.1) !important; /* Изменение стандартной тени для карточек */
        }

        /* Адаптивность для заголовка */
        @media (max-width: 768px) {
            .custom-page-header h1 {
                font-size: 2.2em;
            }
        }