@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650;9..144,750&family=Source+Sans+3:wght@400;650;800&display=swap");

body {
  --ink: #162932;
  --muted: #637477;
  --line: #d8e2df;
  --paper: #faf6ee;
  --surface: #ffffff;
  --mint: #e6efed;
  --teal: #28566f;
  --clay: #b98252;
  --gold: #5f7f68;
  --shadow: 0 16px 45px rgba(22, 41, 50, 0.12);
  --gradient-start: rgba(216, 226, 223, 0.92);
  --gradient-end: rgba(250, 246, 238, 0);
  --fact-background: #eef4f1;
  --print-background: #e7eeeb;
  --menu-paper: rgba(255, 255, 255, 0.86);
  --font-body: "Source Sans 3", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Fraunces", Georgia, serif;
  --title-weight: 650;
  --heading-weight: 800;
  --body-weight: 400;
  --cover-padding: 36px 22px 26px;
  --brand-rule-width: 74px;
  --brand-rule-height: 3px;
  --brand-rule-radius: 999px;
  --quick-radius: 8px;
  --quick-background: rgba(255, 255, 255, 0.58);
  --quick-padding: 13px 14px;
  --quick-min-height: 54px;
  --section-marker: #b98252;
  --sheet-radius: 8px;
  --print-border: rgba(40, 86, 111, 0.28);
  --print-paper-background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(250, 246, 238, 0.96)),
    var(--paper);
  --print-title-size: 2.5rem;
  --sticker-title-size: 1.85rem;
  --page-shell-background:
    linear-gradient(180deg, rgba(250, 246, 238, 0.34), rgba(250, 246, 238, 0.82) 58%, rgba(216, 226, 223, 0.9)),
    url("./background.png"),
    var(--paper);
  --page-shell-background-position: center top;
  --page-shell-background-size: cover;
  --page-shell-background-repeat: no-repeat;
  --menu-sheet-background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(250, 246, 238, 0.96)),
    rgba(250, 246, 238, 0.9);
}

.menu-subtitle {
  color: #b98252;
}

body .page-shell {
  background: var(--page-shell-background);
  background-position: var(--page-shell-background-position);
  background-size: var(--page-shell-background-size);
  background-repeat: var(--page-shell-background-repeat);
}

body .menu-sheet {
  border: 1px solid rgba(40, 86, 111, 0.18);
  background: var(--menu-sheet-background);
  box-shadow:
    0 20px 60px rgba(22, 41, 50, 0.14),
    inset 0 0 0 1px rgba(255, 255, 255, 0.62);
  backdrop-filter: blur(1px);
}

body .menu-index,
body .menu-section,
body .footer-note {
  background: rgba(255, 255, 255, 0.56);
  backdrop-filter: blur(1px);
}

body .menu-cover {
  background: transparent;
}

body .menu-cover h1 {
  color: #1c465c;
  font-size: clamp(3rem, 14.5vw, 5.65rem);
  text-wrap: balance;
}

body .menu-cover .lead {
  max-width: 34rem;
  margin-inline: auto;
}

body .menu-location {
  border-color: rgba(40, 86, 111, 0.18);
  background: rgba(255, 255, 255, 0.54);
  color: #1c465c;
}

body .quick-grid {
  gap: 10px;
}

body .quick-button {
  border: 1px solid rgba(40, 86, 111, 0.12);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.66), rgba(250, 246, 238, 0.5)),
    var(--quick-background);
}

body .quick-button span:first-child {
  color: #162932;
}

body .section-heading h2,
body .menu-row h3,
body .menu-item h3,
body .service-item h3 {
  color: #1b3c4f;
}