Colors
This section displays all core color variables used across the design system. Each color represents a predefined role within the visual hierarchy, ensuring consistency and accessibility across all elements. The primary, secondary, and white colors serve as the default template colors, forming the foundation of the system. These colors can be adjusted to align with different brand identities, maintaining flexibility while ensuring a cohesive design language. Additional colors may be introduced as needed, dynamically adapting across themes and breakpoints to support evolving design needs.