/* style.css */

body {
    font-family: 'Lato', sans-serif;
    background-color: #FDFBF7;
    color: #4A403A;
}

h1, h2, h3, h4, h5, .font-serif {
    font-family: 'Playfair Display', serif;
}

.chart-container {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    height: 40vh;
    max-height: 400px;
    min-height: 250px;
}

.nav-item.active {
    border-bottom: 2px solid #D4B895;
    color: #D4B895;
}

.hero-bg {
    background: linear-gradient(rgba(253, 251, 247, 0.3), rgba(253, 251, 247, 0.9)), url('https://images.unsplash.com/photo-1589467375253-e380f274a4ff?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
}

.smooth-transition {
    transition: all 0.3s ease-in-out;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(74, 64, 58, 0.1);
}