:root {
	--color-light: #ffffff;
	--color-dim-light: #b5b5b5;
	--color-gray: #3c3c3c;
	--color-dark: #1b1b1b;
}

::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background-color: var(--color-gray);
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 6px;
	background-color: var(--color-dim-light);
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--color-light);
}

.md-typeset code {
	border-radius: 6px;
}

.md-clipboard {
	color: var(--color-gray);
}

:hover > .md-clipboard {
	color: var(--color-dark);
}

.md-clipboard:hover {
	color: var(--color-light);
}

.md-typeset table:not([class]) {
	border-radius: 6px;
}

.md-typeset a:not(.headerlink) {
	text-decoration: underline;
}

/*  */
/* Light mode */
/*  */
[data-md-color-scheme="MIND"] {
	/* Background color of header */
	--md-primary-fg-color: var(--color-gray);
	/* Header and code background color and clipboard color */
    --md-default-fg-color--light: var(--color-dim-light);
    --md-primary-fg-color--lighter: #00000052;
	--md-default-fg-color--lightest: var(--color-dim-light);
	/* Color in header */
    --md-primary-bg-color: var(--color-light);
	/* Color in placeholder of search and non-hover for nav */
    --md-primary-bg-color--light: var(--color-dim-light);
    --md-primary-bg-color--lighter: #ffffff4d;
    --md-primary-bg-color--lightest: #ffffff1f;
	/* Background color */
	--md-default-bg-color: var(--color-light);

	/* Color in search */
	--md-default-fg-color: var(--color-dark);
	
	/* Hover color for mark and ToC */
	--md-accent-fg-color: var(--color-gray);

	/* BG color git link in mobile nav */
	--md-primary-fg-color--dark: var(--color-gray);
	
	/* Code color */
	--md-code-fg-color: var(--color-light);
	/* Code background color */
    --md-code-bg-color: var(--color-gray);
    --md-code-hl-color: #ffff0080;
    --md-code-hl-number-color: #d52a2a;
    --md-code-hl-special-color: #db1457;
    --md-code-hl-function-color: #a846b9;
    --md-code-hl-constant-color: #6e59d9;
    --md-code-hl-keyword-color: #3f6ec6;
    --md-code-hl-string-color: #1c7d4d;

	/* Slashes in code */
    --md-code-hl-name-color: var(--md-code-fg-color);
    --md-code-hl-operator-color: var(--color-dim-light);
    --md-code-hl-punctuation-color: var(--color-dim-light);
    --md-code-hl-comment-color: var(--color-dim-light);
    --md-code-hl-generic-color: var(--color-dim-light);
    --md-code-hl-variable-color: var(--color-dim-light);

	/* Text color */
	--md-typeset-color: var(--color-dark);
	/* Link color */
    --md-typeset-a-color: var(--color-dim-light);
    --md-typeset-mark-color: #ffff0080;
    --md-typeset-del-color: #f5503d26;
    --md-typeset-ins-color: #0bd57026;
    --md-typeset-kbd-color: #fafafa;
    --md-typeset-kbd-accent-color: #fff;
    --md-typeset-kbd-border-color: #b8b8b8;
    --md-typeset-table-color: var(--color-gray);
    --md-typeset-table-color--light: rgba(0,0,0,.035);

	--md-admonition-fg-color: var(--color-dark);
    --md-admonition-bg-color: var(--color-light);

	--md-warning-fg-color: #000000de;
    --md-warning-bg-color: #ff9;

	/* Footer color */
	--md-footer-fg-color: var(--color-light);
	/* Footer background color */
    --md-footer-bg-color: var(--color-gray);

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

[data-md-color-scheme="MIND"] button[data-md-component="top"],
[data-md-color-scheme="MIND"] h1,
[data-md-color-scheme="MIND"] [data-md-component="search"] {
	--md-default-fg-color--light: var(--color-dark);
}

[data-md-color-scheme="MIND"] [data-md-component="toc"] {
	color: var(--color-dark);
}

[data-md-color-scheme="MIND"] [data-md-component="toc"] nav {
	color: var(--color-gray);
}

[data-md-color-scheme="MIND"] [data-md-component="sidebar"][data-md-type="navigation"] nav > label {
	background-color: var(--color-gray);
}

[data-md-color-scheme="MIND"] details {
	border-color: var(--color-gray);
}

[data-md-color-scheme="MIND"] details > summary {
	background-color: transparent;
}

[data-md-color-scheme="MIND"] details > summary::before {
	background-color: var(--color-dark);
}

/*  */
/* Dark mode */
/*  */
[data-md-color-scheme="MIND-dark"] {
	/* Background color of header */
	--md-primary-fg-color: var(--color-gray);
	/* Header and code background color and clipboard color */
    --md-default-fg-color--light: var(--color-gray);
    --md-primary-fg-color--lighter: #00000052;
	--md-default-fg-color--lightest: var(--color-gray);
	/* Color in header */
    --md-primary-bg-color: var(--color-light);
	/* Color in placeholder of search and non-hover for nav */
    --md-primary-bg-color--light: var(--color-dim-light);
    --md-primary-bg-color--lighter: #ffffff4d;
    --md-primary-bg-color--lightest: #ffffff1f;
	/* Background color */
	--md-default-bg-color: var(--color-dark);

	/* Color in search */
	--md-default-fg-color: var(--color-light);
	
	/* Hover color for mark and ToC */
	--md-accent-fg-color: var(--color-dim-light);

	/* BG color git link in mobile nav */
	--md-primary-fg-color--dark: var(--color-gray);

	/* Code color */
	--md-code-fg-color: var(--color-light);
	/* Code background color */
    --md-code-bg-color: var(--color-gray);
    --md-code-hl-color: #ffff0080;
    --md-code-hl-number-color: #d52a2a;
    --md-code-hl-special-color: #db1457;
    --md-code-hl-function-color: #a846b9;
    --md-code-hl-constant-color: #6e59d9;
    --md-code-hl-keyword-color: #3f6ec6;
    --md-code-hl-string-color: #1c7d4d;

	/* Slashes in code */
    --md-code-hl-name-color: var(--md-code-fg-color);
    --md-code-hl-operator-color: var(--color-dim-light);
    --md-code-hl-punctuation-color: var(--color-dim-light);
    --md-code-hl-comment-color: var(--color-dim-light);
    --md-code-hl-generic-color: var(--color-dim-light);
    --md-code-hl-variable-color: var(--color-dim-light);

	/* Text color */
	--md-typeset-color: var(--color-light);
	/* Link color */
    --md-typeset-a-color: var(--color-dim-light);
    --md-typeset-mark-color: #ffff0080;
    --md-typeset-del-color: #f5503d26;
    --md-typeset-ins-color: #0bd57026;
    --md-typeset-kbd-color: #fafafa;
    --md-typeset-kbd-accent-color: #fff;
    --md-typeset-kbd-border-color: #b8b8b8;
    --md-typeset-table-color: var(--color-gray);
    --md-typeset-table-color--light: rgba(0,0,0,.035);

	--md-admonition-fg-color: var(--color-light);
    --md-admonition-bg-color: var(--color-dark);

	--md-warning-fg-color: #000000de;
    --md-warning-bg-color: #ff9;

	/* Footer color */
	--md-footer-fg-color: var(--color-light);
	/* Footer background color */
    --md-footer-bg-color: var(--color-gray);

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

[data-md-color-scheme="MIND-dark"] button[data-md-component="top"],
[data-md-color-scheme="MIND-dark"] h1,
[data-md-color-scheme="MIND-dark"] [data-md-component="search"] {
	--md-default-fg-color--light: var(--color-light);
}

[data-md-color-scheme="MIND-dark"] [data-md-component="toc"] nav {
	color: var(--color-dim-light);
}

[data-md-color-scheme="MIND-dark"] [data-md-component="sidebar"][data-md-type="navigation"] nav > label {
	background-color: var(--color-dim-light);
}

[data-md-color-scheme="MIND-dark"] details {
	border-color: var(--color-gray);
}

[data-md-color-scheme="MIND-dark"] details > summary {
	background-color: transparent;
}

[data-md-color-scheme="MIND-dark"] details > summary::before {
	background-color: var(--color-dim-light);
}