@use '../utils' as *;

/*----------------------------------------*/
/*  2.6 Background
/*----------------------------------------*/
.grey-bg {
	background-color: var(--tp-grey-1);
}
.grey-bg-2 {
	background-color: var(--tp-grey-2);
}
.grey-bg-5 {
	background-color: var(--tp-grey-5);
}
.grey-bg-6 {
	background-color: var(--tp-grey-6);
}
.grey-bg-7 {
	background-color: var(--tp-grey-7);
}
.grey-bg-8 {
	background-color: var(--tp-grey-8);
}
.grey-bg-9 {
	background-color: var(--tp-grey-9);
}

.white-bg {
	background-color: var(--tp-common-white);
}

.black-bg {
	background-color: var(--tp-common-black);
}

.khaki-bg{
	background-color: var(--tp-khaki-1);
}

.green-dark-bg{
	background-color: var(--tp-green-dark);
}

.theme-bg{
	background-color: var(--tp-theme-primary);
}

[data-bg-color = "footer-bg-grey"] {
	background-color: var(--tp-footer-grey-1);
}

[data-bg-color = "footer-bg-white"] {
	background-color : var(--tp-common-white);
}