@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src:
		url("../fonts/BarlowCondensed-Regular.woff2") format("woff2"),
		url("../fonts/BarlowCondensed-Regular.woff") format("woff");
}

@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src:
		url("../fonts/BarlowCondensed-Medium.woff2") format("woff2"),
		url("../fonts/BarlowCondensed-Medium.woff") format("woff");
}

@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src:
		url("../fonts/BarlowCondensed-Bold.woff2") format("woff2"),
		url("../fonts/BarlowCondensed-Bold.woff") format("woff");
}

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

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

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

:root {
	--spx-color-background: #03060b;
	--spx-color-surface: #0a0d13;
	--spx-color-surface-raised: #11151d;
	--spx-color-text: #f7f7fa;
	--spx-color-text-muted: #a8a9b1;
	--spx-color-primary: #d72bff;
	--spx-color-primary-strong: #a700d0;
	--spx-color-border: #292d37;
	--spx-color-focus: #f66cff;

	--spx-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--spx-font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
	--spx-font-size-base: 1rem;
	--spx-line-height-body: 1.6;
	--spx-line-height-heading: 1.05;

	--spx-container-width: 75rem;
	--spx-container-padding: clamp(1rem, 4vw, 2rem);
	--spx-header-height: 4.5rem;

	--spx-space-xs: 0.5rem;
	--spx-space-sm: 0.75rem;
	--spx-space-md: 1rem;
	--spx-space-lg: 1.5rem;
	--spx-space-xl: 2.5rem;
	--spx-space-2xl: 4rem;
	--spx-space-3xl: 6rem;

	--spx-radius-sm: 0.25rem;
	--spx-radius-md: 0.5rem;
	--spx-border-width: 1px;
	--spx-transition-fast: 160ms ease;
}