:root {
	--t-color: #333;
	--h-color: #333;
	--bg-color: #fafafa;
	--nv-color: rgba(255, 255, 255, 0.95);
	--border-color: #e0e0e0;
	--muted-color: #666;
	--hover-color: #f09228;
	--link-color: #1772d0;
	--highlight-bg: #ffffd0;
	--table-bg: #ffffff;
	--nav-hover: #f0f0f0;
}

body {
	background-color: var(--bg-color);
	color: var(--t-color);
}

h1, h2, h3, h4, b {
	color: var(--h-color) !important;
}

#top-nav {
	background-color: var(--nv-color) !important;
	border-bottom: 1px solid var(--border-color);
	backdrop-filter: blur(10px);
}

.nav-link {
	color: var(--t-color) !important;
}

.nav-link:hover {
	color: var(--t-color) !important;
	background-color: var(--nav-hover);
}

.nav-link.active {
	color: var(--link-color) !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

.t-secondary {
	color: var(--muted-color);
}

a:not(.nav-link),
.link-dark {
	color: var(--link-color) !important;
}

a:not(.nav-link):hover,
.link-dark:hover {
	color: var(--hover-color) !important;
	opacity: 1;
}

/* OPTION BUTTON */
.options-button {
	background-color: var(--table-bg);
	border: 1px solid var(--border-color);
	box-shadow: none;
	color: var(--t-color);
}

#options-toggler {
	box-shadow: none;
}

#options-toggler:hover,
#theme:hover,
#lan:hover {
	background-color: var(--nav-hover);
}

/* BLOG - Related */
.blog-short {
	color: var(--muted-color);
}

/* TEACHING RELATED */
.academic-name {
	color: var(--link-color);
}

.academic-block {
	border-left: 3px solid var(--link-color);
}