:root {
    /* Color */
    --clr-primary: #1EA39F;
    --clr-neutral100: #F5F7F8;
    --clr-neutral200: #7B9BA6;
    --clr-dark: #464646;
    --clr-white: #ffffff;
    --clr-black: #000000;
    /* Gradients */
    --grad-primary: linear-gradient(233.64deg, #1EA39FA6 18.77%, #FFFFFF 84.43%);
}

/* Texts and backgrounds classes */

p {
    color: #5e5e5e;
}

.text-primary {
    color: #2a94d3 !important;
}

.bg-primary {
    background-color: #2a94d3 !important;
}

.text-secondary {
    color: var(--clr-secondary) !important;
}

.bg-secondary {
    background-color: var(--clr-secondary) !important;
}

.text-neutral100 {
    color: var(--clr-neutral100) !important;
}

.bg-neutral100 {
    background-color: var(--clr-neutral100) !important;
}

.text-neutral200 {
    color: var(--clr-neutral200) !important;
}

.bg-neutral200 {
    background-color: var(--clr-neutral200) !important;
}

.text-white {
    color: var(--clr-white) !important;
}

.bg-white {
    background-color: var(--clr-white) !important;
}

.bg-grad {
    background-image: var(--grad-primary) !important;
}

.text-black {
    color: var(--clr-black) !important;
}

.bg-black {
    background-color: var(--clr-black) !important;
}