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

body {
  --ink: #20261f;
  --muted: #68685e;
  --line: #ded8c7;
  --paper: #faf6ee;
  --surface: #ffffff;
  --mint: #e6ecdf;
  --teal: #496b50;
  --clay: #7e7258;
  --gold: #c47c4a;
  --shadow: 0 16px 44px rgba(32, 38, 31, 0.12);
  --gradient-start: rgba(230, 236, 223, 0.9);
  --gradient-end: rgba(250, 246, 238, 0);
  --fact-background: #eef2e9;
  --print-background: #ede6d8;
  --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: 700;
  --heading-weight: 800;
  --body-weight: 400;
  --cover-padding: 36px 22px 26px;
  --brand-rule-width: 72px;
  --brand-rule-height: 3px;
  --brand-rule-radius: 999px;
  --quick-radius: 8px;
  --quick-background: rgba(255, 255, 255, 0.62);
  --quick-padding: 13px 14px;
  --quick-min-height: 54px;
  --section-marker: #c47c4a;
  --sheet-radius: 8px;
  --print-border: rgba(73, 107, 80, 0.24);
  --print-paper-background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.74), rgba(250, 246, 238, 0.98)),
    var(--paper);
  --print-title-size: 2.42rem;
  --sticker-title-size: 1.78rem;
  --page-shell-background:
    linear-gradient(180deg, #faf6ee 0%, #eef2e9 56%, #e5dcc8 100%);
  --menu-sheet-background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(250, 246, 238, 0.97)),
    rgba(250, 246, 238, 0.92);
}

body .menu-subtitle,
body .eyebrow {
  color: #496b50;
}

body .menu-cover h1 {
  color: #3f5d45;
  font-family: var(--font-display);
  font-size: clamp(2.55rem, 12vw, 5rem);
  text-wrap: balance;
}

body .menu-location,
body .quick-button {
  border-color: rgba(73, 107, 80, 0.17);
  background: rgba(255, 255, 255, 0.62);
}

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