/* #back-to-top {
    position: fixed;
    top: 64px; 
    z-index: 2;
    display: block;
    padding: 8px 16px;
    margin-inline-start: 50%;
    font-size: 17px;
    color: var(--md-default-fg-color--light);
    cursor: pointer;
    background-color: var(--md-default-bg-color);
    border-radius: 32px;
    outline: none;
    box-shadow: var(--md-shadow-z2);
    transition:
      color 125ms,
      background-color 125ms,
      transform 125ms cubic-bezier(0.4, 0, 0.2, 1),
      opacity 125ms;
    transform: translate(-50%, 0);
  }
  
  @media print {
    #back-to-top {
      display: none;
    }
  }
  
  [dir="rtl"] #back-to-top {
    transform: translate(50%, 0);
  }
  
  #back-to-top[hidden] {
    pointer-events: none;
    opacity: 0;
    transition-duration: 0ms;
    transform: translate(-50%, 4px);
  }
  
  [dir="rtl"] #back-to-top[hidden] {
    transform: translate(50%, 4px);
  }
  
  #back-to-top:is(:focus, :hover) {
    color: var(--md-accent-bg-color);
    background-color: #64649F;
  }
  
  #back-to-top svg {
    display: inline-block;
    vertical-align: -0.5em;
  }*/

  .md-top:is(:focus, :hover) {
    color: var(--md-accent-bg-color);
    background-color: #64649F;
  }

/* Override the header background color */
.md-header {
    position: sticky;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    z-index: 4;
    background-color: #64649F !important;  /* Custom color */
    color: var(--md-primary-bg-color);     /* Keep text color from default palette */
    box-shadow: 0 0 .2rem #0000, 0 .2rem .4rem #0000;
}

/* Override the tabs background color */
.md-tabs {
    background-color: #64649F !important;  /* Custom color for tabs */
    color: var(--md-primary-bg-color);     /* Keep text color from default palette */
}

/* Optionally, adjust text color for better contrast */
.md-tabs .md-tab {
    color: white !important;  /* Adjust tab text color to white for better visibility */
}

:root {
    --md-primary-fg-color: #64649F !important;
  }

.md-footer-meta__inner {
    background-color: rgb(33,33,33) !important;
}

.md-footer__link {
    margin-top: 0.4rem;
}