/* Clockwork: mint foregrounds on the existing blue palette. */
:root {
  --cw-blue: #4b37ff;
  --cw-mint: #ceffd6;
  --cw-ink: #171717;
}
.--blue { color: var(--cw-mint); }
.--green, .--white, .Footer { color: var(--cw-ink); }

/* Recolour the text copies, not the clock's mask or rotating blue panels. */
.Hero:not([data-type="double"]) { color: var(--cw-mint); }
.Hero .BackTwo, .Hero .Back .Hero__text { color: var(--cw-mint); }
.ServicesHome.--blue .ServicesHome__svg text { fill: var(--cw-mint); }

/* Reveal the backdrop on interaction or the theme's scroll-up state. */
.Header {
  color: var(--cw-mint);
  background-color: transparent;
  transition: transform .75s cubic-bezier(.165, .84, .44, 1), background-color .2s ease;
}
.Header.is-visible,
.Header:focus-within,
.Header.menu-active {
  background-color: rgba(75, 55, 255, .8);
}
.Header:focus-within { transform: none; }
@media (hover: hover) and (pointer: fine) {
  .Header:hover { background-color: rgba(75, 55, 255, .8); }
}
@media (prefers-reduced-motion: reduce) {
  .Header { transition: none; }
}
.Header__logo, .Header__menu, .Header__talk, .Header__toggle {
  color: var(--cw-mint);
  text-shadow: none;
}
.Header .Logo svg { filter: none; }
.Header .Logo svg path { fill: currentColor; }
@media only screen and (max-width: 1033px) {
  .Header__menu,
  .Header.menu-active .Header__logo,
  .Header.menu-active .Header__talk,
  .Header.menu-active .Header__toggle {
    color: var(--cw-ink);
  }
  .Header.menu-active [data-cw-video="true"] { text-shadow: none; }
  .Header.menu-active .Header__logo svg { filter: none; }
}

/* Site assessment and its call to action follow the same surface colours. */
.GrowthCheckPage, .LeadCTA, .LeadCTA__link { color: var(--cw-mint); }
.GrowthCheckPage__assessment, .LeadCapture { color: var(--cw-ink); }
.GrowthCheckPage__hero-copy a, .LeadCTA__link { border-color: currentColor; }
.--blue .flickity-page-dot { border-color: var(--cw-mint); background: transparent; }
.--blue .flickity-page-dot.is-selected { background: var(--cw-mint); }
