[data-md-color-scheme="default"] {
    /*--md-default-bg-color:#dedede;*/
    --md-typeset-a-color:#41a6f6 !important;
    --md-accent-fg-color:#5fbcff !important;
    --md-primary-fg-color--light: #5fbcff !important;
    --md-primary-fg-color--dark:  #41a6f6 !important;
    --md-primary-fg-color: var(--md-default-fg-color)!important;
    --md-accent-fg-color: var(--md-default-fg-color--light)!important;
  }

  [data-md-color-scheme="slate"] {
    /*--md-default-bg-color:#202338;*/
    --md-typeset-a-color:#41a6f6 !important;
    --md-accent-fg-color:#5fbcff !important;
  }

  /*:root {
    --md-primary-fg-color:        #41a6f6;
    --md-primary-fg-color--light: #5fbcff;
    --md-primary-fg-color--dark:  #41a6f6;
  }*/



  /* doc img interaction */

  .img-interaction{
    position: relative;
    max-width: 1000px;
  }
  
  .img-interaction .btn{
    position: absolute;
    z-index: 8;
    width: 35px;
    border-radius:50px;
    background: var(--md-typeset-a-color);
  }

  .img-interaction .btn:visited{
    color: var(--md-primary-fg-color);
    border-color: var(--md-primary-fg-color);
  }
  
  .img-interaction img {
    width: 100%;
    height: auto;
  }

  /* shared hero / 404 action buttons */
  .tx-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.1rem;
    padding: 0.8rem 1.5rem;
    border-radius: 4px;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
    border: 2px solid transparent;
    cursor: pointer;
  }

  .tx-btn-primary {
    background-color: var(--md-typeset-a-color, #41a6f6);
    color: #1a1c2d !important;
    border-color: var(--md-typeset-a-color, #41a6f6);
  }

  .tx-btn-secondary {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.3);
  }

  .tx-btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #fff;
  }