:root {
    --brown: #8B4513;
    --brown-light: #D2691E;
    --brown-dark: #654321;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #333;
}

h1, h2, h3, h4, h5, h6, .section-header h2, .hero-content h1 {
    font-family: 'Playfair Display', serif;
}

.hero-content h1 {
    font-weight: 700;
    font-size: 2.8rem;
    letter-spacing: -0.5px;
}

.section-header h2 {
    font-weight: 700;
    font-size: 1.6rem;
}

.bg-brown { background-color: var(--brown) !important; }
.text-brown { color: var(--brown) !important; }
.btn-brown { background-color: var(--brown); color: white; border-color: var(--brown); }
.btn-brown:hover { background-color: var(--brown-dark); border-color: var(--brown-dark); color: white; }
.btn-outline-brown { border-color: var(--brown); color: var(--brown); }
.btn-outline-brown:hover { background-color: var(--brown); color: white; }
.border-brown { border-color: var(--brown) !important; }

.btn { border-radius: 8px; }

footer a { color: #ccc !important; }
footer a:hover { color: #fff !important; }

.form-control:focus, .form-select:focus { border-color: var(--brown); box-shadow: 0 0 0 0.2rem rgba(139,69,19,0.15); }

.table th { font-weight: 600; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; }

.product-description h2,
.product-description h3 { color: var(--primary, var(--brown)); margin-top: 1.2rem; }
.product-description p { line-height: 1.7; }
.product-description ul { padding-left: 1.2rem; }
.product-description li { margin-bottom: 0.4rem; }
.product-description strong { color: #333; }

@media (max-width: 768px) {
    .hero-slider { height: 300px; }
    .hero-content h1 { font-size: 1.5rem; }
    .hero-content p { font-size: 0.9rem; }
}