:root {
  --navy: #14213d;
  --cream: #fffdf7;
  --orange: #ff3b45;
  --mustard: #ffd60a;
  --pink: #ff3b45;
  --teal: #165dff;
  --line: rgba(20, 33, 61, .25);
}

/* Clean Itten triad: red for jokes, yellow for energy, blue for trust. */
.header-cta { background: var(--mustard); }
.hero__art::before { background: var(--mustard); }
.stamp { background: var(--orange); color: var(--cream); }
.manifesto__body mark { color: var(--cream); }
.case-card--pink { background: var(--orange); }
.case-card--teal { background: var(--teal); color: var(--cream); }
.services { background: var(--mustard); }
.services .eyebrow__dot { background: var(--teal); }
.services h2 em { color: var(--teal); }
.contact { background: var(--teal); color: var(--cream); }
.contact .eyebrow__dot { background: var(--mustard); }
.contact h2 em { color: var(--mustard); }
.contact .brief-form,
.contact .brief-form label { border-color: var(--cream); }
.contact .brief-form input,
.contact .brief-form select { color: var(--cream); }
.contact .brief-form input::placeholder { color: var(--cream); }
.contact .button--orange { background: var(--mustard); color: var(--navy); }
.contact .form-note { color: var(--cream); }