/* 1. Fondo General (Gris piedra cálido) */
body {
    background-color: #4a443f !important; 
    background-image: radial-gradient(#5a534d 1px, transparent 1px);
    background-size: 30px 30px; /* Un toque de textura sutil */
}

/* 2. El Encabezado (Marrón café profundo) */
header.header {
    background-color: #2c2825 !important;
    border-bottom: 3px solid #d2691e !important; /* Línea color teja */
}

/* 3. El contenedor de los artículos (Color Hueso / Pergamino) */
/* Lo dejamos claro para que las fotos de los guisos se vean perfectas */
.site-grid {
    background-color: #fdfaf4 !important; 
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4);
    padding: 25px;
    color: #333 !important; /* Texto oscuro sobre fondo claro */
}

/* 4. Títulos (Marrón chocolate) */
h1, h2, h3, .navbar-brand a {
    color: #5d3a1a !important;
    font-family: 'Georgia', serif;
    font-weight: bold;
}

/* 5. Menú Superior */
.nav-link, .menu-item a {
    color: #fdfaf4 !important; /* Letras claras sobre el header oscuro */
    text-transform: uppercase;
    font-size: 0.9rem;
}

.nav-link:hover {
    color: #d2691e !important;
}

/* 6. Pie de página */
footer {
    background-color: #2c2825 !important;
    color: #999 !important;
    border-top: 1px solid #5a534d;
}