The app follows a minimal, accessible, and elegant design system inspired by Material 3 + Tailwind UI.

---

• Dark/Light mode supported
• Auto-detects system preferences
• Custom themes (per user) in future version

---

• Font: Inter, Roboto
• Rounded: rounded-2xl
• Shadows: soft medium by default
• Spacing: p-4, gap-6, space-y-4 standard
• Typography: text-base, text-sm, text-xl for headings

---

• Easy onboarding
• Minimal clicks to complete key actions
• Animations for transitions (Framer Motion)
• Mobile-first responsive layout
• Keyboard navigable

---

• Color contrast: WCAG AA+
• Focus ring: visible + styled
• Tooltips for all icons
• ARIA roles and keyboard navigation for modals/forms

---

• All pages/components should avoid FOUC (Flash of Unstyled Content)
• Ensure layout animations don't break SSR if using Next.js