:root {
  --labmetrics-primary: #071d49;
  --labmetrics-secondary: #123952;
  --labmetrics-tertiary: #d9eaf5;
  --labmetrics-text: #3c3c3c;
  --labmetrics-text-muted: rgba(60, 60, 60, 0.68);
  --labmetrics-border: #d9e2ec;
  --labmetrics-surface: #ffffff;

  --md-primary-fg-color: var(--labmetrics-primary);
  --md-primary-fg-color--light: var(--labmetrics-secondary);
  --md-primary-fg-color--dark: #04142f;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: var(--labmetrics-secondary);
  --md-accent-fg-color--transparent: rgba(18, 57, 82, 0.12);
  --md-default-fg-color: var(--labmetrics-text);
  --md-default-fg-color--light: var(--labmetrics-text-muted);
  --md-typeset-a-color: var(--labmetrics-secondary);
}

[data-md-color-primary="custom"] {
  --md-primary-fg-color: var(--labmetrics-primary);
  --md-primary-fg-color--light: var(--labmetrics-secondary);
  --md-primary-fg-color--dark: #04142f;
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--labmetrics-secondary);
  --md-accent-fg-color--transparent: rgba(18, 57, 82, 0.12);
}

body {
  font-family: "Geologica", "Inter", "Segoe UI", Arial, sans-serif;
}

.md-header,
.md-tabs {
  background-color: var(--labmetrics-primary);
}

.md-search__form {
  background-color: rgba(255, 255, 255, 0.16);
  border-radius: 10px;
}

.md-search__form:hover {
  background-color: rgba(255, 255, 255, 0.22);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--labmetrics-primary);
  font-weight: 600;
}

.md-typeset h1 {
  border-bottom: 1px solid var(--labmetrics-border);
  padding-bottom: 0.35rem;
}

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

.md-typeset img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1rem 0 1.25rem;
  border: 1px solid var(--labmetrics-border);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(7, 29, 73, 0.12);
}

.md-typeset code {
  border-radius: 6px;
}

.md-nav__link--active,
.md-nav__link[aria-current="page"] {
  color: var(--labmetrics-secondary);
  font-weight: 700;
}

.md-typeset table:not([class]) {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 0 1px var(--labmetrics-border);
}

.md-typeset table:not([class]) th {
  background-color: var(--labmetrics-tertiary);
  color: var(--labmetrics-primary);
}