@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,500;0,600;0,700;1,400;1,500&display=swap');

/* ============================================================
   accents.css — gentle palette + banner harmonization toward joining.htm
   To revert a page, delete its <link rel="stylesheet" href="accents.css"> line.
   Loaded AFTER Bootstrap so these win.
   ============================================================ */

/* Unifying banner signature: the brand wordmark in Spectral on every page */
.navbar-brand {
  font-family: 'Spectral', Georgia, serif;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.2;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

/* Pin every navbar to one fixed height with centered, non-wrapping links */
.navbar {
  min-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
  align-items: center;
  flex-wrap: nowrap;
}
.navbar-nav { flex-wrap: nowrap; }
.navbar .nav-link { white-space: nowrap; }

/* Section/page headings in Spectral too, so the serif reads as an
   intentional system (matches joining.htm). Body text stays sans. */
h1, h2, h3, h4 {
  font-family: 'Spectral', Georgia, serif;
}

/* Banner nav links in Spectral as well, so the whole banner matches joining.htm */
.navbar .nav-link {
  font-family: 'Spectral', Georgia, serif;
}
.navbar .nav-link:hover {
  color: #1e3a8a;
}

/* Profile-card title (name/role banner) in Spectral bold */
.border-primary .card-header h5,
.border-primary .card-header h5 strong {
  font-family: 'Spectral', Georgia, serif;
  font-weight: 700;
}
.border-primary .card-header h5 {
  font-size: 1.3rem;
}

/* Profile-card affiliation block (chair / department / institute) in Spectral */
.affiliation {
  font-family: 'Spectral', Georgia, serif;
}

/* Cool off-white page background (matches joining.htm --paper) */
body {
  background-color: #f0f4f8;
}

/* Body links in the joining navy (matches joining.htm --teal) */
a {
  color: #1e3a8a;
}
a:hover,
a:focus {
  color: #15296b;
}

/* Primary buttons in the same navy */
.btn-primary {
  background-color: #1e3a8a;
  border-color: #1e3a8a;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #15296b;
  border-color: #15296b;
}