:root{
  --cream: #F3ECDB;
  --sage:  #D8DDC3;
  --peach: #F7D9C1;
  --grey:  #CBCFD1;

  --navy:  #2E3652;   /* great for text (not harsh like black) */
  --brown: #B57C47;   /* warm supporting heading color */
  --blue:  #8498C1;   /* soft accent */
  --coral: #EA7D5C;   /* accent/pop */
}

body{
  background: linear-gradient(180deg, var(--cream) 0%, #ffffff 55%, var(--sage) 120%);
  color: var(--navy);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.6;
}

/* Headings */
h1{
  color: var(--navy);
  letter-spacing: -0.02em;
}

h2{
  color: var(--brown);
  letter-spacing: -0.01em;
}

h3{
  color: var(--blue);
}

/* Paragraph text */
p{
  color: rgba(46, 54, 82, 0.86); /* navy softened */
}

.nest-points {
  font-size: 1.05rem;
  color: var(--navy);
}

.nest-point {
  padding: 10px 22px;
  margin: 6px;
  background: rgba(247,217,193,0.6); /* peach wash */
  border-radius: 40px;
  white-space: nowrap;
  box-shadow: 0 6px 14px rgba(0,0,0,.05);
  font-weight: 500;
}

/* subtle alternates for visual interest */

.nest-point:nth-child(2){
  background: rgba(216,221,195,.6); /* sage */
}

.nest-point:nth-child(3){
  background: rgba(203,207,209,.6); /* soft grey */
}