/* The landing page's palette (splitflap.iothing.net), applied to Material. Dark only, like the site. */
:root, [data-md-color-scheme="slate"] {
  --bg:#0b0d10; --bg2:#101318; --card:#161a20; --card2:#1b2028; --line:#262c36;
  --text:#e8e6e1; --muted:#9aa3af; --amber:#f5b942; --amber-dim:#c9922a; --green:#7bd88f;
  --mono:ui-monospace,'SFMono-Regular','Cascadia Mono','JetBrains Mono',Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;

  --md-default-bg-color:var(--bg);
  --md-default-fg-color:var(--text);
  --md-default-fg-color--light:var(--muted);
  --md-default-fg-color--lighter:#6b7480;
  --md-default-fg-color--lightest:var(--line);
  --md-primary-fg-color:var(--bg);
  --md-primary-bg-color:var(--text);
  --md-accent-fg-color:var(--amber);
  --md-accent-fg-color--transparent:rgba(245,185,66,.12);
  --md-typeset-color:var(--text);
  --md-typeset-a-color:var(--amber);
  --md-code-bg-color:var(--card);
  --md-code-fg-color:var(--text);
  --md-admonition-bg-color:var(--card);
  --md-footer-bg-color:var(--bg2);
  --md-footer-bg-color--dark:var(--bg);
  --md-footer-fg-color:var(--muted);
  --md-footer-fg-color--light:var(--muted);
  --md-footer-fg-color--lighter:#6b7480;
  --md-typeset-table-color:var(--line);
  --md-typeset-kbd-color:var(--card2);
  --md-text-font:var(--sans);
  --md-code-font:var(--mono);
}
body{font-family:var(--sans)}
.md-header{background:rgba(11,13,16,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:none;color:var(--text)}
.md-header__title{display:none}
.sf-brand{font-family:var(--mono);font-weight:700;letter-spacing:.08em;font-size:15px;color:var(--text);white-space:nowrap}
.sf-brand span{color:var(--amber)}
.md-header__button.md-logo{padding:.4rem .6rem}
.md-header__button.md-logo img,.md-header__button.md-logo svg{display:none}
.md-search__form{background:var(--card);border:1px solid var(--line)}
.md-search__input{color:var(--text)} .md-search__input::placeholder{color:var(--muted)}
.md-search__output{background:var(--card)}
.md-tabs{display:none}
.md-sidebar .md-nav__title{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;background:transparent;box-shadow:none}
.md-nav__item .md-nav__link--active,.md-nav__link:hover{color:var(--amber)}
.md-nav--primary .md-nav__title{background:transparent}
.md-typeset h1{color:var(--text);font-weight:700;letter-spacing:-.02em}
.md-typeset h2{font-weight:700;letter-spacing:-.02em}
.md-typeset a{color:var(--amber)} .md-typeset a:hover{color:var(--amber-dim)}
.md-typeset code{background:var(--card);border:1px solid var(--line);border-radius:4px}
.md-typeset pre>code{border:none}
.md-typeset .highlight{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.md-typeset table:not([class]){border:1px solid var(--line);border-radius:8px;overflow:hidden}
.md-typeset table:not([class]) th{background:var(--card);color:var(--text)}
.md-typeset table:not([class]) td,.md-typeset table:not([class]) th{border-color:var(--line)}
.md-typeset blockquote{border-left:3px solid var(--amber);color:var(--muted)}
.md-typeset .admonition,.md-typeset details{border:1px solid var(--line);background:var(--card);box-shadow:none}
.md-typeset img{border:1px solid var(--line);border-radius:12px}
.md-footer{border-top:1px solid var(--line)}
.md-footer-meta{background:var(--bg)}
.md-footer-meta .md-footer-meta__inner{font-size:.65rem}
.md-footer__inner{padding:1rem 0}
.md-source{color:var(--muted)}
hr{border-color:var(--line)}
[data-md-color-scheme="slate"] .md-typeset .md-button{border:1px solid var(--line);color:var(--text);border-radius:8px}
[data-md-color-scheme="slate"] .md-typeset .md-button--primary{background:var(--amber);color:#1a1206;border-color:var(--amber)}
@media screen and (min-width:76.25em){.md-nav--primary>.md-nav__title{display:none}}
