/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

@import url('https://rsms.me/inter/inter.css');
@import url('https://fonts.googleapis.com/css?family=Barlow');
@import url('https://fonts.googleapis.com/css?family=JetBrains+Mono');

@import "./Theme.scss";


/// Sets the background color (using Infima's variable) of the page's root to transparent
/// in following cases:
/// - docs
/// - other docs-related
/// - blog
/// @note This is important because customized pages (e.g. homepage)
/// set their own background color.
@mixin remove-bgc-on-doc-pages
{
	&[class*="docs-version-"],
	&[class*="plugin-blog"],
	&[class*="plugin-docs"] {
		--ifm-background-color: transparent;
	}
}

/* You can override the default Infima variables here. */
:root {
	@include light-theme;
	@include remove-bgc-on-doc-pages;

	--ifm-color-primary:			#003082;
	--ifm-color-primary-dark:		#002b75;
	--ifm-color-primary-darker:		#00296e;
	--ifm-color-primary-darkest:	#00225b;
	--ifm-color-primary-light:		#00358f;
	--ifm-color-primary-lighter:	#003796;
	--ifm-color-primary-lightest:	#003ea9;

	--ifm-table-cell-padding: 0.25rem 0.75rem;

	--ifm-code-font-size: 95%;
	--font-inter: "Inter", "Segoe UI", "Open Sans", "Helvetica Neue", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	
	font-variant-ligatures: none;
}

footer.footer--dark
{
	--ifm-footer-background-color:	#040404;

	a {
		--ifm-link-color: #00d0f6;
	}
}

#{$IS_DARK_THEME}
{
	@include dark-theme;
	@include remove-bgc-on-doc-pages;

	--ifm-color-primary:			#12dbff;
	--ifm-color-primary-dark:		#00d0f6;
	--ifm-color-primary-darker:		#00c5e8;
	--ifm-color-primary-darkest:	#00a2bf;
	--ifm-color-primary-light:		#2ddfff;
	--ifm-color-primary-lighter:	#3be1ff;
	--ifm-color-primary-lightest:	#64e7ff;
}

// html {
// 	background-color: var(--ifm-background-color);
// }

table {
	display: table;
	margin: 0 auto;
	min-width: 50%;
	table-layout: unset;
}

table {
    border-collapse:separate;
    border-radius:6px;
	border: 2px solid rgba(gray, 0.4);
}

.theme-doc-markdown details
{
	--docusaurus-details-decoration-color: rgba(76, 179, 212, 0.4);
	border-color: rgba(76, 179, 212, 0.4);
	>summary {
		display: flex;
		align-items: center;
		&::before {
			top: unset !important;
		}
	}
	&[data-size="small"]>summary {
		padding-top: 4px;
		padding-bottom: 4px;
	}

	&[data-size="normal"]>summary {
		padding-top: 6px;
		padding-bottom: 6px;
	}
}

@import './Code.scss';
@import './Logos.scss';
@import './Navbar.scss';
@import './Sidebar.scss';
@import './Tabs.scss';
@import './Text.scss';
@import './InlineAdmonitions.scss';
