/* Product color semantics layered over the immutable complete stylesheet. */
.netcode-card {
  --card-accent: #1768ff;
  border-top-color: #1768ff;
}

.platform-card.netcode-card {
  border-top-color: #1768ff;
}

.rez-card {
  --card-accent: #0787a7;
  border-top-color: #0787a7;
}

.platform-card.rez-card {
  border-top-color: #0787a7;
}

.shell-card {
  --card-accent: #53657b;
  border-top-color: #53657b;
}

.platform-card.shell-card {
  border-top-color: #53657b;
}

.netcode-card .platform-card-top > span,
.netcode-card .platform-card-top em {
  color: #1768ff;
}

.netcode-card .platform-card-top > span {
  color: #ffffff;
  background: #1768ff;
}

.rez-card .platform-card-top > span,
.rez-card .platform-card-top em {
  color: #0787a7;
}

.rez-card .platform-card-top > span {
  color: #ffffff;
  background: #0787a7;
}

.shell-card .platform-card-top > span,
.shell-card .platform-card-top em {
  color: #53657b;
}

.shell-card .platform-card-top > span {
  color: #ffffff;
  background: #53657b;
}

.simple-product-icon.netcode-icon {
  background: #1768ff;
}

.simple-product-icon.rez-icon {
  background: #0787a7;
}

.simple-runner > span {
  color: #70defa;
  background: #173665;
}

.business-proof-card > span {
  color: #70defa;
}

.business-proof-card {
  border-color: rgba(112, 222, 250, 0.2);
}