Suggestion: Use CSS variables for colors

[annievalea]

Ive noticed that there are a bunch of hard-coded color values in the CSS, and colors are repeating everywhere. I think it would be better to use CSS variables for colors. It would make everything more consistent and easier to manage, and css would be easier to read

Set up a section in the CSS file for color variables, like this:

:root {
    --primary-color: #3498db; /* Example color */
    --secondary-color: #2ecc71; /* Example color */
    --text-color: #333;
    --background-color: #fff;
}

Approach:
Go through the styles and swap out the hard-coded colors for the variables. For example:

/* Before */
.button {
    background-color: #3498db;
}

/* After */
.button {
    background-color: var(--primary-color);
}

Im willing to work on this if you think its a good idea.