@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;700&display=swap');

[data-md-color-scheme="slate"] .md-container {
    background-color: #1e1f20;
}

[data-md-color-scheme="slate"] .md-typeset .footnote {
    color: #ccc;
}

[data-md-color-scheme="slate"] body {
    color: #ccc;
}

/* code blocks */
[data-md-color-scheme="slate"] .md-typeset pre {
    color: #f8f8f2;
    background-color: #2b2c2f;
}

[data-md-color-scheme="slate"] .md-typeset code {
    color: #f8f8f2;
    background-color: #2b2c2f;
}

[data-md-color-scheme="slate"] .md-nav__link[data-md-state=blur] {
    color: rgba(230, 230, 230, 0.54);
}

[data-md-color-scheme="slate"] .md-typeset h1 {
    color: #ccc;
}

[data-md-color-scheme="slate"] a footnote-ref::before {
    border-color: #c7bec6;
}

[data-md-color-scheme="slate"] a footnote-ref::before {
    color: #c7bec6;
}

[data-md-color-scheme="slate"] .md-typeset hr {
    border-bottom: .1rem dotted #666;
}

[data-md-color-scheme="slate"] .md-footer {
    background: #2b2c2f;
}

[data-md-color-scheme="slate"] .md-footer-copyright {
    color: #666;
}

[data-md-color-scheme="slate"] .md-footer-nav {
    background: #2b2c2f;
}

[data-md-color-scheme="slate"] .md-nav__title .md-nav__button {
    width: 22.4rem;
}

[data-md-color-scheme="slate"] .md-nav__title {
    color: white;
}

[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #2B2C2F;
    --md-default-bg-color: #1E1F20;
    --md-typeset-a-color: var(--md-default-fg-color);
    --md-accent-fg-color: #00aeef;
    --md-accent-fg-color--transparent: rgba(0, 174, 239, 0.12);
    --md-code-font-family: 'JetBrains Mono', 'Geist Mono', monospace;
}

[data-md-color-scheme="default"] {
    --md-primary-fg-color: #6a6c74;
    --md-accent-fg-color: #00aeef;
    --md-accent-fg-color--transparent: rgba(0, 174, 239, 0.12);
    --md-code-font-family: 'JetBrains Mono', 'Geist Mono', monospace;
}

/* Body font: Inter to match landing page */
body, .md-content, .md-typeset {
    font-family: 'Inter', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Headings: Geist Mono bold. !important overrides Material's font-weight: 300/400 on h1/h2. */
.md-typeset h1, .md-typeset h2, .md-typeset h3 {
    font-family: 'Geist Mono', monospace !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    font-kerning: none !important;
    font-feature-settings: normal !important; /* body inherits "kern","liga" which distorts monospace */
    -webkit-font-smoothing: antialiased;
}

/* Code / mono: match landing page rendering */
.md-typeset code, .md-typeset pre, .md-typeset kbd,
code, pre, kbd {
    font-family: 'JetBrains Mono', 'Geist Mono', monospace;
    font-size: .85em;
    -webkit-font-smoothing: subpixel-antialiased;
    font-variant-ligatures: none;
}

/* Selection color — override Material's palette-driven ::selection */
::selection,
[data-md-color-scheme="slate"] ::selection,
[data-md-color-scheme="default"] ::selection {
    background: #00aeef !important;
    color: #041018 !important;
}

[data-md-color-scheme="slate"] .md-typeset a {
    color: #00aeef;
    text-decoration: underline;
}

[data-md-color-scheme="default"] .md-typeset a {
    color: #00aeef;
    text-decoration: underline;
}

[data-md-color-scheme="slate"] .md-nav__link:active,
[data-md-color-scheme="slate"] .md-nav__link--active {
    color: #00aeef;
}

[data-md-color-scheme="default"] .md-nav__link:active,
[data-md-color-scheme="default"] .md-nav__link--active {
    color: #00aeef;
}

[data-md-color-scheme="slate"] html body .md-typeset .headerlink {
    color: #c7bec6;
}

[data-md-color-scheme="slate"] .md-typeset h1[id]:target .headerlink,
[data-md-color-scheme="slate"] .md-typeset h1[id] .headerlink:focus {
    color: #ececec;
}

[data-md-color-scheme="slate"] .md-typeset h2[id]:target .headerlink,
[data-md-color-scheme="slate"] .md-typeset h2[id] .headerlink:focus {
    color: #ececec;
}

[data-md-color-scheme="slate"] .md-typeset h3[id]:target .headerlink,
[data-md-color-scheme="slate"] .md-typeset h3[id] .headerlink:focus {
    color: #ececec;
}

[data-md-color-scheme="slate"] .md-typeset h4[id]:target .headerlink,
[data-md-color-scheme="slate"] .md-typeset h4[id] .headerlink:focus {
    color: #ececec;
}

[data-md-color-scheme="slate"] .md-typeset h5[id]:target .headerlink,
[data-md-color-scheme="slate"] .md-typeset h5[id] .headerlink:focus {
    color: #ececec;
}

[data-md-color-scheme="slate"] .md-typeset h6[id]:target .headerlink,
[data-md-color-scheme="slate"] .md-typeset h6[id] .headerlink:focus {
    color: #ececec;
}

[data-md-color-scheme="slate"] .md-typeset h5 {
    color: #ccc;
}

[data-md-color-scheme="slate"] .md-typeset h6 {
    color: #ccc;
}

.md-button {
    /* padding: 10px */
    margin-bottom: 5px;
}

/* Noto Emoji — monochrome, logo cyan, bold */
.site-emoji {
    font-family: 'Noto Emoji', sans-serif;
    font-variant-emoji: text;
    color: #00aeef;
    font-weight: 700;
    font-style: normal;
}