Design tokens and shadcn setup

[MohamedMouloudj]

Blocked by

Issue 1 and the CSS variables file shared in the Telegram channel.

Description

Configure global CSS variables for colors and fonts, then install and configure shadcn to use those variables.

Tasks

• Add the CSS variables file (shared on Telegram) to the project globals
• Configure the font using Next.js font optimization (next/font)
• Install shadcn CLI and initialize it
• Point shadcn config to use the existing CSS variables, do not let it override them
• Verify a sample shadcn component resolves the correct tokens

Notes

• CSS file will be provided via Telegram, do not invent or use placeholder values
• Use next/font for font loading, not a CDN link
• shadcn init may generate its own CSS variables, reconcile them with the provided file rather than duplicating

Acceptance Criteria

• CSS variables are defined in globals.css
• Fonts load via next/font
• shadcn is installed and components.json points to the correct CSS variables
• A sample shadcn component (e.g. Button) renders with the correct design tokens
• No hardcoded color or font values anywhere