:root {
  --main-bg: #dbd5d0;
  --primary-color: #61341d;
  --secondary-color:#331100;
  /* --heading-color-1:#008EFF; */
  --white-color: #ffffff;
  --black-color: #000000;
  --text-color-1: #2c2f31;
  --text-color-2: #f8f8f8;
  --text-color-3:#2022158f;
  --extra-color-1: #d4c6b6;
  --extra-color-2: #f4faff;
  --extra-color-3: #d8ebfb;
  --extra-color-4: #f2ece6;
  --extra-color-5:#E3D9CE;
  --extra-color-6:#CFC3B6;
  --extra-color-7:#E9E1D8;
  --extra-color-8:#d4c6b67a;
  --input-color: #bcbcbc;
  --product-color:#D5DADE;
}
.main_bg {
  background-color: var(--main-bg);
}
.main_color {
  color: var(--main-bg);
}
.secondary_bg{
  background-color: var(--secondary-color);
}
.primary_color {
  color: var(--primary-color);
}
.primary_bg {
  background-color: var(--primary-color);
}
.white_color {
  color: var(--white-color);
}
.white_bg {
  background-color: var(--white-color);
}
.black_color {
  color: var(--black-color);
}
.heading_bg {
  background-color: var(--heading-color-1);
}
.heading_color_1 {
  color: var(--heading-color-1);
}
.text_color-1 {
  color: var(--text-color-1);
}
.text-color-2 {
  color: var(--text-color-2);
}
.text-color-3{
    color: var(--text-color-3);
}
.extra_bg_1 {
  background-color: var(--extra-color-1);
}
.extra_color_1 {
  color: var(--extra-color-1);
}
.extra_bg_2 {
  background-color: var(--extra-color-2);
}
.extra_color_2 {
  color: var(--extra-color-2);
}
.input_color {
  color: var(--input-color);
}
.extra_color_3 {
  color: var(--extra-color-3);
}
.extra_bg_4 {
  background-color: var(--extra-color-4);
}

.extra_bg_5{
    background-color: var(--extra-color-5);
}
.extra_bg_6{
    background-color: var(--extra-color-6);
}
.extra_bg_7{
background-color: var(--extra-color-7);
}
.extra_bg_8{
  background-color: var(--extra-color-8);
}
.product_bg{
    background-color: var(--product-color);
}