:root {
  --dark-primary-color: 34, 34, 34;        /* Kimber base00 #222222 */
  --dark-secondary-color: #313131;         /* Kimber base01 */
  --dark-tertiary-color: #555D55;          /* Kimber base02 */
  --dark-text-color: #DEDEE7;              /* Kimber base05 */
  --dark-muted-color: #C3C3B4;             /* Kimber base06 dates/blockquotes */
  --dark-shadow-color: 49, 49, 49;         /* Kimber base01 as RGB triplet */
}

html {
  background-color: rgb(var(--dark-primary-color));
  color: var(--dark-text-color);
  fill: var(--dark-text-color);
}

.header {
  background-color: rgba(var(--dark-primary-color), 0.95);
}

.nav-hamburger-list {
  background: rgba(var(--dark-primary-color), 1);
}

.nav-links .nav-icons-divider {
  color: var(--dark-secondary-color);
}

a:hover .feather-moon {
  fill: var(--dark-text-color);
  color: var(--dark-text-color);
}

.gk-social-icons-list .gk-social-icon,
.gk-social-icons-list .gk-social-icon a:visited  {
  fill: var(--dark-text-color);
}

.gk-social-icons-list .gk-social-icon a:hover {
  fill: var(--accent-color);
}

.post-tags .post-tag:hover {
  background-color: var(--dark-text-color);
  color: rgb(var(--dark-primary-color));
}

.post-title-tag {
  border-color: var(--dark-tertiary-color);
  color: var(--dark-muted-color);
}
.post-title-tag:hover {
  background-color: var(--dark-text-color);
  color: rgb(var(--dark-primary-color));
  border-color: var(--dark-text-color);
}

.tags-list .post-tags .post-tag a .tag-posts-count {
  background-color: var(--dark-secondary-color);
}

.tags-list .post-tags .post-tag:hover a .tag-posts-count {
  background-color: var(--dark-text-color);
  color: rgb(var(--dark-primary-color));
}

.footer {
  border-top-color: var(--dark-header-bg-color);
}

blockquote {
  color: var(--dark-muted-color);
  border-left-color: var(--dark-secondary-color);
}

hr {
  color: var(--dark-tertiary-color);
}

table thead {
  background-color: var(--dark-secondary-color);
}

table td,
table th {
  border-bottom-color: var(--dark-secondary-color);
}

code,
pre {
  background-color: var(--dark-secondary-color) !important;
}

:not(pre) > code {
  background-color: var(--dark-tertiary-color) !important;
  color: var(--dark-text-color);
}

.header-shadow {
  box-shadow: rgb(var(--dark-shadow-color)) 0px -1px 0px 0px inset;
}

.post .post-date, .prev-post-date, .next-post-date {
  color: var(--dark-muted-color);
}

.list-posts .post-date {
  color: var(--dark-muted-color);
}

.arrow-logo {
  background-color: var(--dark-secondary-color);
}

.home-projects-card {
  border-color: var(--dark-tertiary-color);
  background-color: var(--dark-secondary-color);
}

.home-project-meta {
  color: var(--dark-muted-color);
}

.home-projects-card .view-all {
  border-top-color: var(--dark-tertiary-color);
}

/* TODO: Check if this is needed or not */
/*
img,
video {
  filter: hue-rotate(180deg) contrast(100%) invert(100%);
  -webkit-filter: hue-rotate(180deg) contrast(100%) invert(100%);
}
*/