:root {
  color-scheme: light dark;
  --logicark-ink: #152b42;
  --logicark-blue: #2f6fa8;
  --logicark-primary: #4aa5f5;
  --logicark-accent: #f42d70;
  --logicark-accent-strong: #d70d56;
  --logicark-surface: #ffffff;
  --logicark-surface-alt: #f7f7f7;
  --logicark-nav-surface: #dde8fa;
  --logicark-border: #dce4ec;
  --logicark-muted: #597ea2;
  --logicark-on-accent: #ffffff;
}

body {
  color: var(--logicark-ink);
  background-color: var(--logicark-surface);
}

a {
  color: var(--logicark-blue);
}

a:hover,
a:focus {
  color: var(--logicark-accent);
}

main,
.summer-post-content,
.summer-page-content {
  color: var(--logicark-ink);
  background-color: var(--logicark-surface);
}

.summer-brand-mark {
  display: inline-block;
  height: 4rem;
  vertical-align: middle;
}

.summer-brand-mark img {
  display: block;
  width: auto;
  height: 100%;
  max-height: 4rem;
}

.summer-site-head-menu,
.post-template .summer-post-menu-header,
.summer-page-container .summer-page-menu-header {
  color: var(--logicark-ink);
  background-color: var(--logicark-nav-surface);
}

.summer-blog-menu .summer-mobile-menu a,
.summer-blog-menu .summer-mobile-menu a:hover,
.summer-blog-menu ul li a,
.post-template .summer-blog-menu .summer-mobile-menu a,
.post-template .summer-blog-menu ul li a,
.summer-page-container .summer-blog-menu ul li a {
  color: var(--logicark-blue);
}

.summer-blog-menu ul {
  background-color: var(--logicark-nav-surface);
}

.summer-blog-menu ul li a:hover,
.summer-blog-menu ul li a:focus {
  color: var(--logicark-accent);
}

.summer-site-head-content {
  background-color: var(--logicark-blue);
  background-image: url("../images/logicark-header-lt.jpg");
  background-position: center;
  background-size: cover;
}

.summer-site-head-content .summer-site-head-title-bg {
  background-color: var(--logicark-accent);
}

.summer-site-head-content h1,
.summer-site-head-content h2 {
  color: var(--logicark-on-accent);
}

.summer-site-head-content h2 {
  color: var(--logicark-blue);
}

.summer-content .summer-index-post {
  border-bottom-color: var(--logicark-border);
}

.summer-content .summer-index-post .summer-post-meta .day,
.summer-tags-container .summer-tags-header .tag-name {
  color: var(--logicark-accent);
}

.summer-content .summer-index-post .summer-post-meta .month-year,
.summer-content .summer-index-post .summer-post-header .summer-post-title,
.summer-content .summer-index-post .summer-post-header .summer-post-title a,
.summer-content .summer-index-post .summer-post-excerpt,
.summer-content .summer-index-post .summer-index-post-tags,
.summer-content .summer-index-post .summer-index-post-tags a,
.summer-tags-container .summer-tags-header {
  color: var(--logicark-ink);
}

.summer-content .summer-index-post .summer-post-header .summer-post-title a:hover,
.summer-content .summer-index-post .summer-index-post-tags a:hover {
  color: var(--logicark-accent);
}

.post-template .summer-post-title a,
.summer-page-title a {
  color: var(--logicark-ink);
}

.summer-content .summer-index-post .summer-index-post-tags a {
  border-color: var(--logicark-blue);
}

.summer-content .summer-index-post .summer-index-post-tags a:hover {
  border-color: var(--logicark-accent);
}

nav.pagination .newer-posts,
nav.pagination .older-posts,
nav.pagination .page-number {
  color: var(--logicark-blue);
  border-color: var(--logicark-blue);
}

nav.pagination .newer-posts:hover,
nav.pagination .older-posts:hover {
  color: var(--logicark-accent);
  border-color: var(--logicark-accent);
}

.summer-site-footer {
  color: var(--logicark-on-accent);
  background-color: var(--logicark-ink);
}

.summer-site-footer .copyright,
.summer-site-footer .copyright a {
  color: var(--logicark-on-accent);
}

.summer-site-footer .social-icons a {
  color: #152b42;
}

.summer-site-footer .social-icons a:hover {
  color: var(--logicark-accent);
}

.summer-tags-container,
.summer-author-info {
  color: var(--logicark-ink);
  background-color: var(--logicark-surface-alt);
}

.summer-post-share,
.summer-post-share a {
  color: var(--logicark-accent);
}

.summer-author-info .summer-post-author > p a,
.post-template .summer-post-content > div:not(.summer-post-title) a,
.post-template .summer-post-content > div:not(.summer-post-title) code,
.summer-page-container .summer-page-content > div:not(.summer-page-title) a,
.summer-page-container .summer-page-content > div:not(.summer-page-title) code {
  color: var(--logicark-accent);
}

.summer-author-info .summer-post-author .author-label {
  color: var(--logicark-muted);
}

.post-template .summer-post-title.background--light h1,
.post-template .summer-post-title.background--light p,
.post-template .summer-post-title.background--light a {
  color: #152b42;
}

.post-template .summer-post-title.background--dark h1,
.post-template .summer-post-title.background--dark p,
.post-template .summer-post-title.background--dark a {
  color: #ffffff;
}

.post-template .summer-post-title.background--light a:hover,
.post-template .summer-post-title.background--dark a:hover,
.summer-page-container .summer-page-title a:hover {
  color: var(--logicark-accent);
}

.summer-post-title a:hover,
.summer-page-title a:hover {
  color: var(--logicark-accent);
}

.post-template button.trigger.background--light::before,
.post-template button.trigger.background--light span::before,
.post-template button.trigger.background--dark::before,
.post-template button.trigger.background--dark span::before {
  color: var(--logicark-accent);
}

.summer-page-title h1,
.summer-post-content,
.summer-page-content {
  color: var(--logicark-ink);
}

.summer-page-container .summer-page-title h1,
.summer-page-container .summer-page-title a {
  color: var(--logicark-ink);
}

@media (prefers-color-scheme: dark) {
  :root {
    --logicark-ink: #edf4ff;
    --logicark-blue: #9ad0ff;
    --logicark-primary: #9ad0ff;
    --logicark-accent: #ff5d93;
    --logicark-accent-strong: #f42d70;
    --logicark-surface: #0b1220;
    --logicark-surface-alt: #121a2b;
    --logicark-nav-surface: #111827;
    --logicark-border: rgba(255, 255, 255, 0.08);
    --logicark-muted: #c7d7f3;
    --logicark-on-accent: #ffffff;
  }

  .summer-site-head-content {
    background-color: var(--logicark-surface);
    background-image: url("../images/logicark-header.jpg");
  }

  .summer-site-head-content h2 {
    color: var(--logicark-ink);
  }

  .summer-blog-menu ul li a:hover,
  .summer-blog-menu ul li a:focus {
    color: var(--logicark-accent);
  }

  .summer-post-share {
    border-top-color: var(--logicark-border);
  }

  .summer-tags-container,
  .summer-author-info {
    color: var(--logicark-ink);
    background-color: var(--logicark-surface-alt);
  }

}