:root {
  /* Primary Base Color (#151E3D) - Used for buttons, active links, etc. */
  --md-primary-fg-color:        #151E3D;
  
  /* Headers / Icons Color (#00565F) - Used for hover states and subtle highlights */
  --md-primary-fg-color--light: #00565F; 
  
  /* Darker shade for pressed states (Calculated from Primary Base) */
  --md-primary-fg-color--dark:  #0a0f21; 
  
  /* Accent Color (#02DED8) - Used for floating action buttons and text accents */
  --md-accent-fg-color:         #02DED8;
  --md-accent-fg-color--transparent: rgba(2, 222, 216, 0.1);

  /* Optional: Use the Neutral Color for the site background */
  --md-default-bg-color:        #F5F6F7;
}

/* Apply the Signature Gradient to the top navigation bar */
.md-header {
  background: linear-gradient(to right, #151E3D, #276366) !important;
}

/* Ensure header text and icons remain pure white against the dark gradient */
.md-header {
  color: #ffffff !important;
}

/* Use the 'Soft Fills' color (#4CC1B0) for the Info Callout Boxes */
:root {
  --md-admonition-bg-color:     #ffffff;
}
.md-typeset .admonition.info, .md-typeset details.info {
  border-color: #4CC1B0;
}
.md-typeset .info > .admonition-title, .md-typeset .info > summary {
  background-color: rgba(76, 193, 176, 0.1);
  border-color: #4CC1B0;
}
.md-typeset .info > .admonition-title::before, .md-typeset .info > summary::before {
  background-color: #4CC1B0;
}
/* Force the logo in the header to be pure white for contrast */
.md-header .md-logo img {
  filter: brightness(0) invert(1);
}
/* =========================================================
   LINK & NAVIGATION COLORS (Forced Overrides)
   ========================================================= */

/* 1. Main Content Hyperlinks (Bulleted lists, Related Articles) */
.md-content a:not(.md-button),
.md-typeset a:not(.md-button) {
  color: #00565F !important; 
  transition: color 0.2s ease-in-out;
}

/* Hover state for main content links */
.md-content a:not(.md-button):hover,
.md-typeset a:not(.md-button):hover {
  color: #02DED8 !important;
}

/* 2. Left Navigation (Active Pages and Expanded Folders) */
.md-nav__link--active,
.md-nav__item--active > .md-nav__link {
  color: #00565F !important;
  font-weight: 700 !important;
}

/* Hover state for Left Navigation */
.md-nav__link:hover {
  color: #02DED8 !important;
}

/* 3. Right Table of Contents (Active Scroll Indicator) */
.md-sidebar--secondary .md-nav__link--active,
.md-sidebar--secondary .md-nav__item--active > .md-nav__link {
  color: #00565F !important;
}