/* xSweet theme ========================================================================== */
/* 1. variantes  ========================================================================== */

a {
    color: inherit;
    text-decoration: underline;
  
  }
  :root {
    --tint: 300;
    --light: 0%;
    --saturation: 100%;
    --color-background: #FEFDFC;
    --color-lightest-grey: rgb(245, 245, 245);
    --color-lightest-grey: rgba(1, 1, 1, 0.1);
  
    --color-body: black;
    --color-link: black;
    --color-primary: #17a4cf;
    --color-secondary: #6aa58e;
    --color-trois: #ffb800;
    --color-primary-fade: rgba(23, 164, 207, 0.2);
    --color-secondary-fade: rgba(106, 165, 142, 0.5);
    --color-gris: #6c797d;
  
    --font-titre: "Titillium Web", serif;
    --font-texte: "Roboto", sans-serif;
    --font-social: "font social media";
    --font-mono: "Titillium Web";
    --font-size: 1rem;
    --line-height: 1.7;
  
    --color-highlight: yellow;
  }
  
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.ttf") format("opentype");
    font-style: normal;
    font-weight: 400;
  }
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Italic.ttf") format("opentype");
    font-style: italic;
    font-weight: 400;
  }
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.ttf") format("opentype");
    font-style: normal;
    font-weight: 700;
  }
  @font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-BoldItalic.ttf") format("opentype");
    font-style: italic;
    font-weight: 700;
  }


  @font-face {
    font-family: "Titillium Web";
    src: url("../fonts/TitilliumWeb-ExtraLight.ttf") format("opentype");
    font-style: normal;
    font-weight: 100;
  }
  @font-face {
    font-family: "Titillium Web";
    src: url("../fonts/TitilliumWeb-Light.ttf") format("opentype");
    font-style: normal;
    font-weight: 200;
  }
  @font-face {
    font-family: "Titillium Web";
    src: url("../fonts/TitilliumWeb-Regular.ttf") format("opentype");
    font-style: normal;
    font-weight: 400;
  }
  @font-face {
    font-family: "Titillium Web";
    src: url("../fonts/TitilliumWeb-Italic.ttf") format("opentype");
    font-style: italic;
    font-weight: 400;
  }
  @font-face {
    font-family: "Titillium Web";
    src: url("../fonts/TitilliumWeb-Bold.ttf") format("opentype");
    font-style: normal;
    font-weight: 700;
  }
  
  @font-face {
    font-family: "font social media";
    src: url("../fonts/font-social-media.ttf") format("opentype");
    font-style: normal;
    font-weight: 200;
  }