/* Match heata brand styling */

:root {
  --md-primary-fg-color: #ffffff;
  --md-primary-bg-color: #333333;
  --md-accent-fg-color: #f04552;
  --md-accent-bg-color: #fde8ea;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #fafafa;
  --md-typeset-color: #333333;
}

/* Header bar */
.md-header {
  background-color: #ffffff;
  box-shadow: 0 1px 0 #e0e0e0;
}

.md-header__title {
  color: #333333;
}

/* Nav links in header */
.md-tabs {
  background-color: #ffffff;
  border-bottom: 1px solid #e0e0e0;
}

.md-tabs__link {
  color: #666666;
}

.md-tabs__link--active {
  color: #333333;
  border-bottom: 2px solid #f04552;
}

.md-tabs__link:hover {
  color: #f04552;
}

/* Headings - light weight like the ticker demo */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 400;
}

.md-typeset h2 {
  border-top: 1px solid #e0e0e0;
  padding-top: 24px;
}

/* Links */
.md-typeset a {
  color: #f04552;
}

.md-typeset a:hover {
  color: #d83640;
}

/* Code blocks */
.md-typeset code {
  background: #f0f0f0;
  color: #333333;
}

.md-typeset pre > code {
  background: #2b2b2b;
  color: #f8f8f2;
}

/* Search */
.md-search__input {
  background-color: #f5f5f5;
}

/* Navigation sidebar active item */
.md-nav__link--active {
  color: #f04552 !important;
}