@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: #f5f0eb;
  --md-text-font: "Plus Jakarta Sans";
}
.md-header { background-color: #043736; }
.md-tabs   { background-color: #005B5B; }
.md-footer { background-color: #043736; color: #F7F1ED; }

.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); }

/* screenshot placeholder slot */
.shot { border: 2px dashed #BEB9B6; border-radius: 8px; padding: 22px; text-align: center;
        color: #6b6b6b; font-size: .82rem; background: #fbf8f6; margin: 1em 0; }

[data-md-color-scheme="slate"] { --md-default-bg-color: #14201f; --md-default-fg-color: #e0e0e0;
        --md-code-bg-color: #1e2c2b; }