/****** Variable Fonts + Couleurs ******/

@font-face {
  font-family: "Inter";
  font-weight: 400;
  src:
    url("../fonts/Inter-Regular.woff2") format("woff2"),
    url("../fonts/Inter-Regular.woff") format("woff");
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  src:
    url("../fonts/Inter-Medium.woff2") format("woff2"),
    url("../fonts/Inter-Regular.woff") format("woff");
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  src:
    url("../fonts/Inter-SemiBold.woff2") format("woff2"),
    url("../fonts/Inter-Regular.woff") format("woff");
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  font-weight: 700;
  src:
    url("../fonts/Inter-Bold.woff2") format("woff2"),
    url("../fonts/Inter-Regular.woff") format("woff");
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  font-weight: 900;
  src:
    url("../fonts/Inter-Black.woff2") format("woff2"),
    url("../fonts/Inter-Regular.woff") format("woff");
  font-style: normal;
}

@font-face {
  font-family: "Bahnschrift";
  src:
    url("../fonts/Bahnschrift-Bold.woff2") format("woff2"),
    url("../fonts/Bahnschrift-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Public Sans";
  src:
    url("../fonts/PublicSans-Medium.woff2") format("woff2"),
    url("../fonts/PublicSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Public Sans";
  src:
    url("../fonts/PublicSans-Bold.woff2") format("woff2"),
    url("../fonts/PublicSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Public Sans";
  src:
    url("../fonts/PublicSans-Regular.woff2") format("woff2"),
    url("../fonts/PublicSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Public Sans";
  src:
    url("../fonts/PublicSans-SemiBold.woff2") format("woff2"),
    url("../fonts/PublicSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Couleurs */
  --color-primary: #9de4ea;
  --color-secondary: #eb4227;
  --color-warning: #efd33d;
  --color-success: #1aba1a;
  --color-info: #01a49e;
  --color-danger: #ff5a1f;
  --color-background: #e4ffff;
  --color-background-secondary: #eef6ef;
  --color-text: #090909;
  --color-text-secondary: #666666;
  --color-border: #d6d6d6;
  --color-placeholder: #adadad;

  --color-white: #ffffff;
  --color-green: #1ed760;
  --gray-200: #555555;
  --gray-300: #dee2e6;
  --gray-400: #edf0f7;
  --gray-500: #77878f;
  --gray-600: #5f6c72;
  --gray-700: #475156;
  --gray-800: #191c1f;
  --gray-900: #000000;

  /* Typographie */

  --font-primary: "Inter", sans-serif;
  --font-secondary: "Bahnschrift", sans-serif;
  --font-size-base: 16px;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-xxl: 30px;

  --font-display-title1: 27px;
  --font-display-title2: 32px;
  --font-display-title3: 40px;

  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-sm: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
}

/****** Variable Fonts + Couleurs ******/

/****** Container Global ******/
.d-flex {
  display: flex;
}
.container {
  width: 100%;
  max-width: 1330px;
}

@media (max-width: 576px) {
}

@media (min-width: 576px) {
}

/****** Container Global ******/