fix(ui): thème des réglages et derniers textes de la revue

Les boutons des pages Agents, MCP, Données, Intégrations et Généraux suivent la couleur choisie. Les libellés encore techniques (recherche par le sens, notes proches, connexion unique) sont en langage courant.

Co-authored-by: Cursor <cursoragent@cursor.com>

memento-note/app/(main)/agents/agents-page-client.tsx

@@ -246,7 +246,7 @@ export function AgentsPageClient({
                 </button>
                 <button
                   onClick={handleCreate}
-                  className="px-6 py-2.5 bg-foreground text-background text-sm font-medium rounded-xl hover:opacity-90 transition-all flex items-center gap-3 shadow-lg shadow-foreground/10"
+                  className="px-6 py-2.5 bg-brand-accent text-white text-sm font-medium rounded-xl hover:opacity-90 transition-all flex items-center gap-3 shadow-lg shadow-brand-accent/10"
                 >
                   <Plus className="w-4 h-4" />
                   {t('agents.newAgent')}
@@ -268,7 +268,7 @@ export function AgentsPageClient({
                     {typeFilter === opt.value && (
                       <motion.div
                         layoutId="activeAgentTag"
-                        className="absolute bottom-0 left-0 right-0 h-0.5 bg-foreground"
+                        className="absolute bottom-0 left-0 right-0 h-0.5 bg-brand-accent"
                       />
                     )}
                   </button>

memento-note/app/(main)/settings/data/page.tsx

@@ -167,7 +167,7 @@ export default function DataSettingsPage() {
       loadingText: t('dataManagement.exporting'),
       buttonText: t('dataManagement.export.button'),
       onAction: handleExport,
-      btnClass: 'bg-ink text-paper shadow-xl shadow-ink/20 hover:scale-[1.02] active:scale-95',
+      btnClass: 'bg-brand-accent text-white shadow-xl shadow-brand-accent/20 hover:scale-[1.02] active:scale-95',
     },
     {
       icon: FolderArchive,
@@ -179,7 +179,7 @@ export default function DataSettingsPage() {
       loadingText: t('dataManagement.zipExporting'),
       buttonText: t('dataManagement.zipExport.button'),
       onAction: handleZipExport,
-      btnClass: 'bg-ink text-paper shadow-xl shadow-ink/20 hover:scale-[1.02] active:scale-95',
+      btnClass: 'bg-brand-accent text-white shadow-xl shadow-brand-accent/20 hover:scale-[1.02] active:scale-95',
     },
     {
       icon: Upload,

memento-note/app/(main)/settings/general/general-settings-client.tsx

@@ -163,7 +163,7 @@ export function GeneralSettingsClient({ initialSettings }: GeneralSettingsClient
                   checked={emailNotifications}
                   onChange={(e) => handleEmailNotificationsChange(e.target.checked)}
                 />
-                <div className="w-11 h-6 bg-gray-200 dark:bg-white/10 rounded-full peer peer-checked:after:translate-x-[20px] peer-checked:after:border-white after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:bg-white after:rounded-full after:h-4 after:w-4 after:transition-all duration-300 ease-in-out peer-checked:bg-ink" />
+                <div className="w-11 h-6 bg-gray-200 dark:bg-white/10 rounded-full peer peer-checked:after:translate-x-[20px] peer-checked:after:border-white after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:bg-white after:rounded-full after:h-4 after:w-4 after:transition-all duration-300 ease-in-out peer-checked:bg-brand-accent" />
               </label>
             </div>
 
@@ -179,7 +179,7 @@ export function GeneralSettingsClient({ initialSettings }: GeneralSettingsClient
                   checked={desktopNotifications}
                   onChange={(e) => handleDesktopNotificationsChange(e.target.checked)}
                 />
-                <div className="w-11 h-6 bg-gray-200 dark:bg-white/10 rounded-full peer peer-checked:after:translate-x-[20px] peer-checked:after:border-white after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:bg-white after:rounded-full after:h-4 after:w-4 after:transition-all duration-300 ease-in-out peer-checked:bg-ink" />
+                <div className="w-11 h-6 bg-gray-200 dark:bg-white/10 rounded-full peer peer-checked:after:translate-x-[20px] peer-checked:after:border-white after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:bg-white after:rounded-full after:h-4 after:w-4 after:transition-all duration-300 ease-in-out peer-checked:bg-brand-accent" />
               </label>
             </div>
 
@@ -195,7 +195,7 @@ export function GeneralSettingsClient({ initialSettings }: GeneralSettingsClient
                   checked={autoSave}
                   onChange={(e) => handleAutoSaveChange(e.target.checked)}
                 />
-                <div className="w-11 h-6 bg-gray-200 dark:bg-white/10 rounded-full peer peer-checked:after:translate-x-[20px] peer-checked:after:border-white after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:bg-white after:rounded-full after:h-4 after:w-4 after:transition-all duration-300 ease-in-out peer-checked:bg-ink" />
+                <div className="w-11 h-6 bg-gray-200 dark:bg-white/10 rounded-full peer peer-checked:after:translate-x-[20px] peer-checked:after:border-white after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:bg-white after:rounded-full after:h-4 after:w-4 after:transition-all duration-300 ease-in-out peer-checked:bg-brand-accent" />
               </label>
             </div>
           </div>
@@ -298,7 +298,7 @@ export function GeneralSettingsClient({ initialSettings }: GeneralSettingsClient
             ) : (
               <button
                 onClick={() => requestAiConsent()}
-                className="flex-1 px-5 py-3.5 bg-ink text-paper border border-border rounded-xl text-xs font-bold uppercase tracking-[0.25em] hover:scale-[1.01] active:scale-95 transition-all duration-300 shadow-sm"
+                className="flex-1 px-5 py-3.5 bg-brand-accent text-white border border-border rounded-xl text-xs font-bold uppercase tracking-[0.25em] hover:scale-[1.01] active:scale-95 transition-all duration-300 shadow-sm"
               >
                 {t('consent.ai.grantButton')}
               </button>

memento-note/app/(main)/settings/integrations/page.tsx

@@ -215,7 +215,7 @@ export default function IntegrationsPage() {
             />
             <button
               onClick={handleGmailConnect}
-              className="px-4 py-2 text-sm font-semibold bg-ink text-paper rounded-xl hover:bg-ink/80 transition-all flex items-center gap-2"
+              className="px-4 py-2 text-sm font-semibold bg-brand-accent text-white rounded-xl hover:opacity-90 transition-all flex items-center gap-2"
             >
               <Mail size={14} />
               {t('integrations.gmail.connect')}
@@ -277,7 +277,7 @@ export default function IntegrationsPage() {
             />
             <button
               onClick={handleCalConnect}
-              className="px-4 py-2 text-sm font-semibold bg-ink text-paper rounded-xl hover:bg-ink/80 transition-all flex items-center gap-2"
+              className="px-4 py-2 text-sm font-semibold bg-brand-accent text-white rounded-xl hover:opacity-90 transition-all flex items-center gap-2"
             >
               <CalendarDays size={14} />
               {t('integrations.connectCalendar')}
@@ -367,7 +367,7 @@ export default function IntegrationsPage() {
               <button
                 onClick={handleRwConnect}
                 disabled={!rwToken.trim() || rwConnecting}
-                className="px-4 py-2 text-sm font-semibold bg-ink text-paper rounded-xl hover:bg-ink/80 transition-all disabled:opacity-50 flex items-center gap-2"
+                className="px-4 py-2 text-sm font-semibold bg-brand-accent text-white rounded-xl hover:opacity-90 transition-all disabled:opacity-50 flex items-center gap-2"
               >
                 {rwConnecting ? <Loader2 size={14} className="animate-spin" /> : null}
                 {t('integrations.connect')}