/* ═══════════════════════════════════════════════════════════════
   DICTIO CATEGORY COLORS — Global
   Berlaku di homepage, article page, single post, dan post list
   Sistem: CSS custom properties per slug kategori
   Cara pakai di PHP: tambahkan class "dc-cat-{slug}" ke elemen tag
   ═══════════════════════════════════════════════════════════════ */

/* ── BASE TAG STYLE — berlaku global ── */
.dc-cat-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 100px;
  font-size: .68rem;
  font-weight: 500;
  line-height: 1.4;
  border: 1px solid var(--cat-border, #DDD8CF);
  background: var(--cat-bg, #F2EFE9);
  color: var(--cat-color, #44484E);
  text-decoration: none;
  white-space: nowrap;
}
.dc-cat-tag::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--cat-color, #44484E);
  flex-shrink: 0;
  opacity: .75;
}
.dc-cat-tag:hover { text-decoration: none; opacity: .85; }

/* ═══════════════════════════════════════════════════════════════
   KAMPUS — Biru
   ═══════════════════════════════════════════════════════════════ */
.dc-cat-kehidupan-kampus {
  --cat-bg:     #EAF2FB;
  --cat-color:  #1A5C96;
  --cat-border: #B8D4EF;
}
.dc-cat-produktivitas {
  --cat-bg:     #D6E9F8;
  --cat-color:  #154E82;
  --cat-border: #97C4E8;
}

/* ═══════════════════════════════════════════════════════════════
   KARIER — Teal
   ═══════════════════════════════════════════════════════════════ */
.dc-cat-karier {
  --cat-bg:     #E2F4EE;
  --cat-color:  #1A7050;
  --cat-border: #A8DEC8;
}
.dc-cat-entrepreneur {
  --cat-bg:     #D0EEE3;
  --cat-color:  #145F43;
  --cat-border: #85CDB0;
}
.dc-cat-profesional {
  --cat-bg:     #C4E9DA;
  --cat-color:  #0F5238;
  --cat-border: #70C09D;
}

/* ═══════════════════════════════════════════════════════════════
   LIFE & SELF — Rose
   ═══════════════════════════════════════════════════════════════ */
.dc-cat-life-and-self {
  --cat-bg:     #FCEEF5;
  --cat-color:  #9B3A6A;
  --cat-border: #F0C0D8;
}
.dc-cat-lifestyle {
  --cat-bg:     #FAE4EF;
  --cat-color:  #8A3060;
  --cat-border: #EAA8CB;
}
.dc-cat-relationship {
  --cat-bg:     #F7D9E9;
  --cat-color:  #792658;
  --cat-border: #E394BC;
}
.dc-cat-well-being {
  --cat-bg:     #F4CEE3;
  --cat-color:  #681E50;
  --cat-border: #DC80A8;
}

/* ═══════════════════════════════════════════════════════════════
   NEWS — Merah pastel
   ═══════════════════════════════════════════════════════════════ */
.dc-cat-informasi-aktualita {
  --cat-bg:     #FCEAEA;
  --cat-color:  #9B2B2B;
  --cat-border: #F0AAAA;
}
.dc-cat-dunia-pendidikan {
  --cat-bg:     #FAE0E0;
  --cat-color:  #8A2424;
  --cat-border: #E89898;
}
.dc-cat-teknologi {
  --cat-bg:     #F8D6D6;
  --cat-color:  #791E1E;
  --cat-border: #E08686;
}

/* ═══════════════════════════════════════════════════════════════
   SKILLS — Ungu
   ═══════════════════════════════════════════════════════════════ */
.dc-cat-kompetensi {
  --cat-bg:     #EEE9FD;
  --cat-color:  #5435B0;
  --cat-border: #C8B8F5;
}
.dc-cat-hard-skill {
  --cat-bg:     #E5DDFC;
  --cat-color:  #4A2EA0;
  --cat-border: #B5A0F0;
}
.dc-cat-soft-skill {
  --cat-bg:     #DDD4FB;
  --cat-color:  #3F278F;
  --cat-border: #A48AEB;
}

/* ═══════════════════════════════════════════════════════════════
   SOUL & SPIRIT — Hijau sage
   ═══════════════════════════════════════════════════════════════ */
.dc-cat-soul-and-spirit {
  --cat-bg:     #E8F2E5;
  --cat-color:  #3A6B30;
  --cat-border: #B4D9A8;
}
.dc-cat-faith {
  --cat-bg:     #DBECD7;
  --cat-color:  #305C27;
  --cat-border: #9FCFA0;
}
.dc-cat-spirituality {
  --cat-bg:     #CEE6C8;
  --cat-color:  #264E1E;
  --cat-border: #8BC590;
}