@import url('https://fonts.googleapis.com/css2?family=Rubik+Doodle+Shadow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,700;1,300;1,700&display=swap');
 
:root
{

  --primary :rgba(20, 83, 154, 1);
  --primary-light : rgba(0,102 , 153,.05) ;
  --secondary : rgba(13, 53, 98,1);
  --secondary-light : rgba(13, 53, 98,.5);
  --tertiary : red;
  --dark-tertiary : rgb(128, 0, 0);
}



/* Pour les titres et les en-têtes */
h1, aside figcaption,  footer figcaption, .logo-title, footer h2
{
  font-family: 'Rubik Doodle Shadow', system-ui; 
}

/* Pour le contenu principal */
body, aside figcaption p,  footer figcaption p
{
 font-family: 'Ubuntu', sans-serif;
  /* Si 'Roboto' n'est pas disponible, des polices sans-serif génériques seront utilisées */
}

h2, h3 
{
  font-family: 'Montserrat', sans-serif;
  /* Si 'Montserrat' n'est pas disponible, des polices sans-serif génériques seront utilisées */
}

/* Pour les titres et les en-têtes */
aside figcaption
{
  color: var(--primary);
}

code 
{
  font-family: Consolas, monospace;
  /* Autres styles de code */
}