/* Exact getmelvo.com layout and content, with the requested five-colour palette. */
:root {
  --violet: #BB3C68;
  --paper: #F6F2ED;
  --ink: #2E2E2E;
  --tomato: #BB3C68;
  --sage: #BB3C68;
  --sky: #C8CBB7;
  --oat: #E7E1D6;
  --stone: #BB3C68;
  --white: #F6F2ED;
  --line: rgba(46, 46, 46, .16);
  --shadow: 0 24px 70px rgba(46, 46, 46, .12);
}

body,
.site-header,
.site-header nav,
.site-footer { background-color: var(--paper); color: var(--ink); }

.homepage-how,
.homepage-final-cta { background: var(--sage); color: var(--paper); }

.button,
.site-header .nav-contact { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.button-light { background: var(--paper); color: var(--ink); }
.homepage-product-recipes .homepage-product-art,
.source-card.source-instagram,
.source-card.source-bookmark { background: var(--sand); }
.homepage-product-mapper .homepage-product-art,
.source-card.source-tiktok,
.source-card.source-map { background: var(--sage-light); }
.collage-card,
.homepage-product,
.contact-grid article { background: var(--paper); }
.collage-note,
.source-card.source-link,
.source-card.source-note { background: var(--sand); }
.collage-orbit { border-color: rgba(187, 60, 104, .42); }
.homepage-hero .collage-leaf path,
.homepage-how .how-steps li > span,
.homepage-how .eyebrow { stroke: var(--sand); color: var(--sand); }
.homepage-final-cta .script { color: var(--sage-light); }