Define CSS style guide

[codewithMycah]

Establish a consistent styling system. This will ensure a clean, scalable, and maintainable UI across all components.

Setup Global Styling System

• Define base styles (font, background, spacing)
• Apply consistent layout defaults (container, margins, paddings)
• Configure responsive breakpoints (if needed)

Create Design Constants

• Colors (primary, secondary, accent, neutral)
• Font sizes and weights
• Spacing scale
• Border radius and shadows

Define Component Style Guidelines

• Button styles (primary, secondary, disabled)
• Input fields (focus, error states)
• Cards, modals, and containers
• Typography hierarchy (headings, body, captions)