/* ── Layout fix: stack home sections vertically ─────────────────────────── */

.content {
  flex-direction: column;
  align-items: stretch;
}

/* ── Motto ──────────────────────────────────────────────────────────────── */

.motto {
  margin-top: 0.5rem;
  font-size: 1.6rem;
  opacity: 0.7;
}

/* ── Home ────────────────────────────────────────────────────────────────── */

.home-latest {
  margin-top: 2rem;
}

.post-excerpt {
  margin: 0.2rem 0 0;
  font-size: 1.4rem;
  opacity: 0.7;
}

.see-all {
  display: inline-block;
  margin-top: 0.4rem;
  font-size: 1.4rem;
}

/* ── Posts list ─────────────────────────────────────────────────────────── */

.posts-list a {
  color: #1a237e !important;
}

/* ── Projects list ──────────────────────────────────────────────────────── */

.list ul li {
  margin-bottom: 1.6rem;
}

.project-link {
  flex: 1;
  font-weight: 600;
  color: #1a237e !important;
}

.projects-list li .post-excerpt {
  flex: 2;
  margin: 0;
}

/* ── Bold titles site-wide ───────────────────────────────────────────────── */

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
li a.title {
  font-weight: 700;
}

/* ── Light mode ─────────────────────────────────────────────────────────── */

body {
  background-color: #f5f7ff;
}

.navigation {
  background-color: #1a237e;
}

.navigation a {
  color: #ffffff !important;
}

/* WCAG fix: hamburger icon (#212121 on #1a237e = 1.22:1 → now white = 13:1) */
.navigation .menu-button i {
  color: #ffffff;
}

/* Mobile dropdown: light bg with dark links so it visually separates from nav bar */
@media only screen and (max-width: 768px) {
  .navigation .navigation-list a {
    color: #1a237e !important;
  }
}

.navigation-title {
  color: #ffffff !important;
}

.footer {
  background-color: #1a237e;
  color: rgba(255, 255, 255, 0.8);
}

.footer a {
  color: #90caf9;
}

/* Accent only on post/page content headings, not on home page info or section titles */
article h1, article h2, article h3, article h4, article h5, article h6 {
  color: #1a237e;
}

blockquote {
  border-left-color: #3949ab;
}

code:not(pre code) {
  background-color: #e8eaf6;
  color: #1a237e;
}

.tag a, .tag {
  background-color: #e0f2f1;
  color: #00695c !important;
}

.tag a:hover {
  background-color: #b2dfdb;
}

/* WCAG fix: #00838f on #eef0fd = 3.99:1 (fail) → #006064 = 6.5:1 (pass) */
.see-all {
  color: #006064 !important;
  font-weight: 600;
}

/* ── Dark mode ──────────────────────────────────────────────────────────── */

@media (prefers-color-scheme: dark) {
  body {
    background-color: #1a1a2e;
  }

  .navigation {
    background-color: #0d1560;
  }

  .navigation a {
    color: #ffffff !important;
  }

  @media only screen and (max-width: 768px) {
    .navigation .navigation-list a {
      color: #90caf9 !important;
    }
  }

  .navigation-title {
    color: #90caf9 !important;
  }

  .footer {
    background-color: #0d1560;
    color: rgba(255, 255, 255, 0.8);
  }

  .footer a {
    color: #90caf9;
  }

  .posts-list a {
    color: #90caf9 !important;
  }

  .project-link {
    color: #90caf9 !important;
  }

  .projects-list li .post-excerpt {
    opacity: 0.6;
  }

  article h1, article h2, article h3, article h4, article h5, article h6 {
    color: #90caf9;
  }

  blockquote {
    border-left-color: #5c6bc0;
  }

  code:not(pre code) {
    background-color: #1a2744;
    color: #90caf9;
  }

  .tag a, .tag {
    background-color: #004d40;
    color: #80cbc4 !important;
  }

  .tag a:hover {
    background-color: #00695c;
  }

  .see-all {
    color: #4db6ac !important;
    font-weight: 600;
  }

}