:root {
  /* Palette */
  --navy:        #1E2D40;
  --gold:        #B5924C;
  --cream-paper: #F5F0E8;
  --cream-deep:  #EDE6D8;
  --bronze-700:  #5A4E38;
  --bronze-500:  #7A6D50;
  --bronze-300:  #C8BFA8;
  --ink:         #2A2724;

  /* Typography */
  --display: "Cormorant Garamond", serif;
  --body:    "EB Garamond", serif;
  --sans:    "Inter", sans-serif;

  /* Spacing rhythm */
  --margin: clamp(1.5rem, 5vw, 4rem);
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--cream-paper);
  text-align: center;
}

.page {
  max-width: 800px;
  margin: 0 auto;
}

.wordmark-tagline {
  font-family: var(--sans);
  font-size: 0.65rem;
  color: var(--gold);
  letter-spacing: 0.18em;
  margin: 0;
}

.ornament {
  color: var(--gold);
  font-family: var(--body);
  font-size: 0.85rem;
  margin: 1.25rem 0;
}

.btn-primary {
  display: inline-block;
  background: var(--navy);
  color: #ffffff;
  font-family: var(--sans);
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.85rem 2.5rem;
  border: none;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.2s ease;
}

.btn-primary:hover,
.btn-primary:focus {
  background: var(--gold);
  color: #ffffff;
}

footer {
  border-top: 1px solid var(--cream-deep);
  padding-top: 3rem;
  padding-bottom: 2rem;
  margin-top: 3rem;
}

footer p {
  font-family: var(--sans);
  font-size: 0.65rem;
  color: var(--bronze-700);
  letter-spacing: 0.1em;
  margin: 0;
}