/* global */
:root {
  /* Couleurs */
  --sigal-background-color: #ffffff; /* Utilisé pour le fond page. */
  --sigal-background-relief-color: #efefef; /* Utilisé pour mettre en relief des éléments non-clickables par dessus un fond blanc. */
  --sigal-on-background-color: #2e2e2e; /* Utilisé pour les éléments de premières importance, titre texte ou icon material sur un fond --sigal-background-color. */
  --sigal-on-background-color-light: #868686; /* Utilisé pour des éléments de seconde importance, certains textes sur fond --sigal-background-color. */
  --sigal-valid-color: #8bbd7a; /* Utilisé pour l'affichage d'un message de confirmation ou de validation. */
  --sigal-warning-color: #e6b364; /* Utilisé pour l'affichage d'un message d’avertissement ou d’un état en cours de traitement. */
  --sigal-error-color: #e26a6a; /* Utilisé pour l'affichage d'un message d’erreur ou d’un état annulé, refusé. */

  /* Thèmes */
  --sigal-theme-primary: #3962a1; /*Couleur personnalisable. Plusieurs possibilités, au choix.*/
  --sigal-theme-primary-light: #4d72aa; /*Obtenue en blanc opacité 10% par dessus la couleur personnalisée.*/
  --sigal-theme-primary-half-complexion: #e2e8f1; /*Obtenue en opacité 15% de la couleur personnalisé par dessus la couleur Blanc.*/
  --sigal-theme-primary-verylight: #f7f8f9; /*Utilisé pour les inputs, les boutons, par dessus le fond blanc. Très légère teinte de la couleur personnalisée.*/
  --sigal-theme-on-primary-color: #ffffff; /* Utilisé pour le texte ou icon material sur un fond --sigal-theme-primary ou --sigal-theme-primary-light.*/
  --sigal-theme-logo-desktop-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/langfr-1280px-Google_2015_logo.svg.png'); /* Utilisé pour définir l'image de litcw-logo-theme en vue desktop */
  --sigal-theme-logo-desktop-height: 5em; /* Utilisé pour définir la taille l'image de litcw-logo-theme en vue desktop */
  --sigal-theme-logo-mobile-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Google_%22G%22_Logo.svg/1004px-Google_%22G%22_Logo.svg.png'); /* Utilisé pour définir l'image de litcw-logo-theme en vue mobile */
  --sigal-theme-logo-mobile-width: 2em; /* Utilisé pour définir la largeur l'image de litcw-logo-theme en vue desktop */

  /* Couleurs Annexes -> Utilisée pour illustrer des données (graphiques, …).*/
  --sigal-color-annexe-1: #f1a17d;
  --sigal-color-annexe-2: #98b696;
  --sigal-color-annexe-3: #9d91df;
  --sigal-color-annexe-4: #f7b7b7;
  --sigal-color-annexe-5: #bd583e;

  /* Mesures des composants */
  --sigal-toolbar-height: 4em;
  --sigal-toolbar-width: 15.625em;
  --sigal-footer-height: 5em;

  /* Police / Font */
  --sigal-police-title-font-size: 1.375em;
  --sigal-police-title2-font-size: 1em;
  --sigal-police-text-font-size: 0.875em;
  --sigal-police-text2-font-size: 0.75em;
  --sigal-police-weight-big: 700;
  font-family: 'Roboto';
  font-weight: 150;

  --lumo-font-size-m: 0.95em;
  --lumo-font-family: 'Roboto';
}