@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Source+Sans+3:wght@400;600;700&display=swap");
:root {
  --color-bg: #f4efe6;
  --color-bg-white: #fbf8f2;
  --color-text: #2a241c;
  --color-text-muted: #5f574c;
  --color-primary: #3f5344;
  --color-accent: #b56b45;
  --color-accent-soft: #e2c4a8;
  --color-accent-hover: #9a5a38;
  --color-border: #ddd2c2;
  --color-header-bg: #2a332c;
  --color-nav: #e6ddd0;
  --color-nav-muted: #a39a8c;
  --color-crumb: #d5cbbd;
  --color-footer-bg: #232a24;
  --color-footer-text: #d5cbbd;
  --hero-bg: radial-gradient(ellipse at 80% 16%, rgba(181,107,69,0.28), transparent 50%), linear-gradient(165deg, #2a332c 0%, #3f5344 55%, #5a6d58 100%);
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;
  --radius: 12px;
  --shadow: 0 10px 28px rgba(42, 36, 28, 0.08);
}