:root {
	/* Colors starts here */
	--body-color:  #FFFFFF;
    --color-primary: #2563EB;
    --color-secondary: #211C84;
    --btn-color:#F59E0B;
    --btn-color-1:#4338CA;
    --color-bg:#E5E7EB;
    --light-blue:#93C5FD ;
    --extra-color-1:#1D235D;
    /* --extra-color-2:#A2A8E2;
    --extra-color-3:#14183E;
    --extra-color-4:#333D99; */
    --extra-color-5:#f7f7f7;
    --color-text: #7A7A7A;
    --text-color-2: #1A1A1A;
    --Accent-color-1:#EF4444;
    --Accent-color-2:#10B981;
  
}
.body-color{
    background-color: var(--body-color);
}
.primary_color{
    color: var(--color-primary);
}
.primary_bg{
    background-color: var(--color-primary);
}
.secondary_color{
    color: var(--color-secondary);
}
.secondary_bg{
    background-color: var(--color-secondary);
}
.btn-color{
    color: var(--btn-color);
}
.btn-bg{
    background-color: var(--btn-color);
}
.btn-color2{
    color: var(--btn-color-1);
}
.btn-bg2{
    background-color: var(--btn-color-1);
}
.color-bg{
    color: var(--color-bg);
}
.color_backg{
    background-color: var(--color-bg);
}
.light-blue{
    color: var(--light-blue);
}
.light-blue-bg{
    background-color: var(--light-blue);
}
.accent-color-1{
    color: var(--accent-color-1);
}
.accent-bg-1{
    background-color: var(--accent-color-1);
}
.accent-color-2{
    color: var(--accent-color-1);
}
.accent-bg-2{
    background-color: var(--accent-color-3);
}
.extra-color-1{
    color: var(--extra-color-1);
}
.extra-bg-1{
    background-color: var(--extra-color-1);
}
/* .extra-color-2{
    color: var(--extra-color-2);
}
.extra-bg-2{
    background-color: var(--extra-color-2);
}
.extra-color-3{
    color: var(--extra-color-3);
}
.extra-bg-3{
    background-color: var(--extra-color-3);
}

.extra-color-4{
    color: var(--extra-color-4);
}
.extra-bg-4{
    background-color: var(--extra-color-4);
} */
.extra-color-5{
    color: var(--extra-color-5);
}
.extra-bg-5{
    background-color: var(--extra-color-5);
}