@import url(style.css);

:root {
    --text: #101010;
	--text-light: #202020;
	--text-dark: #000000;
	
	--bg-1: #E0E0E0;
	--bg-2: #F0F0F0;
	--page-bg: #FFFFFF;
	--page-bg-hov: #EFEFEF;
	--page-bg-hov-2: #DFDFDF;
	--tableborder: var(--text);
	
	--accent: hsl(var(--accent-hue), 100%, 38%);
	--accent-light: hsl(var(--accent-hue), 100%, 50%);
	
	--pdarken: 60%;
	--lwhite: color-mix(in srgb, white var(--pdarken), black);
	--lred: color-mix(in srgb, crimson var(--pdarken), black);
	--lorange: color-mix(in srgb, orangered var(--pdarken), black);
	--lyellow: color-mix(in srgb, gold var(--pdarken), black);
	--lgreen: color-mix(in srgb, limegreen var(--pdarken), black);
	--lcyan: color-mix(in srgb, dodgerblue var(--pdarken), black);
	--lblue: color-mix(in srgb, #1e40ff var(--pdarken), black);
	--lpurple: color-mix(in srgb, blueviolet var(--pdarken), black);
	
	--defl-fonts: sans-serif;
	--mono-fonts: monospace;
	--header-fonts: serif;
	--math-fonts: "Latin Modern Math", math, "Times New Roman", Times, serif; /*"Nimbus Roman No9 L","Times New Roman",Times,serif; wikipedia */
}

a, l, bl {
	color: color-mix(in srgb, var(--accent) var(--pdarken), black);
}
l, bl {
	color: var(--text-light);
}
a, l, bl, .lwhite, .lred, .lorange, .lyellow, .lgreen, .lcyan, .lblue, .lpurple {
	font-weight: bold;
	text-shadow: none;
}
a:hover {
	color: color-mix(in srgb, var(--accent-light) var(--pdarken), black);
	text-shadow: none;
}

.darkmode {
	filter: invert(1);
}

.romannumeral::after, .romannumeral::before {
	visibility: hidden;
}