/* Invert a solid black logo to white in Dark Mode */
[data-md-color-scheme="slate"] .md-header .md-logo img {
    filter: invert(1) brightness(2);
  }
  
  /* =========================================
     PURE MONOCHROME THEME & HOVER STYLING
     ========================================= */
  
  /* --- LIGHT MODE --- */
  [data-md-color-scheme="default"] {
    /* Base text and link colors */
    --md-text-color: #000000;
    --md-typeset-a-color: #000000; 
    
    /* Kill the blue: Set the accent/hover color to a sleek dark gray */
    --md-accent-fg-color: #666666; 
    --md-accent-fg-color--transparent: rgba(0, 0, 0, 0.1);
    --md-accent-bg-color: #e0e0e0;
  
    /* Make the main reading background pure white */
    --md-default-bg-color: #ffffff;
  }
  
  /* Sidebar styling (Removed the right border!) */
  [data-md-color-scheme="default"] .md-sidebar--primary {
    background-color: #ffffff; 
    border-right: none; 
  }
  
  /* Sticky title with descending gradient fade */
  [data-md-color-scheme="default"] .md-nav__title {
    background-color: #ffffff !important;
    box-shadow: none !important;
    position: sticky; 
  }
  [data-md-color-scheme="default"] .md-nav__title::after {
    content: "";
    position: absolute;
    top: 100%; 
    left: 0;
    width: 100%;
    height: 24px; 
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none; 
  }
  
  
  /* --- DARK MODE --- */
  [data-md-color-scheme="slate"] {
    /* Base text and link colors */
    --md-text-color: #ffffff;
    --md-typeset-a-color: #ffffff; 
    
    /* Kill the blue: Set the accent/hover color to a crisp light gray */
    --md-accent-fg-color: #a3a3a3; 
    --md-accent-fg-color--transparent: rgba(255, 255, 255, 0.1);
    --md-accent-bg-color: #333333;
  
    /* Make the main reading background a true, deep black */
    --md-default-bg-color: #0a0a0a; 
  }
  
  /* Sidebar styling (Removed the right border!) */
  [data-md-color-scheme="slate"] .md-sidebar--primary {
    background-color: #000000; 
    border-right: none; 
  }
  
  /* Sticky title with descending gradient fade */
  [data-md-color-scheme="slate"] .md-nav__title {
    background-color: #000000 !important;
    box-shadow: none !important;
    position: sticky;
  }
  [data-md-color-scheme="slate"] .md-nav__title::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 24px;
    background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
  }
  
  
  /* --- SIDEBAR PADDING FIX --- */
  .md-sidebar--primary .md-sidebar__scrollwrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  /* =========================================
     ACTIVE SIDEBAR TAB HIGHLIGHTING
     ========================================= */
  
  /* --- LIGHT MODE --- */
  /* Make the selected tab bold and pure black so it stands out */
  [data-md-color-scheme="default"] .md-nav__link--active {
    color: #000000 !important;
    font-weight: 700 !important;
  }
  
  /* --- DARK MODE --- */
  /* Kill the rogue blue and make the selected tab bold and pure white */
  [data-md-color-scheme="slate"] .md-nav__link--active {
    color: #ffffff !important;
    font-weight: 700 !important;
  }
