/* ===========================================
   SIMPLE LOGO AND HEADER CUSTOMIZATION
   =========================================== */

/* Header styling - black background */
.md-header {
  background-color: #000000 !important;
}

/* Logo styling - bigger */
.md-header__button.md-logo img {
  height: 48px !important;
  width: auto !important;
}

/* Simple navigation enhancements */
.md-nav__link:hover {
  background-color: rgba(241, 56, 70, 0.1);
  color: #F13846;
}

.md-nav__link--active {
  background-color: rgba(241, 56, 70, 0.15);
  color: #F13846;
  font-weight: 600;
}

/* Remove navigation arrows */
.md-nav__link::before,
.md-nav__link::after,
.md-nav__item--nested > .md-nav__link::before,
.md-nav__item--nested > .md-nav__link::after {
  display: none !important;
}

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

/* Simple typography */
.md-typeset h1 {
  font-family: "Exo", sans-serif;
  font-weight: 600;
}

.md-typeset h2 {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
}

.md-typeset {
  font-family: "Exo 2", sans-serif;
  font-weight: 400;
}

body {
  font-family: "Exo 2", sans-serif;
  font-weight: 400;
}