/*
 * PI Research overrides, loaded right after wowchemy.css (see app/layout.tsx).
 * Rules here win over wowchemy rules with the same selector because they come later.
 */

/* ---------- Self-hosted fonts (#24) ----------
 * next/font (app/layout.tsx) defines --font-poppins and --font-montserrat on <html>.
 * These rules replace wowchemy's font stacks that pointed at the Google Fonts names. */
html,
.navbar-light {
  font-family: var(--font-poppins), poppins, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.section-subheading {
  font-family: var(--font-montserrat), montserrat, sans-serif;
}

pre,
code {
  font-family: var(--font-poppins), poppins, monospace;
}

/* ---------- Link contrast (#19) ----------
 * #00a6d6 on white is about 2.8:1. Text links use #007ea3 (4.6:1); buttons, badges,
 * icons and other accents keep the TU Delft cyan. */
a,
.home-section.light a,
.navbar-light .navbar-text a {
  color: #007ea3;
}

a:hover,
a:focus,
.article-metadata a:hover,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: #005f7a;
}

/* ---------- Minimum font sizes (#19) ---------- */
footer p,
.custom_site_footer {
  font-size: 0.8rem;
}

/* The copyright line in components/Footer.tsx has an inline font size of 0.6rem. */
footer .copyright {
  font-size: 0.8rem !important;
}

.search-hit-description {
  font-size: 0.85rem;
}

.people-widget .portrait-title h3,
ul.ul-edu li .description p.institution,
.card .card-text p,
figure figcaption {
  font-size: 0.8rem;
}

/* wowchemy sets list previews to 0.5rem; app/globals.css meant to show them at 1rem but loads earlier. */
.card-simple .article-style,
.media.stream-item .article-style {
  font-size: 0.9rem;
}

/* Person pages: the name is the page's <h1> (#19); keep the look of the old <h2>. */
.portrait-title h1 {
  font-size: 1.75em;
  font-weight: 300;
  color: #000;
  margin: 20px 0 10px;
}