/* Texelator identity: primary #1E1F23, secondary #FFFFFF, accent #FF6A00. */

[data-md-color-scheme="texelator-light"] {
  --md-primary-fg-color: #1e1f23;
  --md-primary-fg-color--light: #303138;
  --md-primary-fg-color--dark: #0c0d10;
  --md-accent-fg-color: #ff6a00;
  --md-accent-fg-color--transparent: rgba(255, 106, 0, 0.16);
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #1e1f23;
  --md-default-fg-color--light: #464950;
  --md-default-fg-color--lighter: #737780;
  --md-code-bg-color: #f3f4f6;
  --md-code-fg-color: #1e1f23;
  --md-typeset-a-color: #b74700;
}

[data-md-color-scheme="texelator-dark"] {
  --md-primary-fg-color: #0c0d10;
  --md-primary-fg-color--light: #1e1f23;
  --md-primary-fg-color--dark: #000000;
  --md-accent-fg-color: #ff6a00;
  --md-accent-fg-color--transparent: rgba(255, 106, 0, 0.20);
  --md-default-bg-color: #1e1f23;
  --md-default-fg-color: #ffffff;
  --md-default-fg-color--light: #d9dadd;
  --md-default-fg-color--lighter: #aaadb4;
  --md-code-bg-color: #292a2f;
  --md-code-fg-color: #ffffff;
  --md-typeset-a-color: #ff8b3d;
}

/* Brand accents remain high contrast: use dark text over orange buttons. */
.md-header,
.md-tabs {
  background-color: var(--md-primary-fg-color);
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2rem;
  width: 2rem;
}

.md-typeset a {
  font-weight: 600;
}

.md-typeset .md-button--primary {
  background-color: #ff6a00;
  border-color: #ff6a00;
  color: #1e1f23;
}

.md-typeset .md-button--primary:hover {
  background-color: #e85f00;
  border-color: #e85f00;
  color: #1e1f23;
}

.md-tabs__link--active,
.md-tabs__link:hover,
.md-nav__link--active,
.md-nav__link:hover {
  color: #ff6a00;
}

.md-nav__item .md-nav__link--active {
  font-weight: 700;
}

.md-search__input {
  background-color: rgba(255, 255, 255, 0.12);
}

.texelator-cover {
  background: #0c0d10;
  border: 1px solid #303138;
  border-radius: 0.2rem;
  line-height: 0;
  margin: 0 0 1.5rem;
  overflow: hidden;
}

.texelator-cover img {
  display: block;
  height: auto;
  margin: 0;
  max-width: 100%;
  width: 100%;
}

[data-md-color-scheme="texelator-dark"] .md-typeset table:not([class]) {
  background-color: #292a2f;
}

[data-md-color-scheme="texelator-dark"] .md-typeset table:not([class]) th {
  background-color: #303138;
}

[data-md-color-scheme="texelator-light"] .md-typeset table:not([class]) th {
  background-color: #f3f4f6;
}