body { background-color: #F8F7F4; color: #2E2E2E; font-family: 'Lora', serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.font-inter { font-family: 'Inter', sans-serif; }
.font-signature { font-family: 'Caveat', cursive; font-size: 2.25rem; line-height: 2.5rem; }
.universal-nav-container {
    font-size: 18px; /* Reset base font size for nav to ensure rem units work correctly */
}
h1, h2, h3, h4, p, blockquote { font-family: 'Lora', serif; }
h1, h2, h3, h4 { font-weight: 700; line-height: 1.2; }
.nav-link { font-family: 'Inter', sans-serif; font-weight: 600; color: #575757; transition: all 0.2s ease-in-out; padding-bottom: 4px; border-bottom: 2px solid transparent; cursor: pointer; }
.nav-link:hover { color: #2E2E2E; }
.nav-link.active { color: #2E2E2E; border-bottom-color: #2E2E2E; }
.btn { font-family: 'Inter', sans-serif; padding: 0.75rem 1.5rem; border-radius: 0.5rem; font-weight: 600; transition: all 0.2s ease-in-out; border: 2px solid transparent; cursor: pointer; display: inline-block; }
.btn-primary { background-color: #A95C3D; color: #F8F7F4; border-color: #A95C3D; }
.btn-primary:hover { background-color: #8e4a2f; border-color: #8e4a2f; }
.btn-secondary { background-color: transparent; color: #5A7D8C; border-color: #5A7D8C; }
.btn-secondary:hover { background-color: #5A7D8C; color: #F8F7F4; }
.hamburger { cursor: pointer; width: 24px; height: 24px; transition: all 0.25s; position: relative; }
.hamburger-top, .hamburger-middle, .hamburger-bottom { position: absolute; top: 0; left: 0; width: 24px; height: 2px; background: #2E2E2E; transform: rotate(0); transition: all 0.5s; }
.hamburger-middle { transform: translateY(7px); }
.hamburger-bottom { transform: translateY(14px); }
.open .hamburger-top { transform: rotate(45deg) translateY(6px) translateX(6px); }
.open .hamburger-middle { display: none; }
.open .hamburger-bottom { transform: rotate(-45deg) translateY(6px) translateX(-6px); }