/* styles/main.css */

/* Animações (остались прежними, но переименованы для соответствия) */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-fade-in-down {
    animation: fadeInDown 1s ease-out forwards;
}

.animate-fade-in-up {
    animation: fadeInUp 1s ease-out forwards;
}

.animate-scale-in {
    animation: scaleIn 0.8s ease-out forwards;
}

/* Новые шрифты для "модного" вида */
.font-lora {
    font-family: 'Lora', serif;
}

.font-playfair-display {
    font-family: 'Playfair Display', serif;
}

/* Новая цветовая палитра: Темно-бордовый, вишневый, градиенты */

body {
    /* Глубокий, богатый градиент из бордовых оттенков */
    background: linear-gradient(to bottom right, #3B0716, #5B101E, #2A050D);
    background-attachment: fixed;
    color: #F0E0E0; /* Мягкий, почти белый текст */
}

/* Общие градиентные фоны */
.bg-gradient-to-br.from-red-950.to-red-800 {
    background: linear-gradient(to bottom right, #3B0716, #5B101E);
}

.bg-gradient-to-br.from-red-900.to-red-800 {
    background: linear-gradient(to bottom right, #5B101E, #3B0716);
}

.bg-gradient-to-br.from-black.to-red-950 {
    background: linear-gradient(to bottom right, #1A0208, #3B0716);
}

/* Хедер */
header {
    background-color: #3B0716;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}

header a.text-white {
    color: #F0E0E0;
}

header a.hover\:text-red-300:hover {
    color: #C08080; /* Светлый вишневый акцент для навигации */
}

/* Кнопки и акцентные элементы */
.bg-red-700 {
    background-color: #8D2525; /* Насыщенный вишневый */
}

.hover\:bg-red-800:hover {
    background-color: #6E1C1C; /* Темнее вишневый при наведении */
}

.text-red-300 {
    color: #C08080;
}

.text-red-400 {
    color: #A05252;
}

.border-red-700 {
    border-color: #6E1C1C;
}

.focus\:ring-red-400:focus {
    --tw-ring-color: #A05252;
}

/* Карточки и блоки */
.bg-red-900 {
    background-color: #5B101E; /* Темный бордовый для карточек */
    border-color: #7A2635; /* Бордовый для рамок */
}

/* Тексты */
.text-white {
    color: #F0E0E0;
}

.text-gray-100 {
    color: #F0E0E0;
}

.text-gray-200 {
    color: #E0D0D0;
}

.text-gray-300 {
    color: #C0B0B0;
}

.text-gray-400 {
    color: #9E8E8E;
}

/* Мобильное меню */
@media (max-width: 767px) {
    #main-navigation {
        background-color: #1A0208 !important;
    }
}

/* Фон баннера Hero */
.hero-background {
    background-size: cover;
    background-position: center;
    transform: scale(1.0);
    transition: transform 0.5s ease-out;
}

.hero-background.scrolled {
    transform: scale(1.05);
}

.hero-overlay {
    background-color: #1A0208;
    opacity: 0.75;
}