/* Typography inspired by matduggan.com */

:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  --accent: #2a7b9b;
  --accent-dark: #1e5a72;
  --accent-light: #e8f4f8;
  --heading-color: #1a1a2e;
}

body {
  font-family: var(--font-sans);
}

/* Warm-tinted page background instead of plain gray */
body.bilberry-hugo-theme {
  background-color: #eef2f5;
}

/* Teal-tinted header */
body.bilberry-hugo-theme header {
  background-color: #163a4a;
}

/* Accent bar on left edge of article cards */
body.bilberry-hugo-theme article .content {
  border-left: 3px solid var(--accent);
}

/* Article title color */
body.bilberry-hugo-theme article .content h1 {
  color: var(--heading-color);
}

body.bilberry-hugo-theme article .content h1 a {
  color: var(--heading-color);
}

body.bilberry-hugo-theme article .content h1 a:hover {
  color: var(--accent);
}

/* Article content typography */
.article-content {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #333;
}

.article-content p {
  margin-bottom: 1.5rem;
}

.article-content h1 {
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 700;
  margin: 2rem 0 1rem;
  color: var(--heading-color);
}

.article-content h2 {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  margin: 2rem 0 0.75rem;
  color: var(--heading-color);
}

.article-content h3 {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 600;
  margin: 1.5rem 0 0.5rem;
  color: var(--heading-color);
}

.article-content h4 {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 600;
  margin: 1.5rem 0 0.5rem;
  color: var(--heading-color);
}

/* Narrow, readable content width */
.container {
  max-width: 700px;
}

/* Blockquotes */
.article-content blockquote {
  font-style: italic;
  border-left: 3px solid var(--accent);
  padding-left: 1.25rem;
  color: #555;
}

/* Code */
.article-content code {
  font-size: 0.95em;
  background-color: var(--accent-light);
  padding: 0.15em 0.35em;
  border-radius: 3px;
}

/* Links in article content */
.article-content a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.article-content a:hover {
  color: var(--accent-dark);
}

/* Override Bilberry highlight color with accent */
.bilberry-hugo-theme a,
.bilberry-hugo-theme .highlight-color {
  color: var(--accent);
}

/* Article title links */
article .content h1 a {
  color: var(--heading-color);
}

article .content h1 a:hover {
  color: var(--accent);
}

/* Tags */
article .footer .tags .links a {
  color: var(--accent);
}

article .footer .tags .links a:hover {
  color: var(--accent-dark);
}

/* Timeline bubble hover */
article .bubble:hover {
  background-color: var(--accent);
}

/* Back to top button */
#back-to-top-button {
  background-color: var(--accent);
}

#back-to-top-button:hover {
  background-color: var(--accent-dark);
}