/* overrides using https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss */
/* matching colors from https://minimals.cc/components/foundation/colors */

[data-md-color-scheme="default"] {
  /* Colors */
  /* Grey[800] */
  --md-primary-fg-color: rgba(33, 43, 54, 1);
  --md-footer-bg-color--dark: var(--md-primary-fg-color);
  /* Primary - Main */
  --md-typeset-a-color: rgba(0, 167, 111, 1);
  /* Primary - Dark */
  --md-accent-fg-color: rgba(0, 120, 103, 1);
}

[data-md-color-scheme="slate"] {
  /* --md-hue: 210; */
  /* Colors */
  /* Grey[800] */
  --md-primary-fg-color: rgba(33, 43, 54, 1);
  --md-footer-bg-color--dark: var(--md-primary-fg-color);
  /* Primary - Main */
  --md-typeset-a-color: rgba(0, 167, 111, 1);
  /* Primary - Dark */
  --md-accent-fg-color: rgba(0, 120, 103, 1);
  /* Grey[900] */
  --md-default-bg-color: rgba(22, 28, 36, 1);
  /* White */
  --md-primary-bg-color: rgba(255, 255, 255, 1);
  /* White */
  --md-default-fg-color--light: rgba(255, 255, 255, 1);
  /* Grey[600] */
  --bd-secondary-bg-color: rgba(42, 43, 50, 1);

  /* Override code syntax highlighting */
  /* Palette: https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss#L90C1-L102C74 */
  --md-code-hl-comment-color: rgb(117, 117, 117, 1);

  .md-nav__link--passed {
    color: rgba(255, 255, 255, 0.5);
  }

  .md-nav__link--active {
    color: var(--md-typeset-a-color);
  }

  .tabbed-labels > label {
    color: rgba(255, 255, 255, 0.6);
  }

  /* Customize callout boxes (aka admonitions) */
  .md-typeset .admonition.note,
  .md-typeset details.note {
    border: 1px solid var(--bd-secondary-bg-color);
  }

  /* Customize all images */
  .md-typeset img {
    border: 1px solid var(--bd-secondary-bg-color);
    border-radius: 8px;
  }

  .md-button {
    border-radius: 8px;
  }

  .quickstart-button {
    width: 318px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
  }

  .quickstart-button span:nth-child(2) {
    margin-left: auto;
  }
}