/* Fine Food Custom Branding */

:root {
    --primary-color: #5D4037;
    /* Dark Brown from Logo */
    --secondary-color: #3E2723;
    /* Darker Brown */
    --accent-color: #FFB03B;
    /* Keep some orange for highlights if needed, or mute it */
    --text-color: #000000;
    /* Black text as requested */
}

/* Override Resto Primary Colors */
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

a {
    color: var(--primary-color);
}

a:hover {
    color: var(--secondary-color);
}

/* Navbar overrides */
.navbar-brand img {
    max-height: 80px;
    /* Adjust based on logo aspect ratio */
}

/* Hero Section overrides */
.hero {
    background-color: #fff;
    /* Ensure clean background */
}

.hero h1 {
    color: var(--text-color);
}

/* Section Headings */
.heading-section h2 {
    color: var(--primary-color);
}

.subheading {
    color: var(--secondary-color);
    font-weight: bold;
}

/* Footer */
footer {
    background-color: #f8f9fa;
    color: #000;
}

/* Ensure text is black/dark where possible */
body {
    color: #333;
    font-family: "Open Sans", sans-serif;
    /* Match Resto font */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

/* Center the boxed page */
.boxed-page {
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    /* Optional: adds depth to the box */
    max-width: 1200px;
    /* Ensure it doesn't stretch too wide on huge screens if not already set */
    width: 100%;
    background: #fff;
}

body {
    background-color: #f0f0f0;
    /* Light grey background for the body to show the box */
}