@import url(https://fonts.bunny.net/css?family=fira-sans:200,200i,400,400i,500,500i,600,600i,800,800i);

:root {
	--bs-color-main: #224177;
	--bs-color-second: #dee3ed;

	--bs-border-radius: 0;

	--bs-font-family: 'Fira Sans', Helvetica, sans-serif;
	--bs-color-font-main: #333333;

	--bs-color-font-positive: #2e7441;
	--bs-color-font-negative: #963f33;

	--bs-button-hover-background: #1c3663;
	--bs-tabs-simple-hover-background: var(--bs-button-hover-background);
	--bs-base-link-text-decoration: underline;
	--bs-colors-link: #919191;
	--bs-colors-link-hover: #333333;

	--bs-form-narrow-logo-width: clamp(22rem, 85%, 26rem);
	--bs-nav-logo-width: 92%;
	--bs-page-logo-width: clamp(14rem, 69%, 20rem);
}

.bs.bs-variable-2 {
	--bs-compare-funds-chart-colors-0: oklch(from var(--bs-color-main) calc(l + 0.2) c h);
	--bs-compare-funds-chart-colors-1:  oklch(from var(--bs-color-font-main) calc(l - 0.2) calc(c + 0.2) h);
}