/* Kimber (base16) dark theme override for Gokarna */
/* Overrides themes/gokarna/assets/css/dark.css via Hugo asset resolution */

:root {
  --dark-primary-color: 34, 34, 34;        /* base00 #222222 */
  --dark-secondary-color: #313131;         /* base01 */
  --dark-tertiary-color: #555D55;          /* base02 */
  --dark-text-color: #DEDEE7;              /* base05 */
}

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: #DEDEE7;   /* base05 */
  color: #DEDEE7;
}

.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));
}

.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: #C3C3B4;                          /* base06 */
  border-left-color: var(--dark-secondary-color);
}

hr {
  color: var(--dark-secondary-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(49, 49, 49) 0px -1px 0px 0px inset;  /* base01 */
}

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

/* Post dates */
.post-date {
  color: #C3C3B4;                          /* base06 */
}