/* Élethelyzet akcentek – teal hierarchia (guide: nem rainbow) */

.vstyle-1,
.vstyle-2,
.vstyle-3,
.vstyle-4,
.vstyle-5,
.vstyle-6,
.vstyle-7,
.vstyle-8,
.vstyle-9,
.vstyle-10,
.vstyle-11,
.vstyle-12,
.vstyle-13,
.vstyle-14,
.vstyle-15,
.vstyle-16,
.vstyle-17,
.vstyle-18,
.vstyle-19,
.vstyle-20,
.vstyle-21,
.vstyle-22 {
  --bg: var(--aqua-50);
  --accent: var(--teal-700);
}

.cn-stage-card,
.cn-topic-card {
  background: var(--white);
}

.cn-stage-card i,
.cn-topic-card i {
  background: var(--white);
  border-color: var(--accent, var(--teal-700));
}

.cn-nav a[class*="vstyle-"]:hover {
  color: var(--teal-700);
}