:root {
  --off-white: #f7f6f3;
  --warm-ivory: #f3e9d7;
  --warm-ivory-deep: #ede1cc;
  --soft-tone: #e3d2b4;
  --soft-tone-deep: #d6c1a0;
  --gold: #e2a64b;
  --gold-deep: #c98a3a;
  --anchor: #2c241c;
  --sage: #6a755e;
  --story-card-bg: #d7c6ae;
  --quote-strip-bg: rgba(228, 214, 194, 0.72);
  --section-alt-bg: linear-gradient(180deg, rgba(227, 210, 180, 0.9), rgba(214, 193, 160, 0.92));
  --cta-block-bg: linear-gradient(135deg, rgba(196, 164, 132, 0.22), rgba(255, 255, 255, 0.48));
  --body-glow: rgba(226, 166, 75, 0.18);
}

.hero {
  background:
    var(--hero-overlay),
    url("./Main%20-%20Skyline.jpg") center center / cover no-repeat;
}

.final-card {
  background:
    var(--final-overlay),
    url("./skyline2.png") center center / cover no-repeat;
}