em,
h1 em,
h2 em,
h3 em {
  color: var(--accent);
}

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

.btn.dark {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--brand-krem, #fff8ef);
}

.btn.light {
  background: var(--brand-krem, #fff8ef);
  border-color: var(--brand-krem, #fff8ef);
  color: var(--ink);
}

.btn.ghost {
  border-color: rgba(7, 5, 12, 0.22);
  color: var(--ink);
}

.btn.ghost:hover {
  border-color: var(--accent-2);
  color: var(--accent-2);
}

.eyebrow {
  color: var(--accent-2);
}

.product-link,
.admin-link {
  color: var(--accent);
}

.footer-nav a:hover,
.site-header nav a:hover {
  color: var(--accent-2);
}

.site-header nav a.active {
  color: var(--accent-2);
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--accent-2);
  outline: none;
}

.check {
  background: var(--purple);
  color: var(--brand-krem, #fff8ef);
}

.pulse-dot {
  background: var(--accent);
  box-shadow: 0 0 0 0 rgba(232, 99, 106, 0.45);
}

@keyframes pulse {
  70% {
    box-shadow: 0 0 0 10px rgba(232, 99, 106, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(232, 99, 106, 0);
  }
}

.wa-dot {
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(232, 99, 106, 0.18);
}

.catv-chips a.active {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--brand-krem, #fff8ef);
}

.catv-chips a:hover {
  border-color: var(--accent-2);
  color: var(--accent-2);
}

.catv-bahan article:hover,
.catv-bahan article:focus-visible {
  border-color: var(--accent);
}

.catv-bahan .more,
.catv-drawer header small {
  color: var(--accent-2);
}

.catv-photo,
.catv-bahan .swatch,
.catv-karya .k-img,
.catv-drawer .big {
  background-color: rgba(7, 5, 12, 0.06);
}

.section.cream,
.cream {
  background: rgba(7, 5, 12, 0.05);
}