/* Service-card continuity for the Website Review harmonization pass. */
.services {
  --service-card-blue: #2469d8;
}
.service-card:nth-child(1) { --service-accent: #d9b600; --service-accent-soft: #fff5bf; --service-accent-ink: #6b5900; }
.service-card:nth-child(2) { --service-accent: #03a84e; --service-accent-soft: #dcf7e8; --service-accent-ink: #087039; }
.service-card:nth-child(3) { --service-accent: #139ebd; --service-accent-soft: #dff5f9; --service-accent-ink: #0b6e82; }
.service-card:nth-child(4) { --service-accent: #6a62d9; --service-accent-soft: #eceaff; --service-accent-ink: #4f48ac; }
.service-card:nth-child(5) { --service-accent: #526ee8; --service-accent-soft: #e7ecff; --service-accent-ink: #3e54b4; }
.service-card:nth-child(6) { --service-accent: #079f9d; --service-accent-soft: #dcf5f2; --service-accent-ink: #087473; }

.service-card {
  border-color: var(--visual-neutral-200);
  box-shadow: inset 0 3px 0 var(--service-accent-soft);
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease;
}

.service-card::after {
  background: var(--service-accent-soft);
  transition: transform 180ms ease, background-color 180ms ease;
}

.service-card svg,
.service-card > span:not(.service-card__cta) {
  color: var(--service-accent);
  transition: color 180ms ease;
}

.service-card__cta {
  transition: color 180ms ease;
}

.service-card:focus-visible {
  outline: 3px solid var(--service-accent);
  outline-offset: 3px;
  border-color: var(--service-accent);
  box-shadow:
    inset 0 3px 0 var(--service-accent),
    0 18px 42px rgba(13, 38, 56, 0.1);
}

.service-card:focus-visible .service-card__cta {
  color: var(--service-accent-ink);
}

@media (hover: hover) {
  .service-card:hover {
    border-color: var(--service-accent);
    box-shadow:
      inset 0 3px 0 var(--service-accent),
      0 18px 42px rgba(13, 38, 56, 0.1);
  }

  .service-card:hover::after {
    transform: scale(1.08);
  }

  .service-card:hover .service-card__cta {
    color: var(--service-accent-ink);
  }
}