/* Customized Colour Scheme */

[data-md-color-scheme="jesse-dark"] {
	--md-hue-default: 244;
	--md-hue-primary: 260;
	--md-hue-accent: 160;

	--md-sat-default-fg: 80%;
	--md-sat-default-bg: 10%;
	--md-sat-primary-fg: 100%;
	--md-sat-primary-bg: 10%;
	--md-sat-accent-fg: 100%;
	--md-sat-accent-bg: 10%;

	--md-lum-default-fg: 95%;
	--md-lum-default-bg: 10%;
	--md-lum-primary-fg: 75%;
	--md-lum-primary-bg: 10%;
	--md-lum-accent-fg: 65%;
	--md-lum-accent-bg: 10%;


	--md-default-fg-color: hsla(var(--md-hue-default), var(--md-sat-default-fg), var(--md-lum-default-fg), 0.92);
	--md-default-fg-color--light: hsla(var(--md-hue-default), var(--md-sat-default-fg), var(--md-lum-default-fg), 0.56);
	--md-default-fg-color--lighter: hsla(var(--md-hue-default), var(--md-sat-default-fg), var(--md-lum-default-fg), 0.32);
	--md-default-fg-color--lightest: hsla(var(--md-hue-default), var(--md-sat-default-fg), var(--md-lum-default-fg), 0.12);
	--md-default-fg-color--dark: hsla(var(--md-hue-default), var(--md-sat-default-fg), var(--md-lum-default-fg), 1);

	--md-default-bg-color: hsla(var(--md-hue-default), var(--md-sat-default-bg), var(--md-lum-default-bg), 1);
	--md-default-bg-color--light: hsla(var(--md-hue-default), var(--md-sat-default-bg), var(--md-lum-default-bg), 0.56);
	--md-default-bg-color--lighter: hsla(var(--md-hue-default), var(--md-sat-default-bg), var(--md-lum-default-bg), 0.32);
	--md-default-bg-color--lightest: hsla(var(--md-hue-default), var(--md-sat-default-bg), var(--md-lum-default-bg), 0.12);
	--md-default-bg-color--dark: hsla(var(--md-hue-default), var(--md-sat-default-bg), var(--md-lum-default-bg), 1);


	--md-primary-fg-color: hsla(var(--md-hue-primary), var(--md-sat-primary-fg), var(--md-lum-primary-fg), 0.92);
	--md-primary-fg-color--light: hsla(var(--md-hue-primary), var(--md-sat-primary-fg), var(--md-lum-primary-fg), 0.56);
	--md-primary-fg-color--lighter: hsla(var(--md-hue-primary), var(--md-sat-primary-fg), var(--md-lum-primary-fg), 0.32);
	--md-primary-fg-color--lightest: hsla(var(--md-hue-primary), var(--md-sat-primary-fg), var(--md-lum-primary-fg), 0.12);
	--md-primary-fg-color--dark: hsla(var(--md-hue-primary), var(--md-sat-primary-fg), var(--md-lum-primary-fg), 1);

	--md-primary-bg-color: hsla(var(--md-hue-primary), var(--md-sat-primary-bg), var(--md-lum-primary-bg), 1);
	--md-primary-bg-color--light: hsla(var(--md-hue-primary), var(--md-sat-primary-bg), var(--md-lum-primary-bg), 0.56);
	--md-primary-bg-color--lighter: hsla(var(--md-hue-primary), var(--md-sat-primary-bg), var(--md-lum-primary-bg), 0.32);
	--md-primary-bg-color--lightest: hsla(var(--md-hue-primary), var(--md-sat-primary-bg), var(--md-lum-primary-bg), 0.12);
	--md-primary-bg-color--dark: hsla(var(--md-hue-primary), var(--md-sat-primary-bg), var(--md-lum-primary-bg), 1);


	--md-accent-fg-color: hsl(var(--md-hue-accent), var(--md-sat-accent-fg), var(--md-lum-accent-fg), 0.92);
	--md-accent-fg-color--light: hsl(var(--md-hue-accent), var(--md-sat-accent-fg), var(--md-lum-accent-fg), 0.56);
	--md-accent-fg-color--lighter: hsl(var(--md-hue-accent), var(--md-sat-accent-fg), var(--md-lum-accent-fg), 0.32);
	--md-accent-fg-color--lightest: hsl(var(--md-hue-accent), var(--md-sat-accent-fg), var(--md-lum-accent-fg), 0.12);
	--md-accent-fg-color--dark: hsl(var(--md-hue-accent), var(--md-sat-accent-fg), var(--md-lum-accent-fg), 1);

	--md-accent-bg-color: hsl(var(--md-hue-accent), var(--md-sat-accent-bg), var(--md-lum-accent-bg), 1);
	--md-accent-bg-color--light: hsl(var(--md-hue-accent), var(--md-sat-accent-bg), var(--md-lum-accent-bg), 0.56);
	--md-accent-bg-color--lighter: hsl(var(--md-hue-accent), var(--md-sat-accent-bg), var(--md-lum-accent-bg), 0.32);
	--md-accent-bg-color--lightest: hsl(var(--md-hue-accent), var(--md-sat-accent-bg), var(--md-lum-accent-bg), 0.12);
	--md-accent-bg-color--dark: hsl(var(--md-hue-accent), var(--md-sat-accent-bg), var(--md-lum-accent-bg), 1);


    --md-code-fg-color: hsla(var(--md-hue-default),18%,86%,0.82);
    --md-code-bg-color: hsla(var(--md-hue-default),15%,18%,1);
    --md-code-bg-color--light: hsla(var(--md-hue-default),15%,18%,0.9);
    --md-code-bg-color--lighter: hsla(var(--md-hue-default),15%,18%,0.54);

    --md-code-hl-color: #2977ff;
    --md-code-hl-color--light: #2977ff1a;
    --md-code-hl-number-color: #e6695b;
    --md-code-hl-special-color: #f06090;
    --md-code-hl-function-color: #c973d9;
    --md-code-hl-constant-color: #9383e2;
    --md-code-hl-keyword-color: #6791e0;
    --md-code-hl-string-color: #2fb170;

    --md-code-hl-name-color: var(--md-code-fg-color);
    --md-code-hl-operator-color: var(--md-default-fg-color--light);
    --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
    --md-code-hl-comment-color: var(--md-default-fg-color--light);
    --md-code-hl-generic-color: var(--md-default-fg-color--light);
    --md-code-hl-variable-color: var(--md-default-fg-color--light);


    --md-typeset-color: var(--md-default-fg-color);
    --md-typeset-a-color: var(--md-primary-fg-color--dark );
    --md-typeset-kbd-color: hsla(var(--md-hue-default),15%,90%,0.12);
    --md-typeset-kbd-accent-color: hsla(var(--md-hue-default),15%,90%,0.2);
    --md-typeset-kbd-border-color: hsla(var(--md-hue-default),15%,14%,1);
    --md-typeset-mark-color: #4287ff4d;
    --md-typeset-table-color: hsla(var(--md-hue-default),15%,95%,0.12);
    --md-typeset-table-color--light: hsla(var(--md-hue-default),15%,95%,0.035);


    --md-admonition-fg-color: var(--md-default-fg-color);
    --md-admonition-bg-color: var(--md-default-bg-color);

    --md-footer-bg-color: hsla(var(--md-hue-default),15%,10%,0.87);
    --md-footer-bg-color--dark: hsla(var(--md-hue-default),15%,8%,1);

    --md-shadow-z1: 0 0.2rem 0.5rem #0000000d,0 0 0.05rem #0000001a;
    --md-shadow-z2: 0 0.2rem 0.5rem #00000040,0 0 0.05rem #00000040;
    --md-shadow-z3: 0 0.2rem 0.5rem #0006,0 0 0.05rem #00000059;

	color-scheme: dark;
}

