/* Accent-pop contrast layer — surfaces & nav (buttons: styles.css) */

.nav-pill a.is-active {
  border: 1px solid color-mix(in srgb, var(--accent-pop) 55%, var(--accent));
  background: color-mix(in srgb, var(--accent-pop) 14%, var(--surface));
  color: var(--text);
  font-weight: 600;
}

.eyebrow {
  color: var(--accent-pop);
  font-weight: 600;
}

.catalog-preview {
  border-width: 2px;
  border-color: color-mix(in srgb, var(--accent-pop) 28%, var(--border));
}

.schema-row--tier .schema-row__val {
  border-left: 3px solid var(--accent-pop);
  padding-left: 0.375rem;
}

.schema-row--tier-guest .schema-row__val {
  background: color-mix(in srgb, var(--accent-pop) 18%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-pop) 35%, transparent);
}

.value-card {
  border: 1px solid color-mix(in srgb, var(--accent-pop) 22%, var(--border));
  border-top: 3px solid var(--accent-pop);
}

.value-card h3 {
  color: var(--accent);
}

.pull-quote {
  border-left: 4px solid var(--accent-pop);
}

.panel-carousel__dot--active {
  background: var(--accent-pop);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-pop) 35%, transparent);
}

.page-head {
  border-bottom-color: color-mix(in srgb, var(--accent-pop) 25%, var(--border));
}

.about-layers__row {
  border-left: 3px solid var(--accent-pop);
}