amélioration des couleurs du thème

assets/css/theme.css

@@ -1,23 +1,24 @@
 /* Thème et variables globales */
 :root {
-    /* Couleurs principales */
-    --bg-primary: #1a1512;
-    --bg-secondary: #2c1810;
-    --bg-tertiary: #382218;
+    /* Couleurs de fond */
+    --bg-primary: #2c2424;
+    --bg-secondary: #3e3232;
+    --bg-tertiary: #4a3f3f;
     
     /* Textes */
-    --text-primary: #e0d6cc;
-    --text-secondary: #b3a69b;
+    --text-primary: #e6d8cc;
+    --text-secondary: #cfbfa3;
+    --text-tertiary: #2c2420;
     
     /* Accents */
-    --accent-primary: #8b4513;
-    --accent-secondary: #d4691e;
+    --accent-primary: #d2a679;
+    --accent-secondary: #e6b88a;
     
     /* Utilitaires */
-    --border-color: #483225;
-    --success-color: #2d5a27;
-    --error-color: #802020;
-    --input-bg: #241610;
+    --border-color: #5a4b4b;
+    --success-color: #5a8c54;
+    --error-color: #8c4646;
+    --input-bg: #332a2a;
     
     /* Espacements */
     --spacing-xs: 0.5rem;
@@ -43,6 +44,7 @@ body {
     font-family: Arial, sans-serif;
     background-color: var(--bg-primary);
     color: var(--text-primary);
+    line-height: 1.6;
 }
 
 button, input, textarea {
@@ -53,16 +55,28 @@ button, input, textarea {
 .button {
     padding: var(--spacing-sm) var(--spacing-md);
     background-color: var(--accent-primary);
-    color: var(--text-primary);
+    color: var(--text-tertiary);
     border: none;
     border-radius: var(--radius-sm);
     cursor: pointer;
-    transition: background-color var(--transition-fast);
+    transition: all var(--transition-fast);
     text-decoration: none;
 }
 
 .button:hover {
     background-color: var(--accent-secondary);
+    color: var(--text-tertiary);
+}
+
+/* Variante de bouton sombre */
+.button.dark {
+    background-color: var(--bg-secondary);
+    color: var(--text-primary);
+}
+
+.button.dark:hover {
+    background-color: var(--bg-tertiary);
+    color: var(--text-primary);
 }
 
 /* États de focus globaux */
@@ -71,5 +85,24 @@ button, input, textarea {
 }
 
 :focus-visible {
-    box-shadow: 0 0 0 2px rgba(139, 69, 19, 0.2);
+    box-shadow: 0 0 0 2px rgba(210, 166, 121, 0.4);
+}
+
+/* Scrollbar personnalisée */
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: var(--bg-primary);
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--accent-primary);
+    border-radius: var(--radius-sm);
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: var(--accent-secondary);
 }