:root{

	/* -------------------------------------------------- */
	/* APPLICATION                                         */
	/* -------------------------------------------------- */

	--app-height:100vh;
	--panel-opacity:.82;
	--panel-opacity-active:1;

	/* -------------------------------------------------- */
	/* TYPOGRAPHY                                          */
	/* -------------------------------------------------- */

	--font-base:clamp(
		15px,
		0.42vw + 1.42vh,
		22px
	);

	--font-title:1.35rem;
	--font-section:1.05rem;
	--font-body:1rem;
	--font-meta:0.88rem;
	--font-utility:0.74rem;

	/* -------------------------------------------------- */
	/* COLORS                                              */
	/* -------------------------------------------------- */

	--available-bg:#ffffff;
	--conflict-bg:#d7d7d7;

	--today-border:#2f80ff;
	--blue-dot:#2f80ff;

	--panel-bg:rgba(242,242,242,0.5);
	--border-color:#bdbdbd;
	--text-color:#222;

	--year-fast-bg:#000000;
	--year-fast-fg:#ffffff;
	--year-normal-fg:#222;

	--z-tooltip:1;
	--z-detailsHandle:2;
	--z-lightbox:3;
	--z-modal:4;

/*======================================================================
	default values for different hosts, like camperus, scrapbookus, etc.
  ======================================================================*/
	--host-logo:			url('/css/camperus_logo.svg');
	--page-background-image:url('/css/campmate_background.svg');
	--accent-color:			#2f80ff;
	--panel-bg:				rgba(242,242,242,.5);
	--button-bg:			#2f80ff;
	--button-text:			#ffffff;
	--card-bg:				rgba(255,255,255,.75);
	--subject-icon-size:	32px;
}