/* Theme base styles */

:root {

	/* Spacing */

	--container-width: 1180px;
	--container-width-narrow: 880px;
	--vertical-spacing: 12rem;
	--gap: 2rem;
	--gap-xs: calc(var(--gap) / 4);
	--gap-sm: calc(var(--gap) / 2);
	--gap-md: calc(var(--gap) * 2);
	--gap-lg: calc(var(--gap) * 4);

	/* Colors */

	--base-color: #000;
	--primary-color: #C8102E;
	--primary-color-hover: #9D2235;
	--secondary-color: #333;
	--secondary-color-hover: #000;
	--tertiary-color: #e5e4d9;
	--tertiary-color-hover: #b2b1a6;

	--black: #000;
	--dark-gray: #424242;
	--light-gray: #F8F8F8;
	--medium-gray: #d2d2d2;
	/* form borders, form placeholders, table borders, table header, table footer, dividers */
	--white: #fff;

	/* Typography */

	--base-font-size: 1.6rem;
	--base-line-height: 1.7;
	--primary-font-family: 'Open Sans', sans-serif;
	--secondary-font-family: 'Inter', sans-serif;

}

/* Generic */

	{
	# include './generic/_reset.css' %
}

	{
	% include './generic/_normalize.css' #
}

/* Objects */

	{
	% include './objects/_layout-dnd.css' %
}

	{
	% include './objects/_cards.css' %
}

/* Elements */

	{
	% include './elements/_typography.css' %
}

	{
	% include './elements/_buttons.css' %
}

	{
	% include './elements/_forms.css' %
}

	{
	% include './elements/_tables.css' %
}

/* Components */

	{
	% include './components/_header.css' %
}

	{
	% include './components/_footer.css' %
}

/* Utilities */

	{
	% include './utilities/_helper.css' %
}