:root {
    --olive-green: #42522B;
    --cream-white: #F7F5EA;
    --dark-charcoal: #2B2B2A;
    --light-khaki: #CBB58B;

    --bg-color: var(--cream-white);
    --card-bg: var(--cream-white);
    --text-color: var(--dark-charcoal);
    --section-bg: var(--cream-white);
    --header-bg: var(--cream-white);
    --border-color: var(--light-khaki);
    --accent-blue: var(--olive-green);
    --text-muted: #555554;
}

body.dark-mode {
    --bg-color: #1a1f11;
    --card-bg: #2a2f1a;
    --text-color: #f7f5ea;
    --section-bg: #1a1f11;
    --header-bg: #13170c;
    --border-color: #42522b;
    --accent-blue: #cbb58b;
    --text-muted: #cbb58b;
}

html, body {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

.navbar, .site-footer, .menu-content, .combined-info-section, .contact-content, .gallery-section {
    background-color: var(--bg-color) !important;
}

.navbar-brand span {
    color: var(--olive-green) !important;
}

.btn-order, .add-btn, .category-tab.active, .btn-submit, .btn-hero-primary {
    background-color: var(--accent-blue) !important;
    color: var(--bg-color) !important;
    border-color: var(--accent-blue) !important;
}

.category-tab:hover, .social-link:hover {
    color: var(--accent-blue) !important;
}

@keyframes borderGlow {
  0% {
    box-shadow: 0 0 5px rgba(203, 181, 139, 0.5),
      0 0 10px rgba(203, 181, 139, 0.3);
    border-color: rgba(203, 181, 139, 0.5);
  }
  50% {
    box-shadow: 0 0 15px rgba(203, 181, 139, 0.9),
      0 0 25px rgba(203, 181, 139, 0.5);
    border-color: rgba(203, 181, 139, 1);
  }
  100% {
    box-shadow: 0 0 5px rgba(203, 181, 139, 0.5),
      0 0 10px rgba(203, 181, 139, 0.3);
    border-color: rgba(203, 181, 139, 0.5);
  }
}