:root {
	/* FONT VARIABLES */
	--font-family: 'Roboto-Regular';

	/* 10px */
	--font-4xs: 0.625rem;
	/* 12px */
	--font-3xs: 0.75rem;
	/* 14px */
	--font-2xs: 0.875rem;
	/* 16px */
	--font-xs: 1rem;
	/* 20px */
	--font-sm: 1.25rem;
	/* 24px */
	--font-md: 1.5rem;
	/* 32px */
	--font-lg: 2rem;
	/* 48px */
	--font-xl: 3rem;
	/* 56px */
	--font-2xl: 3.5rem;


	/* 16px */
	--line-xs: 1rem;
	/* 20px */
	--line-sm: 1.25rem;
	/* 24px */
	--line-md: 1.5rem;
	/* 28px */
	--line-2md: 1.75rem;
	/* 32px */
	--line-lg: 2rem;
	/* 36px */
	--line-xl: 2.25rem;
	/* 40px */
	--line-2xl: 2.5rem;
	/* 44px */
	--line-3xl: 2.75rem;
	/* 52px */
	--line-4xl: 3.25rem;
	/* 64px */
	--line-5xl: 4rem;


	--font-regular: 400;
	--font-medium: 500;
	--font-bold: 600;

	/* COLORS VARIABLES */
	--color-primary: #411E5A;
	--color-secondary: #F46F22;
	--color-bg-gray: #F5F5F5;
	--color-silver-70: #A6AEBA;
}

.font-xs {
	font-size: var(--font-xs) !important;
}

.font-display-large {
	font-family: var(--font-family);
	font-size: var(--font-2xl);
	line-height: var(--line-5xl);
	font-weight: var(--font-regular);
}

.font-title-large {
	font-family: var(--font-family);
	font-size: var(--font-md);
	line-height: var(--line-2md);
	font-weight: var(--font-medium);
}

.font-body-large {
	font-family: var(--font-family);
	font-size: var(--font-xs);
	line-height: var(--line-md);
	font-weight: var(--font-medium);
}

.font-display-medium {
	font-family: var(--font-family);
	font-size: var(--font-xl);
	line-height: var(--line-4xl);
	font-weight: var(--font-regular);
}

.font-title-medium {
	font-family: var(--font-family);
	font-size: var(--font-xs);
	line-height: var(--line-2md);
	font-weight: var(--font-medium);
}

.font-body-medium {
	font-family: var(--font-family);
	font-size: var(--font-2xs);
	line-height: var(--line-sm);
	font-weight: var(--font-medium);
}

.font-headline-large {
	font-family: var(--font-family);
	font-size: var(--font-lg);
	line-height: var(--line-2xl);
	font-weight: var(--font-regular);
}

.font-headline-medium {
	font-family: var(--font-family);
	font-size: var(--font-md);
	line-height: var(--line-xl);
	font-weight: var(--font-regular);
}

.font-headline-small {
	font-family: var(--font-family);
	font-size: var(--font-sm);
	line-height: var(--line-lg);
	font-weight: var(--font-regular);
}

.font-label-large {
	font-family: var(--font-family);
	font-size: var(--font-2xs);
	line-height: var(--line-sm);
	font-weight: var(--font-regular);
}

.font-label-medium {
	font-family: var(--font-family);
	font-size: var(--font-3xs);
	line-height: var(--line-xs);
	font-weight: var(--font-regular);
}

.font-label-small {
	font-family: var(--font-family);
	font-size: var(--font-3xs);
	line-height: var(--line-xs);
	font-weight: var(--font-regular);
}

.font-bold {
	font-weight: var(--font-bold);
}

.d-flex {
	display: flex !important;
}

.flex-col {
	flex-direction: column !important;
}

.justify-center {
	justify-content: center !important;
}

.items-center {
	align-items: center !important;
}

.w-full {
	width: 100% !important;
}
