@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

:root {
  --color-primary:       #d25131; /*#0655d0; d25131*/ 
  --color-primary-light: #d2513150; 
  --color-primary-dark:  #d25131AA; 
  --color-white:         #FFFFFF;
  --color-bgblack:       rgba(15,13,16,1);
  --color-bgblack-dark:  rgba(15,13,16,0.8);
  --color-bgblack-light: rgba(15,13,16,0.4);
  --color-p:  		       #111111;
  --color-menu:          #204a72;
  --color-sapin:         #003537;
  --color-sapin-tr:      #00353780; 
  --color-sapin-light:   #a4d8da; 
  
  --gap: 15px;
  --gap-2: 30px;
  --gap-3: 45px;
  --gap-4: 60px;
  --gap-5: 75px;
  --gap-6: 90px;
  --grid-gap:  4px;
  --section-height: 50px;

  --image-opacity: rgba(0,0,0,0.20);/*35*/
  --image-opacity-hover: rgba(0,0,0,0.40);/*65*/
  --button-bg:  rgba(0,0,0,0.4);

  --margin-img-xs:  8%;
  --margin-img:     15%;
  --height-img:     50vh;
  --height-header: 80px;

  --seat-h-1  : 0px;
  --seat-h-2  : 30px;
  --seat-h-3  : 145px;
  --seat-h-4  : 115px;

  --seat-v-1  : 126px;
  --seat-v-2  : 173px;
  --seat-v-3  : 220px;
  --seat-v-4  : 267px;
  --seat-v-5  : 314px;
  --seat-v-6  : 361px;
  --seat-v-7  : 404px;
  --seat-v-8  : 452px;
  --seat-v-9  : 497px;
  --seat-v-10 : 545px;
  --seat-v-11 : 592px;
  --seat-v-12 : 638px;
  --seat-v-13 : 683px;

  --font-title:  "EB Garamond";
  --font-texte:  "Oswald";

  font-size: 62.5%;
}