/*
  Revolutio product palette — aligned with revolutio-webapp (App.css / login).
    Navy     #101820   header / sidebar
    Slate    #323F4C   nav hover / active
    Ink      #171B1F   headings
    Body     #4D4B5E   body text
    Muted    #767389 / #8E8E93
    Cyan     #00C0E8 / #5EBDEB / #61B6DA  accent (logo swirl)
    Blue     #3271A4 / #5476A6            links / buttons
    Danger   #EB4B63
    Tint     #C7C2E7
*/

:root {
  --rev-navy: #101820;
  --rev-slate: #323F4C;
  --rev-ink: #171B1F;
  --rev-body: #4D4B5E;
  --rev-muted: #767389;
  --rev-cyan: #00C0E8;
  --rev-cyan-soft: #5EBDEB;
  --rev-blue: #3271A4;
  --rev-blue-hover: #285F8B;
  --rev-btn: #5476A6;
  --rev-danger: #EB4B63;
  --rev-tint: rgba(199, 194, 231, 0.33);
  --rev-line: #E5E5EA;

  --md-primary-fg-color: #101820;
  --md-primary-fg-color--light: #323F4C;
  --md-primary-fg-color--dark: #0a1016;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #00C0E8;
  --md-accent-fg-color--transparent: rgba(0, 192, 232, 0.12);
  --md-typeset-a-color: #3271A4;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #101820;
  --md-primary-fg-color--light: #323F4C;
  --md-accent-fg-color: #5EBDEB;
  --md-typeset-a-color: #5EBDEB;
  --md-default-bg-color: #101820;
  --md-default-fg-color: rgba(255, 255, 254, 0.92);
  --md-default-fg-color--light: rgba(255, 255, 254, 0.72);
  --md-default-fg-color--lighter: rgba(255, 255, 254, 0.45);
  --md-code-bg-color: #171B1F;
}

/* Header: navy, logo sized like the product wordmark */
.md-header {
  background-color: var(--rev-navy);
  box-shadow: none;
}

.md-header__button.md-logo {
  padding: 0.2rem 0.4rem 0.2rem 0;
  margin: 0;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.35rem;
  width: auto;
  max-width: 11rem;
}

.md-header__title {
  font-weight: 500;
}

/* Hide redundant site name next to the wordmark on wide screens */
@media screen and (min-width: 76.25em) {
  .md-header__topic:first-child {
    font-size: 0;
  }
}

/* Tabs under header */
.md-tabs {
  background-color: var(--rev-navy);
  border-top: 1px solid rgba(255, 255, 254, 0.08);
}

.md-tabs__link {
  opacity: 0.72;
  font-weight: 500;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  opacity: 1;
  color: var(--rev-cyan-soft);
}

/* Left nav */
.md-nav--primary .md-nav__title {
  background: transparent;
}

.md-nav__link--active {
  color: var(--rev-blue);
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  color: var(--rev-cyan-soft);
}

.md-nav__item .md-nav__link:hover {
  color: var(--rev-cyan);
}

/* Content type */
.md-typeset {
  color: var(--rev-body);
  font-weight: 400;
}

[data-md-color-scheme="slate"] .md-typeset {
  color: rgba(255, 255, 254, 0.86);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--rev-ink);
  font-weight: 700;
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3 {
  color: #fffffe;
}

.md-typeset a:hover {
  color: var(--rev-blue-hover);
}

.md-typeset table:not([class]) th {
  background: var(--rev-tint);
  color: var(--rev-ink);
  font-weight: 500;
  border-bottom-color: var(--rev-line);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background: var(--rev-slate);
  color: #fffffe;
}

.md-typeset code {
  font-size: 0.85em;
}

/* Admonitions / tabs */
.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: var(--rev-cyan);
}

.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: #e6a817;
}

/* Footer */
.md-footer {
  background-color: var(--rev-navy);
}

.md-footer-meta {
  background-color: #0a1016;
}

/* Search */
.md-search__form {
  background-color: rgba(255, 255, 254, 0.1);
}

.md-search__input::placeholder {
  color: rgba(255, 255, 254, 0.55);
}