feat: mise en place du projet et création de la page de login

docs/CHARTE_GRAPHIQUE.md

@@ -0,0 +1,51 @@
+# Charte graphique · **P'titsPas**  
+*Version 1.0 – avril 2025*
+
+---
+
+## 1. Essentiel de la marque
+| Élément | Raison d'être |
+|---------|---------------|
+| **Nom** | *P'titsPas* · évoque le cheminement serein des 0-3 ans |
+| **Signature** | « Grandir pas à pas, sereinement » |
+| **Valeurs** | Bienveillance · Transparence · Simplicité · Modernité |
+
+---
+
+## 2. Logos officiels
+
+| Variante | Aperçu | Usage |
+|----------|--------|-------|
+| **Principal** | ![logo principal](P'tisPas_logo_trans.png) | Headers, back-office, print A4+ |
+| **Icône** | ![icône](P'titsPas_icone.png) | Favicon, PWA, app mobile |
+| **Monochrome** | ![mono](mono_placeholder.svg) | Sérigraphie, tampon, textile sombre |
+
+> **Zone de protection** : laisser au minimum l'équivalent d'une pierre pastel autour du logotype.
+
+---
+
+## 3. Palette de couleurs
+
+| Nom | Hex | Rôle |
+|-----|-----|------|
+| Violet Pastel | `#c6a3d8` | Accent / information |
+| Turquoise | `#8ad0c8` | Actions primaires |
+| Jaune Doux | `#f2d269` | Avertissements légers |
+| Corail | `#f4a28c` | États d'erreur ou badges « conflit » |
+| Encre | `#2f2f2f` | Texte principal |
+| Ivoire BG | `#fffef9` | Fond d'application & documents |
+
+---
+
+## 4. Typographies
+
+| Contexte | Fonte | Chargement |
+|----------|-------|------------|
+| Titres & accroches | **Merienda 600** | Google Fonts |
+| Texte courant | **Merriweather 300/400** | Google Fonts |
+| UI compact | **Inter** (fallback système) | CDN |
+
+```css
+h1, h2 { font-family: "Merienda", cursive; }
+body    { font-family: "Merriweather", serif; }
+```