/* 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: #111317;
  --md-typeset-a-color: #f47003;
}

[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: #f47003;

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

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

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

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

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

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

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

.explicit-col-width th:nth-child(1) {
  width: 17%;
}
.explicit-col-width th:nth-child(2) {
  width: 20%;
}
.explicit-col-width th:nth-child(3) {
  width: 15%;
}

.support-btn {
  font-size: 0.7rem;
  color: black;
  min-width: 5px;
  padding: 3px 10px;
  height: auto;
  width: auto;
  /* static light theme link color  */
  background-color: #ff9b00;
  border-radius: 12px;
}