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

:root {
  --md-primary-fg-color: #1F7A78;
  --md-primary-fg-color--light: #9EB277;
  --md-primary-fg-color--dark: #005B5B;
  --md-accent-fg-color: #F0BE65;
  --md-default-bg-color: #F7F1ED;
  --md-default-fg-color: #012121;
  --md-typeset-a-color: #1F7A78;
  --md-code-bg-color: #f2ece6;
}

.md-header { background-color: #043736; }
.md-tabs { background-color: #005B5B; }
.md-footer { background-color: #043736; color: #F7F1ED; }
.md-footer-meta { background-color: #012121; }

/* Hero band on the landing page */
.nw-hero {
  background: linear-gradient(135deg, #043736 0%, #005B5B 60%, #1F7A78 100%);
  color: #F7F1ED;
  border-radius: 14px;
  padding: 2.4rem 2rem;
  margin: 0 0 1.6rem 0;
}
.nw-hero h1 { color: #F7F1ED !important; margin: 0 0 .4rem 0; font-weight: 800; }
.nw-hero p { color: #E7DFD8; margin: .2rem 0; font-size: .95rem; }
.nw-tag {
  display: inline-block; background: rgba(240,190,101,0.18); color: #F0BE65;
  border: 1px solid rgba(240,190,101,0.4); border-radius: 999px;
  padding: .15rem .7rem; font-size: .72rem; font-weight: 600; letter-spacing: .02em;
}

/* Diagram figures render on paper regardless of scheme */
.md-typeset .d2, .md-typeset .mermaid { text-align: center; }
.md-typeset .d2 svg, .md-typeset .mermaid svg {
  max-width: 100%; height: auto;
  background: #ffffff; border: 1px solid #E2DAD3; border-radius: 10px; padding: .8rem;
}

/* Admonition tints */
.md-typeset .admonition.note, .md-typeset details.note { border-color: #1F7A78; }
.md-typeset .note > .admonition-title, .md-typeset .note > summary { background-color: rgba(31,122,120,.1); }
.md-typeset .admonition.warning, .md-typeset details.warning { border-color: #B94B01; }
.md-typeset .warning > .admonition-title, .md-typeset .warning > summary { background-color: rgba(185,75,1,.1); }
.md-typeset .admonition.tip, .md-typeset details.tip { border-color: #9EB277; }
.md-typeset .tip > .admonition-title, .md-typeset .tip > summary { background-color: rgba(158,178,119,.1); }

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f1b1b;
  --md-default-fg-color: #e6ede9;
  --md-code-bg-color: #142323;
  --md-typeset-a-color: #6fb7b0;
}
[data-md-color-scheme="slate"] .md-typeset .d2 svg,
[data-md-color-scheme="slate"] .md-typeset .mermaid svg {
  background: #f4efe9; border-color: #2a3a3a;
}