/* Overrides for hardcoded colors in theme CSS. */

a:hover .feather-sun {
  color: hsl(var(--color-text-primary));
  fill: hsl(var(--color-text-primary));
}

blockquote {
  color: hsl(var(--color-text-muted));
  border-left-color: hsl(var(--color-border-subtle));
}

.post .post-date,
.prev-post-date,
.next-post-date,
.list-posts .post-date {
  color: hsl(var(--color-text-muted));
}

.header-shadow {
  box-shadow: hsl(var(--color-border-subtle) / 0.8) 0 1px 5px;
}

html:has(link#dark-theme:not([disabled])) .header-shadow {
  box-shadow: hsl(var(--color-border-subtle)) 0 -1px 0 0 inset;
}

#toc ul li a.active,
a:hover {
  color: hsl(var(--color-accent));
  fill: hsl(var(--color-accent));
}

code,
pre {
  background-color: hsl(var(--color-bg-code)) !important;
  color: hsl(var(--color-text-on-code)) !important;
}

:root :not(pre) > code {
  background-color: hsl(var(--color-bg-surface-2)) !important;
  color: hsl(var(--color-text-primary)) !important;
}

html:has(link#dark-theme:not([disabled])) :not(pre) > code {
  background-color: hsl(var(--color-bg-surface-2)) !important;
  color: hsl(var(--color-text-primary)) !important;
}

.arrow-logo {
  background-color: hsl(var(--color-bg-code));
}

.arrow-logo path {
  fill: hsl(var(--color-bg-surface-1));
}

html:has(link#dark-theme:not([disabled])) .arrow-logo {
  background-color: hsl(var(--color-bg-surface-1));
}

.arrow-logo:hover path {
  fill: hsl(var(--color-accent));
}