:root{
  color-scheme: light;

  
  
  --paras:        #FBEFE8;  
  --lin:          #F7DFD3;  
  --ivoire:       #FFF9F5;  
  --garis-2:      #F8E5DB;  
  --miel-pale:    #FCE3CF;  
  --argile-pale:  #FBDED4;  
  --ouverture:        #FBDBC9;  
  --ouverture-lueur:  #FDE7D6;  
  --ouverture-fond:   radial-gradient(120% 130% at 100% 0%, var(--ouverture-lueur) 0%, rgba(253,231,214,0) 62%), var(--ouverture);
  --photo:        #F2DDD3;  
  --photo-icone:  #9A7D86;
  --mer:          #BEDEDE;  
  --mer-texte:    #2F5A5C;  

  
  --andesite:     #2A1820;  
  --andesite-2:   #6E5560;  
  --andesite-3:   #7C646E;  

  
  --garis:        #EDD6CC;  
  --garis-fort:   #DDBFB3;  
  --bord-champ:   #94737E;  

  
  --terre-cuite:        #E26C4F;  
  --terre-cuite-survol: #D8644A;  
  --terre-cuite-fonce:  #A9432D;  
  --corail-profond:     #C9553A;  
  --sur-marque:         var(--andesite);   
  
  --logo-marque: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52'%3E%3Cpath d='M20 3.5C11.2 3.5 5 10.2 5 18.8 5 29.6 20 47.5 20 47.5S35 29.6 35 18.8C35 10.2 28.8 3.5 20 3.5Z' fill='none' stroke='%23E26C4F' stroke-width='3.2' stroke-linejoin='round'/%3E%3Cpath d='M14 15.8A3 3 0 0 1 17 12.8H19.2V18H14ZM20.8 12.8H23A3 3 0 0 1 26 15.8V18H20.8ZM14 19.6H19.2V24.8H17A3 3 0 0 1 14 21.8ZM20.8 19.6H26V21.8A3 3 0 0 1 23 24.8H20.8Z' fill='%23E26C4F'/%3E%3C/svg%3E");
  --miel:               #F4B48C;  
  --subak:              #A9432D;  
  --focus:              var(--terre-cuite-fonce);

  
  --cafe:         #3A2130;  
  --cafe-survol:  #4E2D40;
  --creme:        #FDF1EA;  
  --creme-2:      #E2C6CF;  

  
  --wa:           var(--terre-cuite);         
  --wa-fonce:     var(--terre-cuite-fonce);   

  
  --erreur:       #A3203A;  

  
  --n1:#FDE3C9; --n2:#F9C6A9; --n3:#F5A88B; --n4:#ED8A75; --n5:#DC6E65;
  --neutre:#EADAD8;         

  
  --encre-rvb: 42,24,32;      
  --blanc-rvb: 255,249,245;   
  --creme-rvb: 253,241,234;   
  --ombre-rvb: 84,46,60;      
  --terre-cuite-rvb: 226,108,79;   
  --terre-cuite-fonce-rvb: 169,67,45;   
  --cafe-rvb: 58,33,48;       
  --wa-rvb: 169,67,45;        

  
  --ombre-1: 0 0 0 1px rgba(var(--ombre-rvb),.07), 0 1px 2px rgba(var(--ombre-rvb),.08), 0 6px 18px rgba(var(--ombre-rvb),.10);
  --ombre-2: 0 0 0 1px rgba(var(--ombre-rvb),.06), 0 2px 6px rgba(var(--ombre-rvb),.08), 0 16px 40px rgba(var(--ombre-rvb),.14);
  --ombre-feuille: 0 -1px 0 rgba(var(--ombre-rvb),.05), 0 -10px 36px rgba(var(--ombre-rvb),.16);
  --ombre-carte: 0 0 0 1px rgba(var(--ombre-rvb),.06), 0 2px 4px rgba(var(--ombre-rvb),.04), 0 12px 28px -10px rgba(var(--ombre-rvb),.16);

  
  --r-pilule: 3px;      
  --coupe-puce: 7px;    
  --r-champ: 14px;      
  --r-panneau: 16px;    
  --r-photo: 14px;
  --r-pastille: 4px;    
  --r-bulle: 10px;      
  --r-petit: 8px;       
  --r-bouton: 16px;     
  --r-carte: 22px;      
  --r-ouverture: 28px;  
  
  --bouton-fond:        linear-gradient(180deg, #E87A5E, var(--terre-cuite));
  --bouton-fond-presse: linear-gradient(180deg, var(--terre-cuite), var(--terre-cuite-survol));
  --bouton-relief:      inset 0 1px 0 rgba(255,255,255,.35), 0 8px 18px -10px rgba(169,67,45,.7);
  
  --bouton-2-fond:      var(--ivoire);
  --bouton-2-relief:    0 0 0 1px rgba(42,24,32,.08), 0 6px 14px -10px rgba(58,33,48,.45);

  
  --e-1: 4px;
  --e-2: 8px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 20px;
  --e-6: 24px;
  --e-7: 32px;

  
  --f-ui: 'Archivo', 'Helvetica Neue', Arial, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-lieu: var(--f-ui);     
  --f-titre: 'Archivo', 'Helvetica Neue', Arial, system-ui, sans-serif;   
  --titre-largeur: 125%;     
  --titre-graisse: 800;
  --titre-approche: -0.02em; 

  
  
  --d-toucher:   140ms;   
  --d-pression:  180ms;   
  --d-texte:     200ms;   
  --d-sortie:    240ms;   
  --d-feuille:   320ms;   
  --d-recadrage: 500ms;   
  --d-eau:       700ms;   
  --d-camera:    900ms;   
  --d-titre:     700ms;   
  
  --d-attente-bulles: 250ms;

  
  --ease-sortie:  cubic-bezier(.2,.8,.2,1);         
  --ease-entree:  cubic-bezier(.4,0,1,1);           
  --ease-feuille: cubic-bezier(.32,.72,0,1);        
  --ease-camera:  cubic-bezier(.215,.61,.355,1);    
  --ease-pression: cubic-bezier(.3,.7,.4,1);        

  
  --m-pas-1: 4px;             
  --m-pas-2: 12px;            
  --m-pas-3: 24px;            
  --m-enfonce: .97;           
  --m-enfonce-petit: .96;     
  --m-estompe: .45;           
}


@media (prefers-reduced-motion: reduce){
  :root{
    --d-toucher: 0ms; --d-pression: 0ms; --d-recadrage: 0ms; --d-eau: 0ms; --d-camera: 0ms; --d-attente-bulles: 0ms;
    --d-texte: 150ms; --d-sortie: 150ms; --d-feuille: 150ms; --d-titre: 150ms;
    --m-pas-1: 0px; --m-pas-2: 0px; --m-pas-3: 0px;
    --m-enfonce: 1; --m-enfonce-petit: 1;
  }
}
html[data-mouvement="reduit"]{
  --d-toucher: 0ms; --d-pression: 0ms; --d-recadrage: 0ms; --d-eau: 0ms; --d-camera: 0ms; --d-attente-bulles: 0ms;
  --d-texte: 150ms; --d-sortie: 150ms; --d-feuille: 150ms; --d-titre: 150ms;
  --m-pas-1: 0px; --m-pas-2: 0px; --m-pas-3: 0px;
  --m-enfonce: 1; --m-enfonce-petit: 1;
}