:root {
    --white: #fff;
    --black: #000;
    --light-grey: #f8f8f8;
    --light-grey-2: #ccc;
    --dark-grey: #666;
    --accent-1: #2E92A9;
    --accent-2: #9539ebdd;
    --accent-3: #EF7365;
    --accent-4: #f7bf30;
    --accent-5: #ffe29a;
}

.text-white {
    color: var(--white) !important; 
}
.text-black {
    color: var(--black) !important; 
}
.text-light-grey {
    color: var(--light-grey) !important; 
}
.text-light-grey-2 {
    color: var(--light-grey-2) !important; 
}
.text-dark-grey {
    color: var(--dark-grey) !important; 
}
.text-accent-1 {
    color: var(--accent-1) !important; 
}
.text-accent-2 {
    color: var(--accent-2) !important; 
}
.text-accent-3 {
    color: var(--accent-3) !important; 
}
.text-accent-4 {
    color: var(--accent-4) !important; 
}


.bg-white {
    background-color: var(--white) !important; 
}
.bg-black {
    background-color: var(--black) !important; 
}
.bg-light-grey {
    background-color: var(--light-grey) !important; 
}
.bg-light-grey-2 {
    background-color: var(--light-grey-2) !important; 
}
.bg-dark-grey {
    background-color: var(--dark-grey) !important; 
}
.bg-accent-1 {
    background-color: var(--accent-1) !important; 
}
.bg-accent-2 {
    background-color: var(--accent-2) !important; 
}
.bg-accent-3 {
    background-color: var(--accent-3) !important; 
}
.bg-accent-4 {
    background-color: var(--accent-4) !important; 
}