@font-face {
	font-family: 'Anton';
	src: URL('/fonts/anton-v27-latin_latin-ext-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	src: URL('/fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.woff2') format('woff2');
}

:root {
	--color-dark: #000000;
	--color-dark-rgb: 0, 0, 0;
	--color-neutral: #f6f6f6;;
	--color-primary: #9056DC;
	--color-primary-rgb: 144, 86, 220;
	--color-secondary: #9056DC;
	--color-additional-01: #9056DC;
	--color-additional-02: #9056DC;

	--color-primary-tint-01: #9056DC;
	--color-primary-tint-02: #9056DC;
	--color-primary-tint-02-rgb: 144, 86, 220;
	--color-primary-tint-03: #9056DC;
	--color-primary-tint-04: #9056DC;
	--color-primary-tint-05: #9056DC;
	--color-primary-tint-06: #9056DC;
	--color-primary-tint-07: #9056DC;

	--color-secondary-tint-02: #9056DC;
	--color-secondary-tint-02-rgb: 92, 51, 244;
	--color-secondary-tint-03: #9056DC;
	--color-secondary-tint-04: #9056DC;
	--color-secondary-tint-05: #9056DC;
	--color-secondary-tint-06: #9056DC;

	--bs-font-sans-serif: 'Inter';
	--bs-body-bg: var(--color-neutral);
	--bs-body-color: var(--color-dark);
	--bs-secondary-color: var(--color-neutral);
	--bs-heading-color: var(--color-secondary);
	--bs-emphasis-color: var(--color-dark);
	--bs-emphasis-color-rgb: var(--color-dark-rgb);

	--bs-link-color: var(--color-primary);
	--bs-link-color-rgb: var(--color-primary-rgb);
	--bs-link-hover-color: var(--color-primary-tint-02);
	--bs-link-hover-color-rgb: var(--color-primary-tint-02-rgb);

	--bs-tertiary-bg: var(--color-primary);
	--bs-tertiary-bg-rgb: var(--color-primary-rgb);

	--bs-success-text-emphasis: var(--color-dark);
	--bs-success-bg-subtle: var(--color-primary-tint-05);
	--bs-success-border-subtle: var(--color-primary-tint-04);
	--bs-success-text-emphasis: var(--color-dark);

	--bs-warning-text-emphasis: var(--color-dark);
	--bs-warning-bg-subtle: var(--color-secondary-tint-05);
	--bs-warning-border-subtle: var(--color-secondary-tint-06);
	--bs-warning-text-emphasis: var(--color-dark);

	--bs-danger-text-emphasis: var(--color-dark);
	--bs-danger-bg-subtle: var(--color-additional-01);
	--bs-danger-border-subtle: var(--color-additional-01);
	--bs-danger-text-emphasis: var(--color-dark);

	--bs-info-text-emphasis: var(--color-dark);
	--bs-info-bg-subtle: var(--color-additional-02);
	--bs-info-border-subtle: var(--color-additional-02);
	--bs-info-text-emphasis: var(--color-dark);
}

.btn-primary {
	--bs-btn-color: var(--color-dark);
	--bs-btn-bg: var(--color-primary-tint-05);
	--bs-btn-border-color: var(--color-primary-tint-06);
	--bs-btn-hover-color: var(--color-dark);
	--bs-btn-hover-bg: var(--color-primary-tint-03);
	--bs-btn-hover-border-color: var(--color-primary);
	--bs-btn-focus-shadow-rgb: var(--color-primary-tint-02-rgb);
	--bs-btn-active-color: var(--color-dark);
	--bs-btn-active-bg: var(--color-primary);
	--bs-btn-active-border-color: var(--color-primary-tint-01);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--color-dark);
	--bs-btn-disabled-bg: var(--color-primary);
	--bs-btn-disabled-border-color: var(--color-primary);
}

.btn-secondary {
	--bs-btn-color: var(--color-dark);
	--bs-btn-bg: var(--color-secondary-tint-05);
	--bs-btn-border-color: var(--color-secondary-tint-06);
	--bs-btn-hover-color: var(--color-dark);
	--bs-btn-hover-bg: var(--color-secondary-tint-03);
	--bs-btn-hover-border-color: var(--color-secondary);
	--bs-btn-focus-shadow-rgb: var(--color-secondary-tint-02-rgb);
	--bs-btn-active-color: var(--color-dark);
	--bs-btn-active-bg: var(--color-secondary);
	--bs-btn-active-border-color: var(--color-secondary-tint-01);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--color-dark);
	--bs-btn-disabled-bg: var(--color-secondary);
	--bs-btn-disabled-border-color: var(--color-secondary);
}


.btn-danger {
  --bs-btn-color: var(--color-dark);
  --bs-btn-bg: var(--color-additional-01);
  --bs-btn-border-color: var(--color-additional-01);
  --bs-btn-hover-color: var(--color-dark);
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: var(--color-dark);
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-dark);
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}


.navbar {
	font-family: 'Anton';
	--bs-navbar-toggler-border-color: var(--bs-emphasis-color);
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 255, 0, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	text-transform: uppercase;
}

.table {
	--bs-table-striped-color: var(--color-dark);
	--bs-table-color: var(--color-dark);
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-family: 'Anton';
	color: var(--color-dark);
	background-color: var(--color-neutral);
	padding-left: 5px;
	padding-right: 5px;
	text-transform: uppercase;
}

@keyframes font_weight_wave {
	from {
		font-weight: 10;
	} to {
		font-weight: 100;
	}
}