/* DarkSide look: charcoal, bone white, one blood-red accent */
:root {
  --md-primary-fg-color: #8f1d14;
  --md-primary-fg-color--light: #b5372a;
  --md-primary-fg-color--dark: #5e120c;
  --md-accent-fg-color: #e0533f;
  --md-text-font: "Segoe UI", Roboto, Arial, sans-serif;
  --md-code-font: Consolas, "Courier New", monospace;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #131416;
  --md-default-fg-color: #ddd8cd;
  --md-default-fg-color--light: #a8a398;
  --md-code-bg-color: #0d0e10;
  --md-typeset-a-color: #e8735f;
  --md-footer-bg-color: #0d0e10;
}

.md-header, .md-tabs { background: linear-gradient(180deg, #2a0f0b 0%, #1a0b09 100%); }
.md-header { border-bottom: 2px solid #8f1d14; }
.md-typeset h1 { font-weight: 700; letter-spacing: .3px; }
.md-typeset h2 { border-bottom: 1px solid rgba(255, 255, 255, .08); padding-bottom: .2em; }
.md-typeset table:not([class]) th { background: rgba(143, 29, 20, .25); }

/* home page hero + feature cards */
.ds-hero { padding: 1.6rem 0 .6rem; }
.ds-hero h1 { font-size: 2.4rem; margin: 0 0 .3rem; }
.ds-hero p { font-size: 1.05rem; color: var(--md-default-fg-color--light); margin: 0 0 1rem; }
.ds-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .9rem; margin: 1.2rem 0; }
.ds-card { border: 1px solid rgba(255, 255, 255, .08); border-left: 3px solid #8f1d14; border-radius: 4px; padding: .8rem 1rem;
           background: rgba(255, 255, 255, .02); }
.ds-card h3 { margin: 0 0 .3rem !important; font-size: 1rem; }
.ds-card p { margin: 0; font-size: .82rem; color: var(--md-default-fg-color--light); }
.ds-card a { text-decoration: none; }
.md-typeset .md-button { border-radius: 3px; }

.ds-emblem { width: 150px; float: right; margin: 0 0 1rem 1.5rem; }
@media (max-width: 700px) { .ds-emblem { float: none; display: block; margin: 0 auto 1rem; width: 120px; } }

/* Discord: button + "discord" admonition in Discord blurple */
.md-typeset .md-button.ds-discord { color: #fff; background: #5865f2; border-color: #5865f2; }
.md-typeset .md-button.ds-discord:hover { background: #4752c4; border-color: #4752c4; }
:root { --md-admonition-icon--discord: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0-.8-.7A485 485 0 0 0 404 32a1.8 1.8 0 0 0-1.9.9 337.5 337.5 0 0 0-14.9 30.6 447.8 447.8 0 0 0-134.4 0 309.5 309.5 0 0 0-15.1-30.6 1.9 1.9 0 0 0-1.9-.9 483.7 483.7 0 0 0-119.8 37.1 1.7 1.7 0 0 0-.8.7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0-1-2.6 321.2 321.2 0 0 1-45.9-21.9 1.9 1.9 0 0 1-.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9.2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1-.2 3.1 301.4 301.4 0 0 1-45.9 21.8 1.9 1.9 0 0 0-1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1.7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2s23.4-59.2 52.8-59.2c29.7 0 53.3 26.8 52.8 59.2 0 32.7-23.4 59.2-52.8 59.2zm195.4 0c-29 0-52.8-26.6-52.8-59.2s23.4-59.2 52.8-59.2c29.7 0 53.3 26.8 52.8 59.2 0 32.7-23.2 59.2-52.8 59.2z"/></svg>'); }
.md-typeset .admonition.discord, .md-typeset details.discord { border-color: #5865f2; }
.md-typeset .discord > .admonition-title, .md-typeset .discord > summary { background-color: rgba(88, 101, 242, .15); }
.md-typeset .discord > .admonition-title::before, .md-typeset .discord > summary::before { background-color: #5865f2; -webkit-mask-image: var(--md-admonition-icon--discord); mask-image: var(--md-admonition-icon--discord); }