:root  > * {
  --md-default-bg-color: #192236;
  --md-default-fg-color: #cde6f4;
  --md-primary-fg-color: #192236;
  --md-primary-bg-color: #cde6f4;
  --md-footer-bg-color:  #192236;
  --md-footer-fg-color:  #cde6f4;
  --md-accent-fg-color:  #1a5b97;
  --md-accent-bg-color:  #1a5b97;
  --md-nav-link-color:          #b0b0b0; 
  --md-nav-link-color--hover:   #ffffff;
  --md-nav-link-color--active:  #cde6f4;
  --md-code-bg-color:           #0f141f; 
  --md-code-fg-color:           #a5b3bb; 
  --md-code-hl-color:           rgba(26, 91, 151, 0.3);
}

.md-grid {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.md-content {
    max-width: none;
}

.md-main__inner {
    margin-top: 1rem;
}

.md-typeset h1, 
.md-typeset h2, 
.md-typeset h3 {
  color: #cde6f4;
}

/* 3. Navigation Item Hover State */
.md-nav__link:hover {
  color: var(--md-nav-link-color--hover);
  background-color: rgba(255, 255, 255, 0.05);
}

/* 4. The "Current Page" indicator and text */
.md-nav__item--active > .md-nav__link {
  color: var(--md-nav-link-color--active);
  font-weight: 700;
}

/* 5. Sidebar Title/Header */
.md-nav__title {
  color: #cde6f4;
}

.md-nav--secondary .md-nav__title {
  color: #cde6f4;
  font-weight: 700;
}

/* 2. ToC Links (Default State) */
.md-nav--secondary .md-nav__link {
  color: #b0b0b0;
  border-left: 2px solid transparent; /* Prepare for the active indicator */
  transition: all 0.2s ease;
}

/* 3. ToC Hover State */
.md-nav--secondary .md-nav__link:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.03);
}

/* 4. Active "Scroll-Spy" Link (The one the user is currently reading) */
.md-nav--secondary .md-nav__link[data-md-state="active"],
.md-nav--secondary .md-nav__item--active > .md-nav__link {
  color: #cde6f4; /* Your accent color */
  border-left-color: #cde6f4;
  font-weight: 600;
}

/* 5. Hide the border for the ToC title so it doesn't look like a link */
.md-nav--secondary .md-nav__title[data-md-state="active"] {
  border-left-color: transparent;
}

/* 1. Code Block Container & Line Numbers */
:root {
  --md-code-bg-color:           #121212; /* Background inside the block */
  --md-code-fg-color:           #dcdccc; /* Default text inside the block */
  --md-code-hl-color:           rgba(255, 204, 0, 0.15); /* Highlighted lines */
}

/* 2. Style the actual block and line numbers column */
.md-typeset pre {
  background-color: var(--md-code-bg-color);
  border-radius: 4px;
}

.md-typeset .md-code__nav, 
.md-typeset .md-code__table {
  background-color: var(--md-code-bg-color);
}

.md-typeset .md-code__linenums {
  color: #555555;
  background-color: #0d0d0d; /* Slightly darker gutter */
  border-right: 1px solid #222;
}

/* 3. Code Block Copy Button */
.md-clipboard {
  color: #666;
}

.md-clipboard:hover {
  color: #cde6f4;
}

/* 4. Inline code (code within sentences) */
.md-typeset code {
  background-color: rgba(255, 255, 255, 0.1);
  color: #cde6f4;
  border-radius: 2px;
}