feat: setup, landing page

src/styles/index.css

@@ -0,0 +1,80 @@
+/* @tailwind base;
+@tailwind components;
+@tailwind utilities; */
+/* @import './reset.css'; */
+
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+
+:root {
+  --color-primary: 232 232 227;
+  --color-secondary: 23 23 23;
+  --color-accent: 59 130 246; /* Bleu par défaut */
+  font-family: 'Open Sans', sans-serif;
+}
+
+.theme-dark {
+  --color-primary: 23 23 23;
+  --color-secondary: 232 232 227;
+  --color-accent: 96 165 250; /* Bleu clair pour dark mode */
+}
+
+.theme-light {
+  --color-primary: 232 232 227;
+  --color-secondary: 23 23 23;
+  --color-accent: 37 99 235; /* Bleu foncé pour light mode */
+}
+
+/* Custom Themes - Purple Haze */
+.theme-custom-purple {
+  --color-primary: 15 23 42; /* Slate foncé */
+  --color-secondary: 226 232 240; /* Slate clair */
+  --color-accent: 168 85 247; /* Violet/Purple */
+}
+
+/* Custom Themes - Teal Dream */
+.theme-custom-teal {
+  --color-primary: 17 24 39; /* Gray foncé */
+  --color-secondary: 229 231 235; /* Gray clair */
+  --color-accent: 20 184 166; /* Teal */
+}
+
+/* Custom Themes - Sunset Orange */
+.theme-custom-sunset {
+  --color-primary: 30 27 27; /* Brun foncé */
+  --color-secondary: 254 240 215; /* Orange très clair */
+  --color-accent: 249 115 22; /* Orange vif */
+}
+
+/* Custom Themes - Forest Green */
+.theme-custom-forest {
+  --color-primary: 20 30 25; /* Vert très foncé */
+  --color-secondary: 236 253 243; /* Vert très clair */
+  --color-accent: 34 197 94; /* Vert */
+}
+
+/* Custom Themes - Ocean Blue */
+.theme-custom-ocean {
+  --color-primary: 12 23 39; /* Bleu nuit */
+  --color-secondary: 224 242 254; /* Bleu très clair */
+  --color-accent: 14 165 233; /* Bleu océan */
+}
+
+/* Custom Themes - Rose Pink */
+.theme-custom-rose {
+  --color-primary: 31 20 31; /* Violet foncé */
+  --color-secondary: 253 242 248; /* Rose très clair */
+  --color-accent: 244 63 94; /* Rose */
+}
+
+/* Custom Themes - Amber Gold */
+.theme-custom-amber {
+  --color-primary: 28 25 23; /* Brun foncé */
+  --color-secondary: 254 252 232; /* Jaune très clair */
+  --color-accent: 245 158 11; /* Ambre/Or */
+}
+