/* --- ШРИФТЫ --- */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&family=Noto+Serif+Display:ital,wght@0,400;1,400&display=swap');

/* --- БАЗОВЫЕ НАСТРОЙКИ --- */
body {
    font-family: 'Jost', sans-serif;
    background-color: #fcfcfc;
    color: #1a1a1a;
    overflow-x: hidden; /* Чтобы не было горизонтального скролла */
}

/* Tailwind позволяет использовать классы, но для заголовков зададим базу */
h1, h2, h3, .serif {
    font-family: 'Noto Serif Display', serif;
}

/* --- АНИМАЦИИ (Fade In Up) --- */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.2, 0.8, 0.2, 1), transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: opacity, transform;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Задержки для последовательного появления */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }
.delay-500 { transition-delay: 500ms; }

/* --- КАСТОМНЫЕ ЦВЕТА (Если Tailwind CDN не подхватит конфиг) --- */
.text-gold { color: #c5a059; }
.bg-gold { background-color: #c5a059; }
.border-gold { border-color: #c5a059; }
.hover\:text-gold:hover { color: #c5a059; }
.hover\:bg-gold:hover { background-color: #c5a059; }
.hover\:border-gold:hover { border-color: #c5a059; }

/* --- СКРЫТИЕ СКРОЛЛБАРА (Для слайдеров) --- */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}