/*
 * Shared color rules. The theme file (default-dark.css / cold-dark.css)
 * only defines the variables used here.
 */

body {
  background: var(--main-bg-color);
  color: var(--main-text);
}

a {
  color: var(--main-text);
}

.siteTitle a {
  color: var(--main-sec);
}

.nav-item-title::after {
  background: var(--main-sec);
}

.nav-item:focus-visible {
  outline-color: var(--main-sec);
}

pre {
  background: var(--code-quote-bg);
  border: 1px solid var(--border-color);
  border-radius: 5px;
}

code {
  background-color: transparent;
}

/* syntax-highlight line-number tables look better on the code background */
.post .content .highlight table {
  background-color: var(--code-quote-bg) !important;
}

blockquote {
  background: var(--code-quote-bg);
  border-left: 3px solid var(--main-sec);
}

table, th, td { border: 1px solid var(--table-border); }
tr:hover { background: var(--row-hover-bg); }
th { background: var(--main-bg-color); }

/* cards: faint background, no border or shadow */
.post,
.post-preview,
.content-item,
.related-content,
.home-section,
.archive-year,
.terms,
.err-404 {
  background: var(--card-bg);
  border-radius: 0.3em;
}

/* the one divider each card keeps */
.post-title-divider {
  background: var(--main-sec);
}

.post-preview header,
.terms .term {
  border-bottom: 1px solid var(--divider-color);
}

.content-item .meta,
.post-footer hr,
.archive-year-list li + li {
  border-top: 1px solid var(--divider-color);
}

.post .title,
.post .content h1,
.post .content h2,
.post .content h3,
.post .content h4,
.post .content h5,
.post .content h6,
.post-preview .title a,
.post-list .title,
.archive-item-date {
  color: var(--main-sec);
}

.post .content a:hover,
.social-link:hover,
.nav-item-title:hover,
.tag a:hover,
.content-item a:hover,
.term a:hover {
  color: var(--main-sec);
}

.copyright,
.poweredby,
.poweredby a,
.post-preview-date {
  color: var(--copyright);
}

.post-footer .date,
.post-footer .updated {
  color: var(--muted-text);
}

.post .metadata,
.metadata .tags .tag a,
.metadata .categories a,
.metadata .series a,
.metadata .syndicate a {
  color: var(--meta-text);
}

.rmore {
  color: var(--main-text);
}

.rmore a {
  background: var(--main-bg-color);
  border: 1px solid var(--border-color);
}

.rmore a:hover {
  background: var(--button-hover-bg);
}

.alert-warning { border-left-color: #ffb961; }
.alert-warning .alert-heading { color: #ffb961; }

.alert-caution { border-left-color: #ff6666; }
.alert-caution .alert-heading { color: #ff6666; }

.alert-important { border-left-color: #a0c7f8; }
.alert-important .alert-heading { color: #a0c7f8; }

.alert-note,
.alert-tip { border-left-color: #9fe2bf; }
.alert-note .alert-heading,
.alert-tip .alert-heading { color: #9fe2bf; }