:root {
  --ink: #e4edf0;
  --paper: #0d171b;
  --line: #354a52;
  --muted: #9babb1;
}

body {
  background: var(--paper);
  color: var(--ink);
}

.intro {
  background: #0d171b;
}

.intro-grid p,
.service-item p,
.steps p,
.contact-intro > p:last-child {
  color: #b3c2c8;
}

.services {
  background: #dce5e8;
  color: #10191d;
}

.service-list,
.service-item {
  border-color: #5a6b72;
}

.service-number,
.service-item ul {
  color: #52636a;
}

.steps span {
  color: #aabdc5;
}

.services .eyebrow {
  color: #50646c;
}

.services .service-item p {
  color: #405158;
}

.approach {
  background: #0d171b;
}

.steps,
.steps article {
  border-color: #354a52;
}

.ethos {
  background: #071113;
}

.contact {
  background: #cfdadd;
  color: #10191d;
  box-shadow: 0 0 0 100vmax #cfdadd;
  clip-path: inset(0 -100vmax);
}

.contact .eyebrow,
.contact .form-note {
  color: #50646c;
}

.honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.contact-intro > p:last-child {
  color: #405158;
}

.field label,
input,
textarea {
  color: #10191d;
}

input,
textarea {
  border-color: #657880;
}

.button-dark {
  background: #10191d;
  color: #fff;
}

.hero .button-primary {
  background: #f4f7f5;
  color: #071113;
}

.site-footer {
  background: #071014;
  color: #bdcbd0;
}

.site-footer p {
  color: #91a5ad;
}