/* Keep the original light design, with restrained navy and orange accents. */
:root {
  --navy: #153b99;
  --navy-hover: #2455e7;
  --orange: #f47735;
  --soft-blue: #eaf0ff;
  --cobalt: #2455e7;
}

::selection {
  background: var(--navy);
  color: #fff;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline-color: var(--navy);
}

.brand,
.site-footer .brand span {
  color: var(--navy);
}

.brand i,
.status-dot,
.small-square {
  background: var(--orange);
}

.desktop-nav a:after {
  background: var(--orange);
}

.header-cta {
  border-color: #94a5b6;
  color: var(--navy);
}

.header-cta:hover {
  background: var(--soft-blue);
}

.hero h1 {
  color: var(--navy);
}

.title-period {
  color: var(--orange);
}

.button-dark {
  background: var(--navy);
  color: #fff;
}

.button-dark:hover {
  background: var(--navy-hover);
}

.button-dark svg {
  color: #ffab7e;
}

.scroll-arrow {
  color: var(--navy);
  border-color: #8d9bab;
}

.hero-index {
  color: var(--navy);
}

.principles-strip i {
  color: #b76136;
}

.section-heading h2,
.approach h2,
.service h3,
.process-grid h3 {
  color: var(--navy);
}

.service summary:hover h3 {
  color: var(--navy-hover);
}

.service[open] .expand-icon {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

.text-link {
  color: var(--navy);
}

.text-link svg {
  color: #b55322;
}

.deliverables {
  background: #eef2f6;
}

.deliverables li > span {
  color: #637c96;
}

.applications {
  background: #112b66;
}

.applications .section-heading h2 {
  color: #f0f5fc;
}

.applications .section-kicker,
.applications .section-heading > p,
.use-copy > p {
  color: #bbc8d8;
}

.use-tabs {
  border-color: #405268;
}

.use-tabs button,
.use-copy > .micro-label {
  color: #bccbdb;
}

.use-tabs button:after {
  background: var(--orange);
}

.use-tabs button > span {
  color: #9daec3;
}

.use-tabs button[aria-selected="true"] > span {
  color: #ffb487;
}

.use-tags > span {
  border-color: #526277;
  color: #c4d2e1;
}

.workflow {
  background: #1d334c;
  border-color: #496078;
}

.workflow-top,
.workflow-mark,
.workflow-note,
.node-label,
.node-count {
  color: #b4c4d6;
}

.flow-node {
  background: #172b42;
  border-color: #455c75;
}

.node-icon {
  color: #d4deeb;
}

.active-node {
  background: var(--soft-blue);
  border-color: var(--soft-blue);
  color: var(--navy);
}

.active-node .node-label,
.active-node .node-count {
  color: #526b85;
}

.active-node .node-icon {
  color: #b55322;
}

.flow-line {
  background: #768da4;
}

.flow-line > span,
.workflow-note > span {
  background: #ffad80;
}

.applications-foot {
  border-color: #405268;
  color: #b7c6d7;
}

.process-top > span {
  color: #728aa3;
}

.process-top svg {
  color: #b55322;
}

.contact {
  background: #edf0f3;
}

.contact h2 {
  color: var(--navy);
}

.contact-wordmark {
  color: var(--navy);
}

.contact-arrow {
  border-color: #a3afbc;
  color: var(--navy);
}

.contact-arrow:hover {
  background: var(--navy);
  border-color: var(--navy);
  color: #ffb184;
}

.contact-email {
  color: var(--navy);
}

.contact-email svg {
  color: #b55322;
}