Add new scss global values

[Jonroi]

🧹 Task Description

Add new SCSS global values, including:

• Colors
• Fonts
• Rounders (border-radius and related values)
• Other reusable variables.

Note: Ensure existing values remain intact and are not deleted.

---

✅ Steps to Complete

Follow these steps to complete the task:

1. Contact the UI Lead, Terhi, to gather the required values.
2. Make new theme for these values and name it as main.scss

3. Add the provided values to the SCSS global styles and Themes.
4. Test the changes by applying the updates to components and verifying their functionality.

---

📎 Additional Information

Refer to the Figma design for guidance: [View the Figma Design](https://www.figma.com/design/qaRrNbozqOeESL9lQ2UDrM/Altzone?node-id=69-19&p=f&t=wf9snZ5xoCtGuRWK-0)

[Jonroi]

completed