/* COPIE AUTOMATIQUE DE public/base/fond-retenu.css -- NE PAS EDITER ICI.
   La source est au banc ; `python tools/base/porter_reprise.py` refait
   cette copie, et son mode `verifier` signale toute divergence. */
/* =========================================================================
   LE FOND RETENU
   =========================================================================

   Les valeurs arretees le 23/08 sur `fond.html`, sorties dans leur propre
   fichier pour que les maquettes les partagent au lieu de les recopier. Une
   valeur recopiee a trois endroits diverge au premier ajustement.

   CE QUI CHANGE PAR RAPPORT AU PRODUIT :

     LE HALO CENTRAL TOMBE. Un cercle blanc a 6 %, centre a 50 % 38 %, qui
     ajoutait de la clarte sans poser aucune couleur. Il travaillait exactement
     la ou les orbes travaillent, et c'est lui qui les faisait paraitre trop
     fortes : ce n'etaient pas les orbes, c'etait la clarte sous elles.

     LE DEGRADE DIAGONAL TOMBE. Meme reproche : il eclaircissait la surface
     sans rien y poser.

     LES QUATRE ORBES PASSENT A EGALITE, 0,26. C'est le vrai changement, et il
     porte sur l'EQUILIBRE plutot que sur l'intensite. Le bleu menait a 0,42,
     l'or suivait a 0,26 : le fond tirait au bleu, et les trois autres teintes
     n'etaient que des nuances autour de lui. A egalite, aucune ne mene, et le
     fond prend la couleur du melange.

     0,26 est la valeur que l'or portait deja : c'est la plus discrete des
     quatre qui devient la regle, pas une moyenne.

   CE QUI NE CHANGE PAS : la taille (42vw), le flou (74px), l'opacite de
   l'element (0.42), les positions et les quatre durees d'animation. Le rendu
   recherche tenait a l'intensite et a l'equilibre, pas a la composition.
   ========================================================================= */

.mimex-bg {
    /* Le halo et le degrade retires, il ne reste que l'aplat sombre du produit,
       pose par `body`. On ecrit `none` plutot que de redeclarer un aplat : le
       fond de `body` est deja le bon, et le redire ici en ferait deux endroits
       a tenir. */
    background: none;
}

/* Les quatre orbes a la meme valeur. Seule leur COULEUR est retouchee : la
   position, la taille, le flou et l'animation restent ceux du produit. */
.mimex-bg-orb--one   { background: rgba(var(--mimex-blue-rgb), var(--voile-8)); }
.mimex-bg-orb--two   { background: rgba(var(--mimex-purple-rgb), var(--voile-8)); }
.mimex-bg-orb--three { background: rgba(var(--mimex-green-rgb), var(--voile-8)); }
.mimex-bg-orb--four  { background: rgba(var(--mimex-gold-rgb), var(--voile-8)); }