Organize website colors into variables

[Brenosalv]

#476

Changes

• Define variables for each color used in the code based on the Figma design. Extract the color values from Figma and assign them to named variables to ensure consistency and maintainability throughout the codebase.

[github-actions]

Visit the preview URL for this PR (updated for commit f2318c2):

https://estuary-marketing--pr591-brenosalv-feature-47-nw5hw5dh.web.app

_{(expires Thu, 09 Jan 2025 01:55:58 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 76f6b095a0752e5d9c6c890267f9fdc3e392161e}

[Brenosalv]

Some colors are used only in specific cases, so I didn’t create variables for them. I added variables only for the most commonly used colors.

[travjenkins]

lgtm - pulled the branch and searched for a few colors.

I think we will want to eventually remove a lot of the uses of variable colors that are one offs (or nearly one offs) with just changing the opacity on the end and force ourselves to only have between 3 and 5 versions of these. That way we can store them all in variables.