:root {
  --optiflow-ink: #071321;
  --optiflow-surface: #12283d;
  --optiflow-mint: #72f1c3;
  --optiflow-cyan: #4cc9f0;
  --optiflow-paper: #f5f8fb;
  --md-primary-fg-color: var(--optiflow-ink);
  --md-primary-fg-color--light: var(--optiflow-surface);
  --md-primary-fg-color--dark: #030a12;
  --md-accent-fg-color: #168b69;
  --md-code-hl-string-color: #0f8668;
  --md-text-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --md-code-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", monospace;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--optiflow-ink);
  --md-default-fg-color: var(--optiflow-paper);
  --md-primary-fg-color: #030a12;
  --md-accent-fg-color: var(--optiflow-mint);
  --md-code-hl-string-color: var(--optiflow-mint);
}

.md-header,
.md-tabs {
  background: var(--optiflow-ink);
}

.md-header__title,
.md-tabs__link {
  letter-spacing: 0.02em;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--optiflow-ink);
  font-weight: 750;
  letter-spacing: -0.02em;
}

.md-typeset a {
  text-underline-offset: 0.16em;
}

.md-typeset code {
  border-radius: 0.25rem;
}

.md-typeset .admonition,
.md-typeset details {
  border-color: var(--optiflow-mint);
}