@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@400;500;600&display=swap');

:root {
    --color-wood: #1a0f0a;
    --color-leather: #2d1b10;
    --color-brass: #c5a059;
    --color-cream: #f5e6d3;
}

body {
    background-color: var(--color-wood);
    color: var(--color-cream);
    font-family: 'Inter', sans-serif;
    background-image: linear-gradient(rgba(26, 15, 10, 0.95), rgba(26, 15, 10, 0.95)), url('https://www.transparenttextures.com/patterns/wood-pattern.png');
}

.font-serif {
    font-family: 'Cinzel', serif;
}

.brass-border {
    border-color: rgba(197, 160, 89, 0.3);
}

.brass-text {
    color: var(--color-brass);
}

.brass-bg {
    background-color: var(--color-brass);
}

.card-hover:hover {
    background-color: rgba(45, 27, 16, 0.8);
    border-color: var(--color-brass);
    transform: translateY(-2px);
}

/* Hide scrollbar but keep functionality */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.sticky-bottom-bar {
    background: rgba(45, 27, 16, 0.95);
    backdrop-filter: blur(10px);
}

/* Accordion Animation */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.accordion-item.active .accordion-content {
    max-height: 2000px;
}

.accordion-item.active .chevron {
    transform: rotate(180deg);
}

/* Smooth transitions */
* {
    transition-property: background-color, border-color, color, transform;
    transition-duration: 0.2s;
}