/* ---------------------------------------- fonts */
@font-face {
  font-family: Bellota;
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/Bellota/Bellota-Regular.ttf');
}

@font-face {
  font-family: Bellota;
  font-style: italic;
  font-weight: 500;
  src: url('../../fonts/Bellota/Bellota-Italic.ttf');
}

@font-face {
  font-family: Bellota;
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/Bellota/Bellota-Light.ttf');
}

@font-face {
  font-family: Bellota;
  font-style: italic;
  font-weight: 300;
  src: url('../../fonts/Bellota/Bellota-LightItalic.ttf');
}

@font-face {
  font-family: Bellota;
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/Bellota/Bellota-Bold.ttf');
}

@font-face {
  font-family: Bellota;
  font-style: italic;
  font-weight: 700;
  src: url('../../fonts/Bellota/Bellota-BoldItalic.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  src: url('../../fonts/Roboto/Roboto-Thin.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 100;
  src: url('../../fonts/Roboto/Roboto-ThinItalic.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/Roboto/Roboto-Light.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: url('../../fonts/Roboto/Roboto-LightItalic.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/Roboto/Roboto-Regular.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/Roboto/Roboto-Italic.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/Roboto/Roboto-Medium.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: url('../../fonts/Roboto/Roboto-MediumItalic.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/Roboto/Roboto-Bold.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 600;
  src: url('../../fonts/Roboto/Roboto-BoldItalic.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url('../../fonts/Roboto/Roboto-Black.ttf');
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  src: url('../../fonts/Roboto/Roboto-BlackItalic.ttf');
}

/* ---------------------------------------- colors */

:root {
  color-scheme: only light;
}

body {
  --color-gris-base: #d9d9d6;
  --color-gris-medium: #93969a;
  --color-gris-dark: #252d38;
  --color-gris-dark-80: #252d38cc;
  --color-gris-light: #dfdfe1;
  --color-blanc-80: #ffffffd2;

  --cm-color-orange: #efa95b;
  --cm-color-bleu: #0000ff;
  --cm-color-bleuclair: #66d1ff;
  --cm-color-violet: #5757c0;
  --cm-color-rose: #d93daf;
  --cm-color-bleunuit: #394f7e;

  --cm-color-orange-light: #f3dd9a;
  --cm-color-orange-medium: #f39309;
  --cm-color-orange-dark: #7f4128;

  --cm-color-rose-light: #ecc9b9;
  --cm-color-rose-medium: #d72998;
  --cm-color-rose-dark: #683369;

  --cm-color-gris-fond: #ececec;
}

/* ---------------------------------------- global */

.bulma-title {
  font-family: Bellota;
  font-weight: bold;
}