/* Accent colors per theme */
:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
	--md-primary-fg-color: #60cdea;
	--md-primary-fg-color--light: #80d7ee;
	--md-primary-fg-color--dark: #3eb8da;
	--md-accent-fg-color: #60cdea !important;
	--md-accent-fg-color--transparent: rgba(96, 205, 234, 0.15);
	--md-accent-bg-color: #ffffff;
	--md-accent-bg-color--light: rgba(255, 255, 255, 0.7);
	--md-typeset-a-color: #60cdea !important;
}

[data-md-color-scheme="slate"] {
	--md-default-bg-color: #000000 !important;
}

.md-footer-meta {
	--pattern: url('../assets/block_heart_pattern.svg');
	--brightness-percentage: 66.67%;
	--brightness: rgba(255 255 255 / var(--brightness-percentage));
	background-image:
		linear-gradient(to bottom, var(--brightness), var(--brightness)),
		var(--pattern);
	background-repeat:
		repeat;
	background-size:
		2.5rem auto;
	background-color: unset;
}

[data-md-color-scheme="default"] .md-footer-meta {
	--brightness: rgba(255 255 255 / var(--brightness-percentage));
}

[data-md-color-scheme="slate"] .md-footer-meta {
	--brightness: rgba(0 0 0 / var(--brightness-percentage));
}

.center-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Dark-mode inversion for monochrome black SVGs (logotype & wordmark) */
[data-md-color-scheme="slate"] .invert-dark,
[data-md-color-scheme="slate"] img[src*="assets/logotype/"],
[data-md-color-scheme="slate"] img[src*="assets/wordmark/"] {
	filter: invert(1);
}

[data-md-color-scheme="slate"] .only-light {
	display: none !important;
}

[data-md-color-scheme="default"] .only-dark {
	display: none !important;
}