:root {

	/* COLORS */
	--brand-light: var(--brand--westlands-blue);
	--brand-light-rgb: var(--brand--westlands-blue-rgb);

	--brand: var(--brand--sea-blue);
	--brand-rgb: var(--brand--sea-blue-rgb);

	--brand-deep: var(--brand--deep-blue);
	--brand-deep-rgb: var(--brand--deep-blue-rgb);

	/* FONTS */
	/* font: Tisa Pro? */
	--font-brand: "Noto Serif", serif;

	--serif-font-family: "Noto Serif", serif;
	--sans-serif-font-family: "Inter", sans-serif;

	/* UI */
	--nav-tabs-active: var(--brand-light);

	/* bootstrap */
	--bs-link-color: var(--brand);
	--bs-link-color-rgb: var(--brand-rgb);

	--bs-link-hover-color: var(--brand-deep);
	--bs-link-hover-color-rgb: var(--brand-deep-rgb);
}