/* ===== Bars: only header & footer are black ===== */
/*.md-header,
.md-tabs,
.md-footer {
  background: #000 !important;
  color: #fff !important;
}*/

/* Keep sidebars default (white). Remove any previous .md-sidebar--primary rules! */

/* Header title & icons in white */
.md-header .md-header__title,
.md-header .md-header__ellipsis,
.md-header .md-logo,
.md-header .md-header__button {
  color: #fff !important;
}



/* ===== Brand link color (dark blue) ===== */
:root{
  --brand-link: #0f3d99;         /* dark blue */
  --brand-link-hover: #0c2f79;   /* darker on hover */
  --brand-link-visited: #0a2e6f; /* optional: visited */
}

/* Content links */
.md-typeset a{
  color: var(--brand-link);
  text-decoration: none;
}
.md-typeset a:hover{
  color: var(--brand-link-hover);
  text-decoration: underline;
}
.md-typeset a:visited{
  color: var(--brand-link-visited);
}

/* Active item in sidebar nav */
.md-nav__link--active,
.md-nav__item .md-nav__link--active{
  color: var(--brand-link) !important;
}

/* Buttons (if you used .btn on the home page) */
.md-typeset .btn{
  color: var(--brand-link);
  border-color: #e5e7eb;
  background: #fff;
}
.md-typeset .btn:hover{
  border-color: var(--brand-link);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-link) 22%, transparent);
}

/* Social icon chips under the photo */
.md-typeset .social a.icon{
  color: var(--brand-link);
}
.md-typeset .social a.icon:hover{
  border-color: var(--brand-link);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-link) 22%, transparent);
}


/* Visually hide but keep for screen readers/SEO */
.md-typeset .sr-only{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}


/* only affects the Activities page */
.md-typeset .activities-page h2 { margin-top: 1.2rem; }
.md-typeset .activities-page h3 { margin-top: .8rem; }


.md-header .md-logo img { height: 16px; }  /* try 18–22px */