:root {
	--background-color: rgb(24, 24, 24);
	--surface-color: rgb(31, 31, 31);
	--primary-color: rgb(210, 210, 210);
	--secondary-color: rgb(240, 160, 105);
	--border-color: rgba(220, 220, 220, 0.1);
}

[data-md-color-scheme="slate"] {
	--md-default-bg-color: var(--background-color);
	--md-default-fg-color: var(--primary-color);
	--md-default-fg-color--light: rgba(220, 220, 220, 0.7);
	--md-default-fg-color--lighter: rgba(220, 220, 220, 0.4);
	--md-default-fg-color--lightest: var(--border-color);

	--md-primary-fg-color: var(--background-color);
	--md-primary-bg-color: var(--primary-color);
	--md-accent-fg-color: rgb(255, 185, 140);
	--md-typeset-a-color: var(--secondary-color);

	--md-code-bg-color: var(--surface-color);
	--md-code-fg-color: var(--primary-color);
	--md-footer-bg-color: var(--background-color);
}

.md-header {
	border-bottom: 1px solid var(--border-color);
	box-shadow: none;
}

.md-search__input {
	background-color: var(--surface-color);
	border-radius: 6px;
}

.md-nav__link:hover,
.md-nav__link--active {
	color: var(--secondary-color);
}
.md-nav--primary .md-nav__link--active {
	border-left: 2px solid var(--secondary-color);
	padding-left: 0.5rem;
}

.md-typeset {
	font-size: 0.74rem;
	line-height: 1.8;
}
.md-typeset h1 {
	color: var(--primary-color);
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: -0.02em;
	margin-bottom: 1rem;
}
.md-typeset h2 {
	margin-top: 2.2rem;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid var(--border-color);
}

.md-typeset blockquote,
.md-typeset .admonition,
.md-typeset details {
	border: 1px solid var(--border-color);
	border-left: 2px solid var(--secondary-color);
	border-radius: 6px;
	box-shadow: none;
	background-color: var(--surface-color);
}
.md-typeset blockquote {
	color: var(--primary-color);
	padding: 0.4rem 1rem;
}

.md-typeset table:not([class]) {
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--border-color);
}
.md-typeset table:not([class]) th {
	background-color: var(--surface-color);
}

.md-grid {
	max-width: 1400px;
}