:root {
	/* larger max font
	--fs-primary: clamp(1rem, 2vw + .25rem, 1.25rem);
	*/

	--blocks-background: var(--color-background);

	--main-background: #f4f4f4;
	--footer-background: var(--main-background);
	--color-local-menu-selected: var(--color-brand-accent);
	--color-local-menu-selected-hovered: var(--clr-700);
	--background-local-menu-selected: var(--main-background);

	/* curriculum */
	/*
	--banner-background: var(--blocks-background);
	--banner-color: var(--color-text);
	*/

	/* document lighter */
	--color-items-background: var(--blocks-background);
	--item-document-background: #fafafa;
	--block-title-color: var(--clr-400);

	--histo-background: var(--main-background);

	/* breadcrumbs with dark background
	--color-breadcrumbs: var(--clr-150);
	--color-backtick-background: var(--clr-300);
	*/

	/* 3 per rows */
	--mosaic-min-width: 36ch;
}
input, textarea, select {
	background: var(--blocks-background);
}
.ql-container, .ql-toolbar {
	background: var(--blocks-background);
}

legend {
	border-top-left-radius: var(--ui-border-radius);
	border-top-right-radius: var(--ui-border-radius);
	border-top: var(--ui-border);
	position: relative;
}
fieldset:has(legend) {
	margin-block-start: .5em;
}
legend::before {
	content: '';
	position: absolute;
	z-index: -1;
	inset: -1px;
	border: var(--ui-border);
	border-radius: var(--ui-border-radius);
}

/* on header a shadow */
header#page-header {
	box-shadow: 0 2px 5px hsla(0, 0%, 0%, .1);
}


/* in admin, white page */
/*
main#page-content:has(.local-menu) section#main-container {
	background: var(--blocks-background);
}
main#page-content:has(.local-menu) + footer#page-footer {
	background: var(--blocks-background);
}
*/

#courses-details-front .course-details-front,
#curriculum .single .course-details-front {
	padding: 1em;
}

.item-title {
	font-size: var(--fs-larger);
}
/*
.curriculum:not(.single) .banner .item-title {
	color: var(--color-brand);
}
*/
.document .item-title {
	box-shadow: 0 0 5px hsla(0, 0%, 50%, .1);
}

.banner.item-main-info {
	border: var(--ui-border);
	border-radius: var(--ui-border-radius);
}
.banner .item-duration-status {
	padding-inline: .5em;
}

.item-histo-container {
	background: var(--color-items-background);
}
.item-desc-long {
	background: var(--color-items-background);
}
.curriculum .item-visual-completion {
	background: var(--blocks-background);
	border: var(--ui-border);
}
.curriculum:not(.single) .item-histo-container {
	background: transparent;
}
.curriculum:not(.single) .item-histo {
	background: var(--blocks-background);
	border: var(--ui-border);
	border-radius: var(--ui-border-radius);
}

/* due to border on the banner */
.curriculum .banner {
	margin-block-end: -1px;
}
.curriculum .nav-local-container {
	margin-inline-end: 1px;
}

.package {
	--package-color-name: var(--clr-500);
	--package-color-defs: var(--clr-300);
	--package-color-name-hover: var(--clr-700);
}
.package.version-pending .package-type {
	opacity: .75;
}