fix: amélioration du contraste texte dans la section XP

- Labels des compteurs : --cel-orange-light → --cel-border (#7a5c20 brun foncé)
- Valeur XP actuelle : --cel-orange → --cel-green (#1b3828 vert foncé)
- Valeur XP dépensée : rgba dorée → --cel-border
- Accordéon référence : --cel-orange-light → --cel-border, hover → --cel-green

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

styles/character.less

@@ -399,7 +399,7 @@
           font-size: 0.6em;
           text-transform: uppercase;
           letter-spacing: 0.04em;
-          color: var(--cel-orange-light);
+          color: var(--cel-border);
           white-space: nowrap;
         }
 
@@ -410,17 +410,17 @@
           font-family: var(--cel-font-title);
           font-size: 1.1em;
           font-weight: bold;
-          color: var(--cel-orange);
+          color: var(--cel-green);
         }
       }
 
       .xp-depense-counter {
-        border-color: rgba(196,154,26,0.4);
+        border-color: rgba(122,92,32,0.4);
         .xp-depense-value {
           font-family: var(--cel-font-title);
           font-size: 1.1em;
           font-weight: bold;
-          color: rgba(196,154,26,0.7);
+          color: var(--cel-border);
         }
       }
 
@@ -489,12 +489,12 @@
       margin-top: 6px;
       summary {
         font-size: 0.78em;
-        color: var(--cel-orange-light);
+        color: var(--cel-border);
         cursor: pointer;
         letter-spacing: 0.03em;
         text-transform: uppercase;
         user-select: none;
-        &:hover { color: var(--cel-orange); }
+        &:hover { color: var(--cel-green); }
       }
 
       .xp-ref-table {
@@ -502,10 +502,10 @@
         border-collapse: collapse;
         font-size: 0.78em;
         margin-top: 5px;
-        opacity: 0.75;
+        opacity: 0.85;
 
         th {
-          color: var(--cel-orange-light);
+          color: var(--cel-border);
           text-transform: uppercase;
           font-size: 0.85em;
           letter-spacing: 0.03em;