:root {

  

  --fond-page: #F1F2FB;

  

  --fond-barre: #FFFFFF;

  --fond-bloc: #FFFFFF;

  








  --fond-carte: var(--fond-bloc);
  --fond-boite: var(--fond-page);
  --fond-pastille: var(--fond-page);   

  


  --fond-etiquette: var(--fond-bloc);

  

  --fond-champ-barre: var(--fond-champ);

  --fond-image: #E6E8F5;     
  --bordure: #DFE2F2;

  

  --texte: #1A1D3A;
  --texte-secondaire: #4A4F70;
  --texte-discret: #5F6488;

  

  


  --vert: #0E7C4A;
  --vert-fond: #E6F4EC;

  --accent: #5B3FD0;

  


  --accent-fond: #E8E3FC;
  --accent-bord: #C9BDF6;

  


  --sur-aplat: #FFFFFF;

  

  --fond-champ: #F7F8FF;
  --bord-champ: #7F85AE;
  --halo-champ: rgba(91, 63, 208, .22);

  
  --ombre-carte: 0 4px 14px rgba(46, 52, 120, .10);
  --ombre-carte-appui: 0 8px 22px rgba(46, 52, 120, .18);

  





  --survol-principal: #4A31B8;
  --survol-contact: #0B6B3F;
  --survol-secondaire: #ECEDF8;
  --survol-boite: #E3E5F5;

  
  --alerte: #B3261E;
  --alerte-fond: #FBE9E7;

  
  --attention: #8A5A00;
  --attention-fond: #FDF3E0;

  

  

  --police: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --police-mono: ui-monospace, SFMono-Regular, Consolas, monospace; 

  
  --poids-normal: 400;
  --poids-moyen: 500;
  --interligne: 1.5;

  

  --t-stat: 24px;
  --t-prix: 17px;
  --t-titre: 15px;           
  --t-titre-2: 13px;         
  --t-texte: 13px;           
  --t-mention: 12px;         

  









  --t-prix-carte: 12px;      
  --t-mention-carte: 11px;   

  




  --t-unite: 9px;            

  

  

  --e4: 4px;
  --e8: 8px;
  --e10: 10px;
  --e12: 12px;
  --e16: 16px;
  --e20: 20px;

  --rayon-image: 10px;        
  --rayon-bloc: 14px;         
  --rayon-pastille: 20px;
  --rayon-pilule: 999px;         
  --trait: 1px;              

  


  --ombre-barre: 0 2px 10px rgba(46, 52, 120, .08);
  --ombre-bloc: 0 2px 10px rgba(46, 52, 120, .07);

  

  --hauteur-controle: 36px;  
  --cible-tactile: 44px;     

  



  --vignette: calc(var(--cible-tactile) + var(--e4));

  --icone: 18px;             
  --icone-barre: 24px;       
  --icone-carte: 14px;       

  

  --logo-barre: 36px;
  --nom-barre: 22px;         
  --logo-entree: 84px;

  


  --trait-icone: 1.5;

  

  





  --duree-mouvement: 180ms;

  


  --duree-ambiance: 7s;

  

  






  --opacite-appui: .12;

  

  

  --largeur-max: 720px;

  



  --largeur-recherche: calc(var(--largeur-max) / 3 * 2);

  












  --haut-collant: calc(var(--logo-barre) + 2 * var(--e10) + var(--trait)
                       + var(--cible-tactile) + var(--trait));
}













html.sombre {

  





  --fond-page: #0B0F19;
  --fond-barre: #070A11;
  --fond-pastille: #1A2131;
  --fond-bloc: #1A2131;
  --fond-champ: #111622;
  --bord-champ: #5A6584;
  --halo-champ: rgba(165, 180, 252, .25);
  --ombre-carte: 0 0 0 1px rgba(255, 255, 255, .04);
  --ombre-carte-appui: 0 0 0 1px rgba(255, 255, 255, .12);
  --fond-image: #242C3E;
  --bordure: #2A3346;

  --texte: #E9ECF2;
  --texte-secondaire: #A9B0C2;
  --texte-discret: #8F97AB;

  --vert: #4ADE80;
  --vert-fond: #12301F;

  --accent: #A5B4FC;
  --accent-fond: #2B3160;
  --accent-bord: #4A528F;

  
  --sur-aplat: #0B0F19;

  

  --survol-principal: #BCC7FD;
  --survol-contact: #6BE89C;

  



  --survol-secondaire: #232B3C;

  --survol-boite: #262F42;

  



  --ombre-barre: none;
  --ombre-bloc: 0 0 0 1px var(--bordure);

  --alerte: #FF8A8A;
  --alerte-fond: #3A1D24;

  --attention: #FBBF24;
  --attention-fond: #2E2413;
}