@use "../abstracts/mixins";

:root {
	--color-border: rgba(0, 0, 0, 0.06);
	--border-radius: 0;
	--shadow: 0;
	--blockquote-border-left: 0;
	--caption-font-size: smaller;
	--caption-color: var(--color-heading);
	--menu-font-size: var(--font-size-sm);
	--site-header-border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	--breadcrumb-font-size: small;
	--page-header-inner-max-width: 100%;
	--content-sidebar-wrap-margin-top: 1em;
	--content-sidebar-wrap-margin-bottom: 2em;
}

.has-boxed {
	--entry-border: 0;
}

.nav-after-header {
	background: var(--color-heading);

	--menu-item-link-color: var(--color-white);
}

.page-header {
	--h1-font-size: var(--font-size-xxl);
}

.has-page-header .content {
	--alignfull-first-margin-top: calc((var(--content-sidebar-wrap-margin-top) + 2em) * -1);
	--alignfull-first-margin-bottom: calc((var(--content-sidebar-wrap-margin-bottom) + 2em) * -1);

	@include mixins.mq(md) {
		padding: var(--content-padding, 2em);
		background: var(--content-background, var(--color-white));
		border: var(--content-border, var(--border));
		border-radius: var(--content-border-radius, var(--border-radius));
	}
}