/* Fortuna : COUCHE DE DESIGN v5 (style « application client » : barre dégradée bleu → indigo → violet → magenta, fond pastel à halos,
   cartes blanches très arrondies à filet dégradé, Inter). Les variables --mr-*, --degrade-*, --fond-*, --texte*, --r-*, --ombre-*, --police, --d-* portent
   les valeurs de la feuille de style de référence ; les jetons de l'hôte (--violet, --bord, --st-*, --rayon*…) sont mappés dessus plus bas.
   SEUL fichier gs_*.css autorisé à contenir des couleurs en dur (testé par tests/test_design.py).
   Chargé APRÈS fortuna.css et gs_g1..g12.css. Contrastes WCAG 2.x annotés en commentaire, mesurés par tests/test_design.py. */

/* Inter : police de la plateforme, AUTO-HÉBERGÉE (licence SIL OFL : static/fonts/Inter-LICENSE.txt), aucun CDN ; CSP des pages : font-src 'self'. La famille reste une variable (--police). */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/static/fonts/Inter-Regular.woff2?v=428da59fe04e') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/static/fonts/Inter-Medium.woff2?v=428da59fe04e') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/static/fonts/Inter-SemiBold.woff2?v=428da59fe04e') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('/static/fonts/Inter-Bold.woff2?v=428da59fe04e') format('woff2'); }
:root {
  color-scheme: light;
  /* ---- identité : UN SEUL endroit pour le nom de la plateforme (le nom définitif est en cours de choix) : lu par gs_shell.js et connexion.js ---- */
  --nom-plateforme: "Fortuna";
  --sous-titre-plateforme: "Facturation interne du groupe";
  --lettre-logo: "F";

  /* ---- palette de référence ---- */
  --mr-nuit: #0E1638; --mr-bleu: #213CA0; --mr-bleu-fonce: #16296F; --mr-rose: #E91E8C; --mr-rose-fonce: #C81274;
  --mr-indigo: #4F46E5; --mr-indigo-clair: #6366F1; --mr-mauve: #A855F7; --mr-mauve-texte: #7E22CE;   /* mauve texte 7,0:1 */
  --blanc: #FFFFFF;

  /* ---- dégradés : signature (décor : filets, repères), action (boutons : texte blanc >= 4,8:1 sur toute la longueur) ---- */
  --degrade-signature: linear-gradient(90deg, #E91E8C 0%, #A855F7 38%, #6366F1 68%, #213CA0 100%);
  --degrade-signature-v: linear-gradient(180deg, #E91E8C 0%, #A855F7 38%, #6366F1 68%, #213CA0 100%);
  --degrade-action: linear-gradient(90deg, #213CA0 0%, #4F46E5 55%, #D61A85 100%);
  --degrade-avatar: linear-gradient(135deg, #213CA0 0%, #4F46E5 50%, #D61A85 100%);
  --degrade-compteur: linear-gradient(135deg, #D61A85 0%, #7C3AED 100%);
  --degrade-doux: linear-gradient(90deg, rgba(233, 30, 140, .10) 0%, rgba(99, 102, 241, .11) 100%);
  --degrade-chiffre: linear-gradient(90deg, #213CA0 0%, #4F46E5 50%, #C81274 100%);   /* grand chiffre : chaque teinte >= 5:1 sur la case */
  --degrade-heros: linear-gradient(135deg, #F2F1FF 0%, #FCF0F7 52%, #FFFFFF 100%);
  /* barre latérale : lot 2.0 « Fortuna Léger » (09/11) : le dégradé 5 teintes est retiré (le dégradé est réservé au bouton principal) ; aplat framboise de repli
     (pages sans ax-planche.css), texte blanc 8,6:1 ; dans l'application, ax-planche.css pose la barre claire façon Linear */
  --degrade-barre: linear-gradient(180deg, #8E1A5F 0%, #8E1A5F 100%);
  --degrade-barre-h: linear-gradient(90deg, #8E1A5F 0%, #8E1A5F 100%);   /* barres mobiles haut et bas */

  /* ---- fond de l'application : pastel, halos rose (haut droite), indigo (bas gauche), mauve (centre) ---- */
  /* lot 2.0 « Fortuna Léger » (choix 1B d'Ayoub, 09/11) : fond rosé très léger UNI, plus de halos */
  --fond-halos: linear-gradient(#FAF3F7, #FAF3F7);
  --fond-degrade: linear-gradient(#FAF3F7, #FAF3F7);
  --fond-volet:
    radial-gradient(520px 360px at 100% 0%, rgba(236, 72, 153, .10), transparent 60%),
    radial-gradient(480px 360px at 0% 100%, rgba(99, 102, 241, .10), transparent 60%),
    linear-gradient(180deg, #F7F6FC 0%, #FAF2F8 100%);
  --voile: rgba(30, 27, 75, .30);
  --verre: rgba(255, 255, 255, .78);               /* barres mobiles et barre du haut : verre blanc dépoli */
  --filet-verre: rgba(33, 60, 160, .11);

  /* ---- barre latérale : texte blanc, verre translucide, pilule blanche pour l'entrée active ---- */
  --barre-texte: #FFFFFF;                          /* >= 6:1 sur tout le dégradé (mesuré) */
  --barre-texte-2: #FFFFFF;                        /* second niveau : blanc aussi (le client met .86 d'opacité : ici blanc plein, plus sûr) */
  --barre-verre: rgba(255, 255, 255, .14);
  --barre-verre-survol: rgba(255, 255, 255, .22);
  --barre-verre-bord: rgba(255, 255, 255, .26);
  --barre-icone-active: #4F46E5;                   /* icône de l'entrée active sur pilule blanche : 6,3:1 */
  --barre-compte-texte: #BE185D;                   /* chiffre du badge blanc : 5,7:1 */
  --barre-initiales: #4338CA;
  --barre-survol: rgba(255, 255, 255, .13);
  --barre-filet: rgba(255, 255, 255, .20);
  --barre-pilule: #FFFFFF;                         /* entrée active */
  --barre-pilule-texte: #16296F;                   /* 11,6:1 sur blanc */
  --barre-focus: #FFFFFF;

  /* ---- clair : contenu ---- */
  --fond: #FAF3F7;                                 /* aplat de repli (impression, transparence réduite) */
  --surface: #FFFFFF;
  --surface-inset: #F3F4FA;
  --remplissage: #EEF0F7; --remplissage-survol: #E6E9F3; --remplissage-presse: #DDE1EE;
  --survol-ligne: #F6F6FD;
  --texte: #11152E;                                /* encre bleutée 18,2:1 */
  --texte-2: #4A5272;                              /* 7,7:1 sur blanc, 6,8:1 sur le fond rosé */
  --texte-3: #5F6785;                              /* 5,6:1 sur blanc, 4,9:1 sur le fond rosé */
  --separateur: #E2E5F0; --separateur-fort: #CBD0E2;
  --contour-carte: #D3D8EA;                        /* 1,43:1 contre le blanc : bord toujours visible */
  --contour-champ: #7E7893;                        /* lot 2.0 : 4,0:1 sur blanc, 3,44:1 sur le fond rosé (champ posé hors carte) */
  --contour-champ-survol: #5F6785;
  --contour-focus: #D61A85;                        /* champ actif : rose, 4,9:1 */
  --accent: #213CA0;                               /* 9,5:1 */
  --accent-teinte: #EEF0FD;
  --accent-texte: #16296F;                         /* 11,6:1 sur teinte */
  --action: #C81274;                               /* rose pour le texte : 5,5:1 */
  --action-survol: #B0105F; --action-presse: #9C0E55;
  --rose-pale: #FDEEF6; --mauve-pale: #F4EEFE;
  --vert: #10A374; --vert-texte: #0B7A55; --vert-pale: #E6F6EF;
  --ambre: #E08A0E; --ambre-texte: #A84B0A; --ambre-pale: #FEF4E2;
  --rouge: #E5535A; --rouge-texte: #B42318; --rouge-pale: #FDEDEE;
  --teal: #0E7490; --teal-texte: #0B5568; --teal-pale: #E3F4F8;
  --neutre-texte: #3D4560;
  --focus: #4F46E5;                                /* indigo 6,3:1 sur blanc */
  --halo-champ: 0 0 0 4px rgba(233, 30, 140, .14);

  --police: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --police-titre: var(--police);

  --r-s: 8px; --r-nav: 10px; --r-m: 12px; --r-l: 16px; --r-xl: 20px; --r-feuille: 28px; --r-capsule: 999px;
  /* ombres douces bleutées, jamais grises */
  --ombre-carte: 0 1px 2px rgba(33, 60, 160, .06), 0 8px 24px -6px rgba(33, 60, 160, .13);
  --ombre-survol: 0 2px 6px rgba(33, 60, 160, .07), 0 18px 40px -8px rgba(33, 60, 160, .20);
  --ombre-flottante: 0 4px 12px rgba(33, 60, 160, .08), 0 28px 64px -12px rgba(33, 60, 160, .28);
  --ombre-pouce: 0 0 0 .5px rgba(33, 60, 160, .10), 0 1px 2px rgba(33, 60, 160, .10), 0 3px 8px rgba(33, 60, 160, .07);
  --ombre-action: 0 1px 2px rgba(33, 60, 160, .18), 0 6px 16px -4px rgba(79, 70, 229, .42);
  --ombre-action-survol: 0 2px 4px rgba(33, 60, 160, .18), 0 10px 24px -6px rgba(214, 26, 133, .45);
  --ombre-barre: 8px 0 32px -14px rgba(76, 29, 149, .45);
  --ombre-barre-h: 0 8px 24px -14px rgba(76, 29, 149, .5);
  --selection: rgba(233, 30, 140, .16);
  --ombre-logo: 0 6px 18px -4px rgba(14, 22, 56, .35);
  --ombre-pilule: 0 8px 20px -10px rgba(14, 22, 56, .55);
  --ombre-badge: 0 2px 6px -1px rgba(17, 12, 60, .35);
  --ombre-avatar: inset 0 1px 0 rgba(255, 255, 255, .22), 0 3px 10px -2px rgba(79, 70, 229, .45);
  --ombre-bouton: 0 1px 2px rgba(33, 60, 160, .05);
  --filet-segment: inset 0 0 0 1px rgba(33, 60, 160, .07);
  --ombre-logo-connexion: 0 0 0 1px rgba(233, 30, 140, .20), 0 10px 28px -6px rgba(233, 30, 140, .35);
  --ombre-barre-bas: 0 -8px 24px -14px rgba(76, 29, 149, .5);
  --ombre-pilule-bas: 0 6px 14px -6px rgba(17, 12, 60, .5);
  --reflet: inset 0 1px 0 rgba(255, 255, 255, .18);

  --d-pression: 100ms; --d-rapide: 160ms; --d-base: 240ms; --d-sortie: 180ms;
  --c-sortie: cubic-bezier(.23, 1, .32, 1);
  --c-standard: cubic-bezier(.25, .1, .25, 1);

  --largeur-barre: 268px; --largeur-contenu: 1180px; --haut-mobile: 56px; --bas-mobile: 62px;

  /* ---- statuts : pastilles pâles (fond clair, texte foncé) + point coloré ; le mot reste toujours écrit ---- */
  --c-gris: #5B6577; --c-bleu: #4F46E5; --c-orange: #E08A0E; --c-vert: #10A374; --c-rouge: #E5535A; --c-teal: #0E7490; --c-brique: #C81274;   /* couleurs des points */
  --pt-brouillon: #9AA0BA; --pt-attente: var(--ambre); --pt-valide: var(--vert); --pt-envoye: var(--mr-indigo); --pt-retard: var(--mr-rose); --pt-bloque: var(--rouge); --pt-paye: var(--teal);
  --groupe-1: #4F46E5; --groupe-2: #C81274; --groupe-3: #0B7A55; --groupe-4: #7E22CE; --groupe-5: #A84B0A; --groupe-6: #0E7490;

  /* étiquettes pâles (texte foncé sur fond pâle) */
  --tg1b: var(--accent-teinte); --tg1t: var(--accent-texte); --tg2b: var(--rose-pale); --tg2t: #9C0E55; --tg3b: var(--ambre-pale); --tg3t: #8A3F08;
  --tg4b: var(--vert-pale); --tg4t: #0A6446; --tg5b: var(--mauve-pale); --tg5t: #5B1AA6;
  --marge-b: var(--ambre-pale); --marge-t: #8A3F08;

  /* sociétés : ELSA vert + croix, MARA rose pâle + hexagone (discrets) */
  --elsa: #16A34A; --elsa-d: #E3F6E8; --elsa-t: #14602E;
  --mara: #F9A8D4; --mara-line: #9D174D; --mara-d: #FDF2F8; --mara-t: #9D174D;

  /* ---- jetons de l'hôte (fortuna.css) mappés sur la référence : tous les écrans des lots suivent ---- */
  --violet: var(--mr-mauve); --violet-action: var(--mr-indigo); --violet-fonce: var(--accent-texte);
  --violet-doux: var(--accent-teinte); --violet-voile: rgba(79, 70, 229, .10);
  --degrade: var(--degrade-signature);
  --encre: var(--degrade-action);
  --surface-2: var(--surface-inset); --surface-3: var(--remplissage); --colonne: var(--remplissage);
  --bord: var(--separateur); --bord-fort: var(--contour-carte); --bord-champ: var(--contour-champ);
  --texte-doux: var(--texte-2); --texte-inverse: #FFFFFF;
  --lien: #A8246F;                                 /* lot 2.0 : liens framboise, 6,4:1 sur blanc, 5,45:1 sur le fond rosé (#D2368F = icônes seulement) */
  --ok: var(--vert-texte); --alerte: var(--ambre-texte); --bloque: var(--rouge-texte); --info: var(--accent);
  --st-brouillon-f: var(--remplissage); --st-brouillon-t: var(--neutre-texte);
  --st-attente-f: var(--ambre-pale); --st-attente-t: var(--ambre-texte);
  --st-valide-f: var(--vert-pale); --st-valide-t: var(--vert-texte);
  --st-envoye-f: var(--accent-teinte); --st-envoye-t: var(--accent-texte);
  --st-retard-f: var(--rose-pale); --st-retard-t: var(--action);
  --st-bloque-f: var(--rouge-pale); --st-bloque-t: var(--rouge-texte);
  --st-paye-f: var(--teal-pale); --st-paye-t: var(--teal-texte);
  --echue-f: var(--rouge-pale); --echue-t: var(--rouge-texte); --jour-f: var(--ambre-pale); --jour-t: #8A3F08; --bientot-f: var(--mauve-pale); --bientot-t: #5B1AA6;
  --peppol-f: var(--accent-teinte); --peppol-t: var(--accent-texte); --signe-f: var(--vert-pale); --signe-t: #0A6446; --neutre-f: var(--remplissage); --neutre-t: var(--neutre-texte);
  --soc-1: #555E72; --soc-2: #0E7490; --soc-3: #A84B0A; --soc-4: #213CA0; --soc-5: #8A5A3C;
  /* graphiques, avatars, étiquettes pleines (texte blanc >= 4,5:1) */
  --degrade-bar-1: linear-gradient(180deg, #E91E8C, #A855F7); --degrade-bar-2: linear-gradient(180deg, #A855F7, #213CA0);
  --degrade-pipe-1: linear-gradient(90deg, #213CA0, #4F6BE0); --degrade-pipe-2: linear-gradient(90deg, #4F6BE0, #A855F7); --degrade-pipe-3: linear-gradient(90deg, #A855F7, #E91E8C);
  --degrade-pipe-4: linear-gradient(90deg, #E91E8C, #E08A0E); --degrade-pipe-5: linear-gradient(90deg, #10A374, #4ADE80);
  --av1a: #C20F78; --av1b: #7C3AD6; --av2a: #7C3AD6; --av2b: #213CA0; --av3a: #213CA0; --av3b: #1B6FB0; --av4a: #B80E70; --av4b: #213CA0; --av5a: #14602E; --av5b: #0E7490;
  --av-1: linear-gradient(135deg, var(--av1a), var(--av1b)); --av-2: linear-gradient(135deg, var(--av2a), var(--av2b)); --av-3: linear-gradient(135deg, var(--av3a), var(--av3b));
  --av-4: linear-gradient(135deg, var(--av4a), var(--av4b)); --av-5: linear-gradient(135deg, var(--av5a), var(--av5b));
  --etq1: #213CA0; --etq2: #B80E70; --etq3: #9A4A00; --etq4: #0A7A3E; --etq5: #6D32C9; --etq-t: #FFFFFF;
  --section-f: var(--vert-pale); --section-t: #0A6446;
  --vignette-f: linear-gradient(135deg, #FCE4F1, #EEE6FC 55%, #E6EAFB);
  --colonne-f: #F1F2FA; --colonne-b: #E1E4F0; --depose-f: #E6E3FA; --survol: var(--survol-ligne);
  --points: none;
  --ombre-1: 0 1px 2px rgba(33, 60, 160, .06); --ombre-2: var(--ombre-carte);
  --ombre-3: var(--ombre-flottante); --ombre-panneau: -12px 0 40px rgba(33, 60, 160, .20); --ombre: var(--ombre-carte);
  --toast-f: #11152E; --toast-t: #F3F4FA;
  --bleu-d: var(--accent-teinte); --c-texte-sur-orange: var(--texte);   /* noms repris par les lots G9a et G12.2 */
  --voile-f: rgba(30, 27, 75, .40);

  /* ---- forme : très arrondie (cartes 16-28 px, champs et boutons 12-14 px, pilules) ---- */
  --rayon-s: var(--r-m); --rayon: var(--r-l); --rayon-l: var(--r-xl); --rayon-carte: var(--r-xl); --rayon-col: var(--r-l); --rayon-panneau: var(--r-feuille);
  --rayon-pilule: var(--r-capsule);
  --poids: 400; --poids-fort: 600;
  --t-xs: 12px; --t-s: 13px; --t-m: 15px; --t-l: 17px; --t-xl: 20px; --t-2xl: 28px; --t-3xl: 34px;

  /* ---- gabarit de la coque ---- */
  --gs-side-l: var(--largeur-barre); --gs-top-h: 64px; --gs-tabs-h: 44px;
}

/* ---- sociétés (les formes croix / hexagone sont déjà dessinées par fortuna.css) ---- */
[data-soc="elsa-renov"] { --s: #16A34A; --si: #14602E; --sd: #86D9A0; }
[data-soc="mara-a-renov"] { --s: #F9A8D4; --si: #9D174D; --sd: #F9A8D4; }

/* ---- thème sombre : seulement ce que fortuna.css ne redéfinit pas ---- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fond-degrade: linear-gradient(to right bottom, #0F1224 0%, #141636 50%, #1B1537 100%);
    --degrade-doux: linear-gradient(135deg, #3A1B3A, #2E2556 50%, #16264A);
    --surface-inset: #26224A; --remplissage: #2C2950; --survol-ligne: #2A1F3A; --colonne: #161934; --verre: rgba(30, 27, 58, .82); --filet-verre: rgba(255, 255, 255, .10);
    --separateur: #34305C; --contour-carte: #433E70; --texte: #F2F0FA; --texte-2: #B4B8D2; --texte-3: #A3A7C2; --neutre-texte: #C9CBDB;
    --accent: #BFC8FF; --accent-teinte: #1F2750; --accent-texte: #DAD6FF; --action: #F9A8D4; --rose-pale: #3A1B3A;
    --vert-texte: #86EFAC; --vert-pale: #123322; --ambre-texte: #FCD34D; --ambre-pale: #3A2A12; --rouge-texte: #FCA5A5; --rouge-pale: #3B1520;
    --teal-texte: #67E8F9; --teal-pale: #0F2E36; --mauve-pale: #2E2556; --mr-mauve-texte: #E9D5FF;
    --lien: #F27DC0; --focus: #BFC8FF; --violet-fonce: #DAD6FF;
    --contour-champ: #7A7391; --contour-focus: #F9A8D4;
    --tg1b: #1F2750; --tg1t: #C9D3FF; --tg2b: #3A1B3A; --tg2t: #FBCFE8; --tg3b: #3A2A12; --tg3t: #FCD34D; --tg4b: #123322; --tg4t: #86EFAC; --tg5b: #2E2556; --tg5t: #E9D5FF;
    --marge-b: #3A2A12; --marge-t: #FCD34D;
    --echue-f: #3B1520; --echue-t: #FCA5A5; --jour-f: #3A2A12; --jour-t: #FCD34D; --bientot-f: #2E2556; --bientot-t: #E9D5FF;
    --peppol-f: #1F2750; --peppol-t: #C9D3FF; --signe-f: #123322; --signe-t: #86EFAC; --neutre-f: #2C2950; --neutre-t: #C9CBDB;
    --toast-f: #F3F4FA; --toast-t: #11152E;
    --colonne-f: #161934; --colonne-b: #2A2F5C; --depose-f: #2E2556; --survol: #2A1F3A; --section-f: #123322; --section-t: #86EFAC; --vignette-f: linear-gradient(135deg, #3A1B3A, #2E2556 55%, #16264A);
    --degrade-heros: linear-gradient(135deg, #1F2750 0%, #2A1F3A 52%, #1E1B3A 100%);
    --ombre-1: none; --ombre-carte: 0 1px 2px rgba(0, 0, 0, .3); --ombre-survol: 0 12px 32px rgba(0, 0, 0, .45); --ombre-flottante: 0 16px 40px rgba(0, 0, 0, .5); --ombre-panneau: -24px 0 56px rgba(0, 0, 0, .55);
  }
}
:root[data-theme="dark"] {
  --fond-degrade: linear-gradient(to right bottom, #0F1224 0%, #141636 50%, #1B1537 100%);
  --degrade-doux: linear-gradient(135deg, #3A1B3A, #2E2556 50%, #16264A);
  --surface-inset: #26224A; --remplissage: #2C2950; --survol-ligne: #2A1F3A; --colonne: #161934; --verre: rgba(30, 27, 58, .82); --filet-verre: rgba(255, 255, 255, .10);
  --separateur: #34305C; --contour-carte: #433E70; --texte: #F2F0FA; --texte-2: #B4B8D2; --texte-3: #A3A7C2; --neutre-texte: #C9CBDB;
  --accent: #BFC8FF; --accent-teinte: #1F2750; --accent-texte: #DAD6FF; --action: #F9A8D4; --rose-pale: #3A1B3A;
  --vert-texte: #86EFAC; --vert-pale: #123322; --ambre-texte: #FCD34D; --ambre-pale: #3A2A12; --rouge-texte: #FCA5A5; --rouge-pale: #3B1520;
  --teal-texte: #67E8F9; --teal-pale: #0F2E36; --mauve-pale: #2E2556; --mr-mauve-texte: #E9D5FF;
  --lien: #F27DC0; --focus: #BFC8FF; --violet-fonce: #DAD6FF;
  --contour-champ: #7A7391; --contour-focus: #F9A8D4;
  --tg1b: #1F2750; --tg1t: #C9D3FF; --tg2b: #3A1B3A; --tg2t: #FBCFE8; --tg3b: #3A2A12; --tg3t: #FCD34D; --tg4b: #123322; --tg4t: #86EFAC; --tg5b: #2E2556; --tg5t: #E9D5FF;
  --marge-b: #3A2A12; --marge-t: #FCD34D;
  --echue-f: #3B1520; --echue-t: #FCA5A5; --jour-f: #3A2A12; --jour-t: #FCD34D; --bientot-f: #2E2556; --bientot-t: #E9D5FF;
  --peppol-f: #1F2750; --peppol-t: #C9D3FF; --signe-f: #123322; --signe-t: #86EFAC; --neutre-f: #2C2950; --neutre-t: #C9CBDB;
  --toast-f: #F3F4FA; --toast-t: #11152E;
  --colonne-f: #161934; --colonne-b: #2A2F5C; --depose-f: #2E2556; --survol: #2A1F3A; --section-f: #123322; --section-t: #86EFAC; --vignette-f: linear-gradient(135deg, #3A1B3A, #2E2556 55%, #16264A);
  --degrade-heros: linear-gradient(135deg, #1F2750 0%, #2A1F3A 52%, #1E1B3A 100%);
  --ombre-1: none; --ombre-carte: 0 1px 2px rgba(0, 0, 0, .3); --ombre-survol: 0 12px 32px rgba(0, 0, 0, .45); --ombre-flottante: 0 16px 40px rgba(0, 0, 0, .5); --ombre-panneau: -24px 0 56px rgba(0, 0, 0, .55);
}

/* ---- variables des lots : --gs-* (G1-G4, G6) et --g5-* (G5), mappées sur la référence ---- */
:root, .gs-page, .g5-page, .g5-fiche {
  --gs-fond: var(--fond); --gs-surface: var(--surface); --gs-surface-2: var(--surface-inset);
  --gs-texte: var(--texte); --gs-texte-doux: var(--texte-2);
  --gs-bord: var(--contour-carte); --gs-bord-champ: var(--contour-champ);
  --gs-accent: var(--accent); --gs-accent-texte: var(--blanc);
  --gs-focus: var(--focus);
  --gs-ok: var(--vert-texte); --gs-alerte: var(--ambre-texte); --gs-danger: var(--rouge-texte);
  --gs-rayon: var(--r-m); --gs-espace: .75rem;
  --gs-police: var(--police); --gs-police-titre: var(--police);
  --gs-taille: 14px; --gs-taille-petite: 13px; --gs-hauteur-cible: 2.75rem;
  --gs-degrade: var(--degrade-signature); --gs-degrade-action: var(--degrade-action); --gs-degrade-filet: var(--degrade-signature);
  --g5-surface: var(--gs-surface); --g5-surface-2: var(--gs-surface-2); --g5-texte: var(--gs-texte); --g5-texte-doux: var(--gs-texte-doux);
  --g5-bord: var(--gs-bord); --g5-accent: var(--gs-accent); --g5-focus: var(--gs-focus); --g5-danger: var(--gs-danger);
  --g5-rayon: var(--gs-rayon); --g5-espace: var(--gs-espace); --g5-cible: var(--gs-hauteur-cible);
}