[data-md-color-scheme="jesse-light"] {
	--md-hue-default: 244;
	--md-hue-primary: 260;
	--md-hue-accent: 160;

	--md-sat-default-fg: 80%;
	--md-sat-default-bg: 10%;
	--md-sat-primary-fg: 60%;
	--md-sat-primary-bg: 10%;
	--md-sat-accent-fg: 60%;
	--md-sat-accent-bg: 10%;

	--md-lum-default-fg: 5%;
	--md-lum-default-bg: 90%;
	--md-lum-primary-fg: 40%;
	--md-lum-primary-bg: 90%;
	--md-lum-accent-fg: 40%;
	--md-lum-accent-bg: 90%;

	--md-default-fg-color: hsla(var(--md-hue-default), var(--md-sat-default-fg), var(--md-lum-default-fg), 0.92);
	--md-default-fg-color--light: hsla(var(--md-hue-default), var(--md-sat-default-fg), var(--md-lum-default-fg), 0.56);
	--md-default-fg-color--lighter: hsla(var(--md-hue-default), var(--md-sat-default-fg), var(--md-lum-default-fg), 0.32);
	--md-default-fg-color--lightest: hsla(var(--md-hue-default), var(--md-sat-default-fg), var(--md-lum-default-fg), 0.12);
	--md-default-fg-color--dark: hsla(var(--md-hue-default), var(--md-sat-default-fg), var(--md-lum-default-fg), 1);

	--md-default-bg-color: hsla(var(--md-hue-default), var(--md-sat-default-bg), var(--md-lum-default-bg), 1);
	--md-default-bg-color--light: hsla(var(--md-hue-default), var(--md-sat-default-bg), var(--md-lum-default-bg), 0.56);
	--md-default-bg-color--lighter: hsla(var(--md-hue-default), var(--md-sat-default-bg), var(--md-lum-default-bg), 0.32);
	--md-default-bg-color--lightest: hsla(var(--md-hue-default), var(--md-sat-default-bg), var(--md-lum-default-bg), 0.12);
	--md-default-bg-color--dark: hsla(var(--md-hue-default), var(--md-sat-default-bg), var(--md-lum-default-bg), 1);

	--md-primary-fg-color: hsla(var(--md-hue-primary), var(--md-sat-primary-fg), var(--md-lum-primary-fg), 0.92);
	--md-primary-fg-color--light: hsla(var(--md-hue-primary), var(--md-sat-primary-fg), var(--md-lum-primary-fg), 0.56);
	--md-primary-fg-color--lighter: hsla(var(--md-hue-primary), var(--md-sat-primary-fg), var(--md-lum-primary-fg), 0.32);
	--md-primary-fg-color--lightest: hsla(var(--md-hue-primary), var(--md-sat-primary-fg), var(--md-lum-primary-fg), 0.12);
	--md-primary-fg-color--dark: hsla(var(--md-hue-primary), var(--md-sat-primary-fg), var(--md-lum-primary-fg), 0.85);

	--md-primary-bg-color: hsla(var(--md-hue-primary), var(--md-sat-primary-bg), var(--md-lum-primary-bg), 1);
	--md-primary-bg-color--light: hsla(var(--md-hue-primary), var(--md-sat-primary-bg), var(--md-lum-primary-bg), 0.56);
	--md-primary-bg-color--lighter: hsla(var(--md-hue-primary), var(--md-sat-primary-bg), var(--md-lum-primary-bg), 0.32);
	--md-primary-bg-color--lightest: hsla(var(--md-hue-primary), var(--md-sat-primary-bg), var(--md-lum-primary-bg), 0.12);
	--md-primary-bg-color--dark: hsla(var(--md-hue-primary), var(--md-sat-primary-bg), var(--md-lum-primary-bg), 1);

	--md-accent-fg-color: hsl(var(--md-hue-accent), var(--md-sat-accent-fg), var(--md-lum-accent-fg), 0.92);
	--md-accent-fg-color--light: hsl(var(--md-hue-accent), var(--md-sat-accent-fg), var(--md-lum-accent-fg), 0.56);
	--md-accent-fg-color--lighter: hsl(var(--md-hue-accent), var(--md-sat-accent-fg), var(--md-lum-accent-fg), 0.32);
	--md-accent-fg-color--lightest: hsl(var(--md-hue-accent), var(--md-sat-accent-fg), var(--md-lum-accent-fg), 0.12);
	--md-accent-fg-color--dark: hsl(var(--md-hue-accent), var(--md-sat-accent-fg), var(--md-lum-accent-fg), 1);

	--md-accent-bg-color: hsl(var(--md-hue-accent), var(--md-sat-accent-bg), var(--md-lum-accent-bg), 1);
	--md-accent-bg-color--light: hsl(var(--md-hue-accent), var(--md-sat-accent-bg), var(--md-lum-accent-bg), 0.56);
	--md-accent-bg-color--lighter: hsl(var(--md-hue-accent), var(--md-sat-accent-bg), var(--md-lum-accent-bg), 0.32);
	--md-accent-bg-color--lightest: hsl(var(--md-hue-accent), var(--md-sat-accent-bg), var(--md-lum-accent-bg), 0.12);
	--md-accent-bg-color--dark: hsl(var(--md-hue-accent), var(--md-sat-accent-bg), var(--md-lum-accent-bg), 1);

    --md-code-fg-color: hsla(var(--md-hue-default),18%,86%,0.82);
    --md-code-bg-color: hsla(var(--md-hue-default),15%,18%,1);
    --md-code-bg-color--light: hsla(var(--md-hue-default),15%,18%,0.9);
    --md-code-bg-color--lighter: hsla(var(--md-hue-default),15%,18%,0.54);

    --md-code-hl-color: #2977ff;
    --md-code-hl-color--light: #2977ff1a;
    --md-code-hl-number-color: #e6695b;
    --md-code-hl-special-color: #f06090;
    --md-code-hl-function-color: #c973d9;
    --md-code-hl-constant-color: #9383e2;
    --md-code-hl-keyword-color: #6791e0;
    --md-code-hl-string-color: #2fb170;
    --md-code-hl-name-color: var(--md-code-fg-color);
    --md-code-hl-operator-color: var(--md-default-fg-color--light);
    --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
    --md-code-hl-comment-color: var(--md-default-fg-color--light);
    --md-code-hl-generic-color: var(--md-default-fg-color--light);
    --md-code-hl-variable-color: var(--md-default-fg-color--light);

    --md-typeset-color: var(--md-default-fg-color);
    --md-typeset-a-color: var(--md-primary-fg-color--dark );
    --md-typeset-kbd-color: hsla(var(--md-hue-default),15%,90%,0.12);
    --md-typeset-kbd-accent-color: hsla(var(--md-hue-default),15%,90%,0.2);
    --md-typeset-kbd-border-color: hsla(var(--md-hue-default),15%,14%,1);
    --md-typeset-mark-color: #4287ff4d;
    --md-typeset-table-color: hsla(var(--md-hue-default),15%,95%,0.12);
    --md-typeset-table-color--light: hsla(var(--md-hue-default),15%,95%,0.035);

    --md-admonition-fg-color: var(--md-default-fg-color);
    --md-admonition-bg-color: var(--md-default-bg-color);

    --md-footer-bg-color: hsla(var(--md-hue-default),15%,10%,0.87);
    --md-footer-bg-color--dark: hsla(var(--md-hue-default),15%,8%,1);

    --md-shadow-z1: 0 0.2rem 0.5rem #0000000d,0 0 0.05rem #0000001a;
    --md-shadow-z2: 0 0.2rem 0.5rem #00000040,0 0 0.05rem #00000040;
    --md-shadow-z3: 0 0.2rem 0.5rem #0006,0 0 0.05rem #00000059;

	color-scheme: light;
}

/* Custom Admonition */

:root {
	--md-admonition-icon--gamemaster: url('/img/fa-hat-wizard.svg')
}
.md-typeset .admonition.gamemaster,
.md-typeset details.gamemaster {
	border-color: hsl(270, 50%, 50%);
}
.md-typeset .gamemaster > .admonition-title,
.md-typeset .gamemaster > summary {
	background-color: hsla(270, 50%, 50%, 0.1);
}
.md-typeset .gamemaster > .admonition-title::before,
.md-typeset .gamemaster > summary::before {
	background-color: hsl(270, 50%, 50%);
	-webkit-mask-image: var(--md-admonition-icon--gamemaster);
	mask-image: var(--md-admonition-icon--gamemaster);
}