@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Unbounded:wght@200..900&display=swap');

:root {
	--container: 1480px;
	--gap: 40px;

	--font-base: 'Montserrat', sans-serif;

	--fs-base: 16px;
	--fs-md: 18px;
	--fs-lg: 20px;

	--color-primary: #87CF00;
	--color-accent: #9AEA21;
	--color-accent-numbers: #68C010;

	--color-white: #FFFFFF;
	--color-link: #131C2E;

	--color-dark-bg: #040A1B;
	--color-dark-fg: #D5DEE9;
	--color-dark-text: #D5DEE9;
	--color-dark-heading: #F8FAFC;
	--color-dark-border: #252D3F;

	--color-card-bg: #F8FAFC;
	--color-card-border: #E2E6F0;
	--color-card-fg: #131C2E;
	--color-card-muted: #6D7890;

	--radius-md: 12px;
	--radius-lg: 24px;
	--radius-pill: 999px;

	--space-sm: 16px;
	--space-md: 24px;
	--space-lg: 40px;

	--fs-xs: 14px;
	--fs-sm: 16px;
	--fs-h2: 32px;

	--fw-bold: 600;
	--lh-heading: 130%;
	--lh-base: 150%;
}