/* Tavern — warm, dark-wood, dense, serif headings, sharp corners, menu-forward.
   Good for: pubs, taprooms, sports bars, classic diners, BBQ joints. */

:root {
  --accent:          #b45309;
  --accent-contrast: #ffffff;
  --bg:              #f7f1e6;
  --surface:         #ffffff;
  --text:            #221a12;
  --muted:           #6f6355;
  --border:          #e3d8c4;

  --radius: 3px;
  --max-width: 60rem;

  --font-heading: Georgia, "Times New Roman", serif;
  --font-body:    system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --heading-weight: 700;

  --section-pad: clamp(2.75rem, 7vw, 4.5rem);
  --hero-pad:    clamp(3.25rem, 9vw, 6rem);
  --title-align: center;

  --menu-rule: 2px solid var(--accent);
  --nav-transform: none;
  --footer-bg: #2b2118;
}

/* dense menu, tight rules */
.menu__item { padding: .55rem 0; }
.menu__cat-name { font-variant: small-caps; letter-spacing: .02em; }
.hero--color { --hero-color-bg: #2b2118; }
.section__title::after {
  content: ""; display: block; width: 2.5rem; height: 2px;
  background: var(--accent); margin: .6rem auto 0;
}