Welcome to the Style Guide, where you’ll find the foundation of the design system. This guide ensures consistency across all pages by defining key styles and reusable elements.

Most of the design properties—colors, spacing, typography, headings, buttons, and more—are stored in variables. This makes customization effortless: simply adjust the variables, and the changes will reflect throughout the project.

What you can customize:

• 🎨 Colors – Update primary, secondary, and neutral tones.
• 📏 Spacing – Modify margins, paddings, and layout gaps.
• 🔠 Typography – Adjust fonts, sizes, weights, and line heights.
• 🎯 Headings & Text Styles – Refine the look of titles, paragraphs, and labels.

By leveraging variables, you gain full control over the design system while maintaining visual harmony across the project. Dive in and make it your own! 🚀