/* Service department colors and catalog tabs. */
.service-direction .figma-section-title {
  color: var(--accent-color);
}

.catalog-tabs .tabs-tag[data-service-accent] {
  --interactive-accent: var(--accent-color);
  --interactive-rgb: var(--accent-bright-rgb);
  flex-shrink: 0;
  border-color: rgba(var(--accent-bright-rgb), 0.4);
}

.catalog-tabs .tabs-tag.is-active,
.catalog-tabs .tabs-tag:hover,
.catalog-tabs .tabs-tag:focus-visible {
  color: #fff;
  border-color: var(--accent-color);
  background-color: rgba(var(--accent-bright-rgb), 0.18);
}