:root {
	--primary: #2e86c1;
		--primary-text: var(--light);
		--primary-rgb: 46, 134, 193;
	--secondary: #2874a6;
		--secondary-text: var(--light);
		--secondary-rgb: 40, 116, 166;
	--success: #28a745;
		--success-text: var(--light);
		--success-rgb: 40, 167, 69;
	--danger: #dc3545;
		--danger-text: var(--light);
		--danger-rgb: 220, 53, 69;
	--warning: #ffc107;
		--warning-text: var(--dark);
		--warning-rgb: 255, 193, 7;
	--info: #17a2b8;
		--info-text: var(--light);
		--info-rgb: 23, 162, 184;
	--dark: #343a40;
		--dark-text: var(--light);
		--dark-rgb: 52, 58, 64;
	--light: #fafafa;
		--light-text: var(--dark);
		--light-rgb: 250, 250, 250;
}

:root {
	--portal-border-radius: 6px;
	--portal-border-shadow: 0 .25rem 0.5rem rgba(0, 0, 0, 0.2);
}

:root {
	--portal-body-bg: #ffffff;
		--portal-body-bg-text: var(--dark);
		--portal-body-bg-rgb: 255, 255, 255;
	--portal-body-text: #343a40;
		--portal-body-text-text: var(--light);
		--portal-body-text-rgb: 52, 58, 64;
	--bg-color: #fafafa;
		--bg-color-text: var(--dark);
		--bg-color-rgb: 250, 250, 250;
	--text-color: #343a40;
		--text-color-text: var(--light);
		--text-color-rgb: 52, 58, 64;
	--menu-text-color: #fafafa;
		--menu-text-color-text: var(--dark);
		--menu-text-color-rgb: 250, 250, 250;
	--text-color-secondary: #2f343a;
		--text-color-secondary-text: var(--light);
		--text-color-secondary-rgb: 47, 52, 58;
	--bg-color-secondary: #fbfbfb;
		--bg-color-secondary-text: var(--dark);
		--bg-color-secondary-rgb: 251, 251, 251;
	--bs-body-color: #343a40;
		--bs-body-color-text: var(--light);
		--bs-body-color-rgb: 52, 58, 64;
}

.dark {
	--portal-body-bg: #343a40;
		--portal-body-bg-text: var(--light);
		--portal-body-bg-rgb: 52, 58, 64;
	--portal-body-text: #fafafa;
		--portal-body-text-text: var(--dark);
		--portal-body-text-rgb: 250, 250, 250;
	--bg-color: #3e444a;
		--bg-color-text: var(--light);
		--bg-color-rgb: 62, 68, 74;
	--text-color: #fafafa;
		--text-color-text: var(--dark);
		--text-color-rgb: 250, 250, 250;
	--menu-text-color: #fafafa;
		--menu-text-color-text: var(--dark);
		--menu-text-color-rgb: 250, 250, 250;
	--text-color-secondary: #e1e1e1;
		--text-color-secondary-text: var(--dark);
		--text-color-secondary-rgb: 225, 225, 225;
	--bg-color-secondary: #484e53;
		--bg-color-secondary-text: var(--light);
		--bg-color-secondary-rgb: 72, 78, 83;
	--bs-body-color: #fafafa;
		--bs-body-color-text: var(--dark);
		--bs-body-color-rgb: 250, 250, 250;
}