/* --- Глобальные настройки --- */
body {
    font-family: 'Poppins', sans-serif;
}
/* Установим основной акцентный цвет для лучшей консистентности */
:root {
    --bs-primary: #0d6efd; /* Цвет Bootstrap Primary */
}

/* --- Навигация (Header) --- */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
    transition: color 0.3s ease;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: #ffffff;
}
/* Стиль для Sticky Navbar, чтобы убедиться, что она видна */
.sticky-top {
    z-index: 1020;
}

/* --- Футер (Footer) --- */
.footer {
    background-color: #0d162e; /* Темно-синий, как в макете */
}
.footer .link-secondary {
    color: rgba(255, 255, 255, 0.6) !important;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}
.footer .link-secondary:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* --- Пользовательские Переходы и Тени (из предыдущего ответа) --- */

/* Общие Переходы */
.transition-shadow {
    transition: box-shadow 0.3s ease-in-out;
}
.hover-shadow-lg:hover {
    box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.15) !important;
}

/* Динамика Подъема (Lift Effect) */
.transition-transform {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.hover-lift:hover {
    transform: translateY(-8px);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.18) !important;
}
.hover-lift-sm:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.12) !important;
}

/* Динамика Фона и Ссылок */
.transition-background {
    transition: background-color 0.3s ease-in-out;
}
.hover-bg-white:hover {
    background-color: #ffffff !important;
}
.hover-link-primary:hover {
    color: var(--bs-primary) !important;
}

/* Специальные Эффекты */
.text-shadow {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.transition-opacity {
    transition: opacity 0.3s ease-in-out;
}
.hover-opacity-100:hover {
    opacity: 1 !important;
}

/* Отступы для секций */
section {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
@media (min-width: 1200px) {
    section {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}