/* San Francisco 49ers-inspired color theme.
   Palette: 49ers Red, Gold, White, Montana Red, Primetime Black, Heritage Cream. */

:root {
    --ink: #0a0a0a;
    --muted: #5f5a50;
    --paper: #ebf3f5;
    --paper-deep: #e3d6bd;
    --surface: #ffffff;
    --line: #d8c59b;
    --red: #aa0000;
    --red-dark: #7f0000;
    --green: #b3995d;
    --green-dark: #0a0a0a;
    --mustard: #b3995d;
    --charcoal: #0a0a0a;
    --cream: #ffffff;
    --shadow: 0 20px 55px rgba(10, 10, 10, 0.14);
}

.nav-menu a:hover,
.nav-menu a[aria-current="page"] {
    background: rgba(179, 153, 93, 0.18);
    color: var(--red);
}

.button.primary {
    background: var(--red);
    color: #ffffff;
}

.button.primary:hover {
    background: #bf0705;
}

.button.outline {
    border-color: var(--red);
    color: var(--red);
}

.button.outline:hover {
    background: rgba(179, 153, 93, 0.18);
}

.tag,
.menu-badge,
.category-kicker,
.menu-price {
    background: rgba(179, 153, 93, 0.22);
    color: #0a0a0a;
}

.menu-price,
.featured-item strong,
.menu-item strong {
    color: var(--red);
}

.quick-info,
.site-footer,
.menu-business-strip,
.order-cta,
.menu-footer-cta,
.visit {
    background: var(--charcoal);
}

.quick-info div,
.menu-business-strip div {
    background: #151515;
}

.home-hero,
.menu-hero {
    background-color: var(--charcoal);
}

.home-hero::before {
    background: linear-gradient(to right, rgba(10, 10, 10, 0.78) 0%, rgba(10, 10, 10, 0.48) 60%, rgba(10, 10, 10, 0.18) 100%);
}

.menu-hero {
    background:
        linear-gradient(90deg, rgba(10, 10, 10, 0.86), rgba(10, 10, 10, 0.36)),
        url("./assets/main-image.jpg") center top / cover;
}

.eyebrow,
.menu-card-category,
.menu-availability,
.control-field label,
.menu-filter-panel summary span,
.category-jumps a,
.active-filter-list span {
    color: var(--red);
}

.home-hero .eyebrow,
.menu-hero .eyebrow,
.visit .eyebrow,
.order-cta .eyebrow,
.menu-footer-cta .eyebrow {
    color: var(--mustard);
}

.category-jumps a,
.menu-controls,
.menu-filter-panel,
.menu-result-card,
.featured-item,
.menu-item,
.category-card,
.review-card,
.yelp-card,
.social-tile,
.photo-card,
.contact-panel {
    border-color: var(--line);
}