@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/montserrat-latin.woff2") format("woff2");
}

@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/montserrat-latin.woff2") format("woff2");
}

@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/montserrat-latin.woff2") format("woff2");
}

@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/montserrat-latin.woff2") format("woff2");
}

:root {
	--axon-font: "Montserrat", Arial, sans-serif;
	--axon-ink: #121c24;
	--axon-navy: #0d2633;
	--axon-navy-strong: #081b25;
	--axon-surface: #182630;
	--axon-surface-raised: #20323d;
	--axon-cyan: #43bde8;
	--axon-cyan-strong: #1f9ad1;
	--axon-cyan-soft: #8edcf7;
	--axon-on-cyan: #071f2b;
	--axon-primary-button: #35b6e1;
	--axon-primary-button-hover: #4bc4eb;
	--axon-primary-button-border: rgba(195, 241, 255, 0.72);
	--axon-primary-button-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -2px 0 rgba(7, 31, 43, 0.18), 0 10px 24px rgba(4, 24, 34, 0.24);
	--axon-primary-button-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.42), inset 0 -2px 0 rgba(7, 31, 43, 0.14), 0 14px 30px rgba(4, 24, 34, 0.3);
	--axon-text: #eaf4fa;
	--axon-text-muted: #a9bec9;
	--axon-text-dark: #172630;
	--axon-border: rgba(255, 255, 255, 0.12);
	--axon-border-dark: #d8e1e6;
	--axon-success: #2bb673;
	--axon-warning: #f2c94c;
	--axon-error: #d94f5c;
	--axon-radius-sm: 10px;
	--axon-radius-md: 16px;
	--axon-radius-lg: 28px;
	--axon-shadow: 0 18px 50px rgba(5, 22, 31, 0.14);
	--axon-transition: 180ms ease;
}

.axon-design-system,
.axon-design-system button,
.axon-design-system input,
.axon-design-system select,
.axon-design-system textarea {
	font-family: var(--axon-font);
}

.axon-design-system h1,
.axon-design-system h2,
.axon-design-system h3,
.axon-design-system h4,
.axon-design-system h5,
.axon-design-system h6,
.axon-design-system .elementor-heading-title {
	font-family: var(--axon-font);
	font-weight: 700;
	letter-spacing: -0.025em;
}

.axon-design-system ::selection {
	background: rgba(67, 189, 232, 0.35);
}