/* =====================================================================
   Le thème « nouveau » du CRM (D-WA116, décision 2026-11-01) : le système
   visuel des tableaux de bord (maquette tableau-investisseur-v2, lignes 13–60)
   appliqué AU PANNEAU ENTIER, par jetons — aucun écran n'est reconstruit.

   La règle du contrat : CHAQUE sélecteur ici vit sous html[data-theme="nouveau"].
   Sans l'attribut (thème « classique », page de connexion), pas une ligne de
   cette feuille ne s'applique et le rendu d'aujourd'hui reste identique à
   l'octet près — LaFeuilleDuThemeNouveauEstLieeTest le garde vrai.

   Les jetons --ds-* viennent de nbt-investisseur.css (leur seule définition) :
   cette feuille les remappe, elle ne les recopie jamais.
   ===================================================================== */

/* 1 ─ Les jetons de la marque suivent le système visuel, et la couleur primaire
       de Filament devient la gamme du rouge #9B1024 de la maquette. Les nuances
       sont dérivées une fois (OKLCH : la gamme du site déplacée sur le rouge de
       la maquette — les teintes claires gardent leur clarté, l'extrémité sombre
       suit l'ancre), puis collées : pas de calcul au rendu. */
html[data-theme="nouveau"]{
    --nbt-red: var(--ds-brand);
    --nbt-red-deep: var(--ds-brand);
    --nbt-wash: var(--ds-brand-soft);
    --nbt-ink: var(--ds-ink);
    --nbt-mist: var(--ds-shell);
    --nbt-muted: var(--ds-mut);
    --primary-50:#FEF8F7; --primary-100:#FCEFEE; --primary-200:#F4DEDC; --primary-300:#E6ADAA;
    --primary-400:#D87472; --primary-500:#CC4B4F; --primary-600:#9B1024; --primary-700:#7C0619;
    --primary-800:#5C000F; --primary-900:#400006; --primary-950:#1C0000;
}

/* 2 ─ La coque (comme .ds-app > .ds-side, maquette lignes 61-64) : la page prend
       le fond --ds-page, la zone de contenu la coque --ds-shell, la barre latérale
       et le bandeau deviennent des cartes blanches — rayon 22px, marge 14px. */
html[data-theme="nouveau"] .fi-body{ background: var(--ds-page); color: var(--ds-ink); font-family: var(--ds-sans); }
html[data-theme="nouveau"] .fi-main{ background: var(--ds-shell); margin: 14px; border-radius: 22px; }
html[data-theme="nouveau"] .fi-sidebar{ background: var(--ds-card); border-radius: 22px; inset-inline-start: 14px; top: calc(4rem + 14px); height: calc(100dvh - 4rem - 28px); }
html[data-theme="nouveau"] .fi-topbar{ background: var(--ds-card); border-radius: 22px; margin: 14px; }

/* 3 ─ Les cartes (comme .ds-card) : blanc, rayon --ds-r-card, filet --ds-line —
       les sections, les indicateurs du tableau de bord et les tableaux. */
html[data-theme="nouveau"] .fi-section,
html[data-theme="nouveau"] .fi-wi-stats-overview-stat,
html[data-theme="nouveau"] .fi-ta-ctn{ background: var(--ds-card); border-color: var(--ds-line); border-radius: var(--ds-r-card); }

/* 4 ─ Les chiffres (comme .ds-big) : la police à hauteur fixe, tabulaire. */
html[data-theme="nouveau"] .fi-wi-stats-overview-stat-value{ font-family: var(--ds-mono); font-variant-numeric: tabular-nums; }