/* SpeedyNodes brand skin for Material for MkDocs — matches the marketing site:
   near-black background, emerald/cyan accents, Plus Jakarta Sans + JetBrains Mono.
   Loaded after Material's own CSS, so these overrides win. */

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

:root {
  --md-text-font: "Plus Jakarta Sans", system-ui, sans-serif;
  --md-code-font: "JetBrains Mono", ui-monospace, monospace;
}

/* ── Dark (slate) scheme → near-black + emerald ───────────────────────────── */
[data-md-color-scheme="slate"] {
  /* page surfaces */
  --md-default-bg-color:           hsl(220 12% 3%);   /* ~#050506 */
  --md-default-bg-color--light:    hsl(220 12% 6%);
  --md-default-bg-color--lighter:  hsl(220 12% 10%);
  --md-default-bg-color--lightest: hsl(220 12% 14%);

  /* text */
  --md-default-fg-color:           hsla(0 0% 100% / 0.92);
  --md-default-fg-color--light:    hsla(0 0% 100% / 0.62);
  --md-default-fg-color--lighter:  hsla(0 0% 100% / 0.34);
  --md-default-fg-color--lightest: hsla(0 0% 100% / 0.12);

  /* header / nav bar → near-black (not a coloured bar) with light text */
  --md-primary-fg-color:           hsl(220 14% 5%);
  --md-primary-fg-color--light:    hsl(220 14% 9%);
  --md-primary-fg-color--dark:     hsl(220 14% 3%);
  --md-primary-bg-color:           hsla(0 0% 100% / 0.95);
  --md-primary-bg-color--light:    hsla(0 0% 100% / 0.70);

  /* accents → emerald / cyan */
  --md-accent-fg-color:            #34d399;
  --md-accent-fg-color--transparent: rgba(52, 211, 153, 0.10);
  --md-typeset-a-color:            #34d399;

  /* code blocks */
  --md-code-bg-color:              hsl(220 12% 8%);
  --md-code-fg-color:              hsla(0 0% 100% / 0.86);
}

/* Links + inline accents in emerald */
[data-md-color-scheme="slate"] .md-typeset a { color: #34d399; }
[data-md-color-scheme="slate"] .md-typeset a:hover { color: #6ee7b7; }

/* Active nav item + section titles in emerald */
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:focus,
[data-md-color-scheme="slate"] .md-nav__link:hover { color: #34d399; }

/* Subtle border under the header to match the marketing site */
[data-md-color-scheme="slate"] .md-header {
  border-bottom: 1px solid hsla(0 0% 100% / 0.06);
}

/* Search field + tabs active indicator */
[data-md-color-scheme="slate"] .md-tabs__link--active { color: #34d399; }
[data-md-color-scheme="slate"] .md-search__form { background-color: hsla(0 0% 100% / 0.06); }

/* "In sync"-style emerald for code annotations / inline code keeps contrast */
[data-md-color-scheme="slate"] .md-typeset code { background-color: hsla(0 0% 100% / 0.06); }