:root {
  --color-primary:        #2F5FA3;
  --color-primary-text:   #FFFFFF;
  --color-secondary:      #00A0D7;
  --color-secondary-text: #FFFFFF;
  --color-graphite:       #575756;
  --color-graphite-text:  #FFFFFF;
  --color-nuit:           #575756;
  --color-nuit-text:      #FFFFFF;
  --color-web:            #234A7A;
  --color-web-text:       #FFFFFF;

  --color-action:         #F4A460;
  --color-action-text:    #FFFFFF;


  --color-tooltip-bg:     #F25439;
  --color-tooltip-text:   #FFFFFF;

  --color-web-opacite-1: rgba(35,74,122,0.8);
  --color-web-opacite-2: rgba(35,74,122,0.5);
  --color-web-opacite-3: rgba(35,74,122,0.2);
  

  --color-black:          #000;
  --color-white:          #FFF;
  --color-greylight:      #EFEFEF;

  --color-text:          #333;

  --color-overlay:        #000000AA;
  
  --gap: 15px;
  --gap-2: 30px;
  --gap-3: 45px;
  --gap-4: 60px;
  --gap-xs: 8px;
  --gap-wrapper:  80px;

  --gap-button-v: 5px;
  --gap-button-h: 40px;

  --font-title: 'Biondi sans Light', sans-serif;
  --font-title-regular: 'Biondi sans Regular', sans-serif;
  --font-text:  'Open Sans Condensed Light', sans-serif;

  --height-header:  80px;

  font-size: 62.5%;
}