# Design System

## Brand direction
- Serious, premium, academic presentation.
- Audience: Pakistani FSc/Entry-test learners.

## Typography
- Headings: Playfair Display
- Body/UI: DM Sans
- Data labels: JetBrains Mono

## Colors (project canonical)
- Navy/gold palette and semantic success/danger colors from project instructions.

## Components and behavior
- Cards: translucent dark card with subtle gold border and blur.
- Hover: slight lift + soft glow.
- Buttons: primary (gold), secondary (outlined), ghost.
- Icon set: Lucide.
- Content widths/sidebars: dashboard wide sidebar, compact lesson sidebar.

## Implementation rule
For new UI, follow existing Blade component/layout patterns and match `html/` prototypes instead of introducing unrelated styles.