:root {
  --category-tech: #2563eb;
  --category-tech-soft: rgba(37, 99, 235, 0.12);
  --category-life: #16803c;
  --category-life-soft: rgba(22, 128, 60, 0.12);
  --category-explore: #9333ea;
  --category-explore-soft: rgba(147, 51, 234, 0.12);
  --category-collection: #d95700;
  --category-collection-soft: rgba(217, 87, 0, 0.12);
  --category-notes: #c72574;
  --category-notes-soft: rgba(199, 37, 116, 0.12);
  --state-info: #087f95;
  --state-info-soft: rgba(8, 127, 149, 0.12);
  --state-danger: #c62828;
  --state-danger-soft: rgba(198, 40, 40, 0.12);
  --taxonomy-tag: #566273;
  --taxonomy-tag-soft: rgba(86, 98, 115, 0.1);
  --taxonomy-tag-border: rgba(86, 98, 115, 0.22);
}

[data-theme="dark"] {
  --category-tech: #60a5fa;
  --category-tech-soft: rgba(96, 165, 250, 0.16);
  --category-life: #4ade80;
  --category-life-soft: rgba(74, 222, 128, 0.16);
  --category-explore: #c084fc;
  --category-explore-soft: rgba(192, 132, 252, 0.16);
  --category-collection: #fb923c;
  --category-collection-soft: rgba(251, 146, 60, 0.16);
  --category-notes: #f472b6;
  --category-notes-soft: rgba(244, 114, 182, 0.16);
  --state-info: #22d3ee;
  --state-info-soft: rgba(34, 211, 238, 0.16);
  --state-danger: #f87171;
  --state-danger-soft: rgba(248, 113, 113, 0.16);
  --taxonomy-tag: #c5cfda;
  --taxonomy-tag-soft: rgba(197, 207, 218, 0.1);
  --taxonomy-tag-border: rgba(197, 207, 218, 0.22);
}

a[href^="/categories/tech/"],
a[href^="/categories/tech/"]::before {
  --taxonomy-category: var(--category-tech);
}

a[href^="/categories/life/"],
a[href^="/categories/life/"]::before {
  --taxonomy-category: var(--category-life);
}

a[href^="/categories/explore/"],
a[href^="/categories/explore/"]::before {
  --taxonomy-category: var(--category-explore);
}

a[href^="/categories/collection/"],
a[href^="/categories/collection/"]::before {
  --taxonomy-category: var(--category-collection);
}

a[href^="/categories/notes/"],
a[href^="/categories/notes/"]::before {
  --taxonomy-category: var(--category-notes);
}

.article-meta__categories[href^="/categories/"],
.post-meta-categories[href^="/categories/"],
.category-list-link[href^="/categories/"],
.card-category-list-link[href^="/categories/"] {
  color: var(--taxonomy-category) !important;
}

.category-list-link[href^="/categories/"]::before,
.card-category-list-link[href^="/categories/"]::before {
  display: inline-block;
  width: 0.55em;
  height: 0.55em;
  margin-right: 0.55em;
  border-radius: 50%;
  background: var(--taxonomy-category);
  content: "";
  vertical-align: 0.08em;
}

.article-meta__tags,
.tag-cloud-list a {
  color: var(--taxonomy-tag) !important;
}

.post-meta__tag-list .post-meta__tags {
  border: 1px solid var(--taxonomy-tag-border);
  background: var(--taxonomy-tag-soft);
  color: var(--taxonomy-tag) !important;
}

.article-meta__tags:hover,
.tag-cloud-list a:hover,
.post-meta__tag-list .post-meta__tags:hover,
#article-container a:hover {
  color: var(--state-info) !important;
}

#article-container a {
  color: var(--state-info);
}

#article-container .note.info {
  border-color: var(--state-info);
  background: var(--state-info-soft);
}

#article-container .note.danger {
  border-color: var(--state-danger);
  background: var(--state-danger-soft);
}