/* ============================================================
   Illustrations dessinées (partials/illustrations/*.svg)
   Incluses EN LIGNE : elles ne portent aucune couleur en dur,
   seulement les jetons de charte.css (avec un repli). Changer un
   jeton change toutes les illustrations d'un coup.
   Aucun texte, aucun chiffre dans les dessins (cf. bibliothèque,
   regle-aucun-chiffre-de-performance).
   ============================================================ */
.illu { display: block; width: 100%; height: auto; }

/* Aplats */
.illu .f0 { fill: var(--primary, #8B7FE0); fill-opacity: .13; }   /* halo de fond */
.illu .c  { fill: var(--card, #14161F); stroke: var(--border-strong, rgba(255,255,255,.12)); stroke-width: 2; }
.illu .m  { fill: var(--muted, #1A1D27); }
.illu .t  { fill: var(--disabled-foreground, rgba(245,244,240,.40)); } /* lignes d'écriture abstraites */
.illu .n  { fill: var(--muted-foreground, rgba(245,244,240,.62)); }
.illu .fg { fill: var(--foreground, #F5F4F0); }
.illu .k  { fill: var(--on-primary, #0A0B10); }
.illu .p  { fill: var(--primary, #8B7FE0); }
.illu .a  { fill: var(--accent, #B4A8FF); }
.illu .h  { fill: var(--accent-hi, #C8BEFF); }
.illu .i  { fill: var(--info, #7DD3FC); }
.illu .w  { fill: var(--warning, #FBBF24); }
.illu .zi { fill: var(--info, #7DD3FC); fill-opacity: .14; }
.illu .zw { fill: var(--warning, #FBBF24); fill-opacity: .14; }
.illu .za { fill: var(--accent, #B4A8FF); fill-opacity: .16; }

/* Traits : .l pose la forme, la classe suivante la couleur */
.illu .l  { fill: none; stroke: var(--muted-foreground, rgba(245,244,240,.62)); stroke-width: 3;
            stroke-linecap: round; stroke-linejoin: round; }
.illu .sp { stroke: var(--primary, #8B7FE0); }
.illu .sa { stroke: var(--accent, #B4A8FF); }
.illu .sh { stroke: var(--accent-hi, #C8BEFF); }
.illu .si { stroke: var(--info, #7DD3FC); }
.illu .sw { stroke: var(--warning, #FBBF24); }
.illu .sf { stroke: var(--foreground, #F5F4F0); }
.illu .sk { stroke: var(--on-primary, #0A0B10); }
.illu .sc { stroke: var(--card, #14161F); }
.illu .sm { stroke: var(--muted, #1A1D27); }
.illu .sb { stroke: var(--border-strong, rgba(255,255,255,.12)); }
.illu .d  { stroke-dasharray: 8 8; }
.illu .dd { stroke-dasharray: 2 9; }
.illu .sel { stroke: var(--accent, #B4A8FF); stroke-width: 3; }