:root {
  --primary: #b54c2d;
  --primary-dark: #84351f;
  --secondary: #174b54;
  --accent: #f9683e;
  --sand: #f9f4ea;
  --cream: #fffaf1;
  --water: #d7ece8;
  --heading: #111827;
  --text: #334155;
  --text-muted: #64748b;
  --surface: #ffffff;
  --surface-alt: #f9f4ea;
  --surface-dark: #111827;
  --on-surface: #334155;
  --on-surface-alt: #334155;
  --on-dark: #ffffff;
  --on-primary: #ffffff;
  --font-heading: Georgia, "Times New Roman", serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--text);
  background: var(--sand);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  color: var(--heading);
}

a {
  color: inherit;
}

img {
  max-width: 100%;
}