Background Color: #F6F6F6

Text Color: #000000

Heading Text Size: 24px

Heading Text Style: Semi-Bold

Body Text Font: Inter

Button Text Style: Semi-Bold, Size 12px, Font: Inter

Button Color: #FFBD5A

Icon Color: #FFBD5A

Icon Click Fill: Icon fills with color when clicked, otherwise remains unfilled

Background Color (#F6F6F6): This light gray color is chosen for the background to create a clean and neutral canvas for the website content. It helps to reduce eye strain and provides a subtle backdrop that allows other elements to stand out.

Text Color (#000000): The black text color is selected for optimal readability against the light gray background. Black text on a light background is a standard choice for ensuring clear and easy-to-read content, enhancing the overall user experience.

Button Color (#FFBD5A): The vibrant orange-yellow color is chosen for buttons to attract attention and encourage interaction. This color is associated with energy, warmth, and friendliness, making it suitable for call-to-action buttons that prompt users to make purchases or explore the website further.

Icon Color (#FFBD5A): Consistency is maintained by using the same color (#FFBD5A) for both buttons and icons. This creates visual harmony and reinforces the brand identity throughout the website. The orange-yellow color adds visual interest to icons, making them noticeable and clickable.

Icon Click Fill (Filled/Unfilled): When an icon is clicked, it fills with the same color used for buttons (#FFBD5A). This visual feedback indicates to users that the icon has been selected or activated, enhancing the interactive experience. Icons revert to their unfilled state when not clicked, maintaining a consistent visual appearance.