/* ================================================================ */
/* LAYOUT */
/* ================================================================ */

.md-grid {
  max-width: 80%;
}

/* ================================================================ */
/* TYPOGRAPHY - Increase base font size */
/* ================================================================ */

:root {
  /* Increase all text by ~12% */
  font-size: 1.3rem;
}

/* ================================================================ */
/* NAVIGATION - Visual hierarchy and spacing */
/* ================================================================ */

/* More vertical space between navigation items */
.md-nav__item {
  margin-bottom: 0.15rem;
}

/* Top-level sections - bold and prominent */
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
  font-weight: 700;
  margin-top: 0.3rem;
}

/* Second-level items - medium weight */
.md-nav--primary .md-nav__item .md-nav__item > .md-nav__link {
  font-weight: 500;
}

/* Third-level items - normal weight, slightly faded */
.md-nav--primary .md-nav__item .md-nav__item .md-nav__item > .md-nav__link {
  font-weight: 400;
  opacity: 0.85;
}

/* ================================================================ */
/* COLOR SCHEME */
/* ================================================================ */

[data-md-color-scheme="slate"] {
  --md-hue: 205;
  --md-primary-fg-color: rgb(0, 68, 88);
  --md-primary-fg-color--light: #f0f0f0;
  --md-typeset-a-color: #f0f0f0;
}
