/* color definitions: https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss */

/* these colors apply to 'slate' theme as it is a 'built-in' one */
:root {
  --md-primary-bg-color: #dd6600;
  --md-typeset-a-color: #dd6600;
}



[data-md-color-scheme='custom-light'] {
  --md-primary-bg-color: white;
  /* --md-primary-bg-color--light: green; */

  --md-primary-fg-color: #161616;
  --md-primary-fg-color-light: white;
  --md-primary-fg-color-dark: #1d262f;

  /* --md-primary-bg-color: #1d262f; */
  /* --md-primary-bg-color--light: yellow; */

  --md-typeset-a-color: #dd6600;

  /* hover */
  --md-accent-fg-color: #dd6600;
}

/* must be slate */
[data-md-color-scheme='slate'] {
  --md-primary-bg-color: white;

  --md-primary-fg-color: #161616;

  --md-typeset-a-color: #dd6600;

  /* hover */
  --md-accent-fg-color: #dd6600;
}

.md-tabs {
  /* also the footer bg color */
  background-color: #dd6600;
}

@media (prefers-color-scheme: dark) {
  .md-button {
    color: rgba(226, 228, 233, 0.82) !important;
    border: .1rem #161616 solid !important;
  }
}