/* ============================================================
   WILDFLOWER THEME — Camp Chic redesign draft (LOCAL ONLY)
   Loaded after styles.css; retints the whole site to the
   Wildflower concept: ivory paper, classical serif, dusty rose
   & sage, with the darker band tint separating sections.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Karla:wght@400;500;600;700&display=swap');

:root {
  --ink: #3a352c;
  --espresso: #3a352c;
  --cocoa: #6b6152;
  --taupe: #8d8677;
  --sand: #e5dfd2;
  --oat: #efe9da;
  --cream: #faf8f3;
  --linen: #fcfbf7;
  --white: #fdfcf9;
  --gold: #b98a7f;
  --tan: #b98a7f;
  --clay: #b98a7f;
  --forest: #3a352c;
  --muted: #8d8677;
  --shadow: 0 18px 50px rgba(58, 53, 44, .12);
}

/* paper background — kill the warm gold radial glow */
body {
  background: var(--cream);
  font-family: 'Karla', ui-sans-serif, system-ui, sans-serif;
}

/* classical serif display */
h1, h2, h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
}
h1 { letter-spacing: -.02em; }
h2 { letter-spacing: -.015em; }

.eyebrow {
  color: var(--clay);
  letter-spacing: .22em;
  font-weight: 600;
}

/* header */
.site-header {
  background: rgba(250, 248, 243, .95);
  border-bottom: 1px solid var(--sand);
}

/* alternating section rhythm — the darker band separates sections */
main > section:nth-of-type(even),
section.section-pad:nth-of-type(even) {
  background: var(--oat);
}
/* sections that carry their own imagery/panels keep their look */
section.hero { background: transparent; }

/* buttons: square editorial style, ink + rose */
.button, button.button, a.button {
  border-radius: 0;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .82rem;
  font-weight: 600;
  font-family: 'Karla', sans-serif;
}
.button.primary, .button:not(.secondary):not(.ghost) { background: var(--ink); color: var(--cream); }
.button.primary:hover, .button:hover { background: var(--clay); color: #fff; }
.button.secondary { border: 1px solid var(--ink); color: var(--ink); background: transparent; }
.button.secondary:hover { background: var(--ink); color: var(--cream); }

/* cards & panels: flatter, hairline borders */
.panel, .booking-card, .blog-card, .form-card, .basket, .seo-card, .price-card {
  border-radius: 0;
  border: 1px solid var(--sand);
  box-shadow: none;
  background: var(--white);
}
.price-card.featured { background: var(--ink); color: var(--cream); }
.area-pills span { background: var(--ink); color: var(--cream); border-radius: 0; letter-spacing: .08em; }

/* images: no heavy rounding — editorial crops */
img { border-radius: 0 !important; }
.brand-mark, .brand-wordmark { border-radius: 0 !important; }

/* footer: dark ink with readable ivory text */
.site-footer, footer {
  background: #2e2a22 !important;
  color: #e8e2d3 !important;
}
.site-footer a, footer a { color: #e8e2d3 !important; }
.site-footer a:hover, footer a:hover { color: #d3a89b !important; }

/* nav pills -> quiet uppercase links */
nav a {
  border-radius: 0;
  text-transform: uppercase;
  font-size: .8rem;
  letter-spacing: .12em;
  font-weight: 600;
}