:root {
	--icon-size: 5em;

	--dynamic-background-margins: 100px;

	--menu-background-luminosity: 0.75;

	--timeline-timestamp-size: 1em;

	--timeline-link-height: 0.25em;

	--timeline-session-point-size: 0.2em;
	--timeline-session-point-margin: 2px;

	--timeline-season-point-size: 0.8em;
	--timeline-season-point-margin: 0.25em;

	--timeline-year-point-size: 1.25em;
	--timeline-year-point-margin: 0.35em;

	--timeline-archive-point-size: var(--timeline-session-point-size);
	--timeline-archive-point-margin: var(--timeline-session-point-margin);

	--timeline-head-point-size: var(--timeline-year-point-size);
	--timeline-head-point-margin: var(--timeline-year-point-margin);

	--timeline-title-width: 4em;

	--timeline-default-hover-duration: 150ms;
	--timeline-session-hover-duration: 250ms;
	--timeline-archive-hover-duration: var(--timeline-session-hover-duration);

	--ranking-menu-color-1: hsl(
		0,
		80%,
		calc(62% * var(--menu-background-luminosity))
	);
	--ranking-menu-color-2: hsl(
		299,
		64%,
		calc(59% * var(--menu-background-luminosity))
	);
	--ranking-menu-color-3: hsl(
		240,
		81%,
		calc(60% * var(--menu-background-luminosity))
	);
	--ranking-menu-color-4: hsl(
		178,
		64%,
		calc(46% * var(--menu-background-luminosity))
	);
	--ranking-menu-color-5: hsl(
		116,
		59%,
		calc(62% * var(--menu-background-luminosity))
	);
	--ranking-menu-color-6: hsl(
		59,
		73%,
		calc(56% * var(--menu-background-luminosity))
	);
	--ranking-menu-color-7: hsl(
		40,
		75%,
		calc(57% * var(--menu-background-luminosity))
	);

	--timeline-head-title-margins: 0.35em;

	--timeline-head-titles-font-size-min: 1em;
	--timeline-head-titles-font-size-max: 1.2em;

	--ranking-scrollbar-background: hsla(0deg, 0%, 100%, 20%);

	--timeline-scrollbar-background: rgba(255, 255, 255, 8%);
	--timeline-scrollbar-width: 0.75em;

	--ranking-title-minor-color-idle: hsla(0deg, 0%, 100%, 50%);
	--ranking-title-minor-color-hover: hsla(0deg, 0%, 100%, 70%);
	--ranking-title-minor-color-active: hsla(0deg, 0%, 100%, 95%);

	--ranking-title-major-color-idle: hsla(0deg, 0%, 100%, 75%);
	--ranking-title-major-color-hover: hsla(0deg, 100%, 100%, 90%);
	--ranking-title-major-color-active: hsla(0deg, 0%, 100%, 100%);

	--ranking-ribbon-gap: 0.8em;
	
	--badge-tooltip-width: 10em;
}