[data-md-color-scheme="whut-sunny"] {
    --md-primary-fg-color:        #00489B;
    --md-primary-fg-color--light: #FBC641;
    --md-primary-fg-color--dark:  #AD976E;
  }

  [data-md-color-scheme="whut-night"] {
    --md-primary-fg-color:        #00489B;
    --md-primary-fg-color--light: #FBC641;
    --md-primary-fg-color--dark:  #AD976E;
  }

[data-md-color-scheme="slate"] {
    --md-primary-fg-color:        #00489B;
    --md-primary-fg-color--light: #FBC641;
    --md-primary-fg-color--dark:  #AD976E;  
}


:root {
    --md-primary-fg-color:        #00489B;
    --md-primary-fg-color--light: #FBC641;
    --md-primary-fg-color--dark:  #AD976E;
  }

.tooltip {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: blue;
}

.tooltip-image {
    visibility: hidden;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position the tooltip above the text */
    left: 50%;
    margin-left: -50px; /* Center the tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltip-image {
    visibility: visible;
    opacity: 1;
}