:root {
  --cyan: #5271ff;
  --dark-blue: #3c378d;
  --black: #303030;
  --white: #fff;
  --brand-blue: #35f;
  --brand-blue-soft: #5271ff;
  --brand-blue-deep: #3c378d;
  --legal-accent: #312e76;
  --surface: #fff;
  --surface-muted: #f6f9ff;
  --surface-warm: #fff6ee;
  --border-subtle: #dde7ff;
  --border-accent: #3c378d40;
  --accent-warm: #ffb26b;
  --shadow-soft: 0 4px 10px #0000001a;
  --shadow-card: 5px 5px 15px #0003;
  --shadow-elevated: 0 12px 40px #0f1c4f12;
  --radius-card: 20px;
  --radius-surface: 15px;
  --radius-pill: 999px;
  --placeholder-muted: #8599ff80;
  --horizontal-aura: linear-gradient(180deg, #5271ff 0%, #4856ca 37.87%, #3c378d 100%);
  --vertical-aura: linear-gradient(180deg, #5271ff 0%, #4856ca 37.87%, #3c378d 100%);
  --schema-cycle-vie-desktop: url("../images/content/diagrams/schema-cycle-vie-desktop.svg");
  --schema-cycle-vie-tablet: url("../images/content/diagrams/schema-cycle-vie-tablet.svg");
  --schema-cycle-vie-mobile: url("../images/content/diagrams/schema-cycle-vie-mobile.svg");
}

@media only screen and (width >= 1025px) {
  :root {
    --header-font-family: "Poppins", Helvetica, sans-serif;
    --header-font-weight: 500;
    --header-font-size: 20px;
    --header-letter-spacing: 1.2px;
    --header-line-height: 1.3;
    --button-font-family: "Poppins", Helvetica, sans-serif;
    --button-font-weight: 600;
    --button-font-size: 20px;
    --button-letter-spacing: .4px;
    --button-line-height: normal;
    --button-font-style: normal;
    --h1-font-family: "Poppins", Helvetica, sans-serif;
    --h1-font-weight: 700;
    --h1-font-size: 30px;
    --h1-letter-spacing: 0px;
    --h1-line-height: normal;
    --h1-font-style: normal;
    --h2-font-family: "Poppins", Helvetica, sans-serif;
    --h2-font-weight: 600;
    --h2-font-size: 30px;
    --h2-letter-spacing: 0px;
    --h2-line-height: normal;
    --h2-font-style: normal;
    --h3-font-family: "Poppins", Helvetica, sans-serif;
    --h3-font-weight: 600;
    --h3-font-size: 20px;
    --h3-letter-spacing: 0px;
    --h3-line-height: normal;
    --h3-font-style: normal;
    --h4-font-family: "Poppins", Helvetica, sans-serif;
    --h4-font-weight: 600;
    --h4-font-size: 24px;
    --h4-letter-spacing: 0px;
    --h4-line-height: normal;
    --h4-font-style: normal;
    --h5-font-family: "Poppins", Helvetica, sans-serif;
    --h5-font-weight: 700;
    --h5-font-size: 20px;
    --h5-letter-spacing: 0px;
    --h5-line-height: normal;
    --h5-font-style: normal;
    --texte-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --texte-font-weight: 400;
    --texte-font-size: 22px;
    --texte-letter-spacing: 0px;
    --texte-line-height: 1.6;
    --texte-font-style: normal;
    --st-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --st-font-weight: 500;
    --st-font-size: 22px;
    --st-letter-spacing: 0px;
    --st-line-height: 1.5;
    --st-font-style: normal;
    --btn-type-font-family: "Poppins", Helvetica, sans-serif;
    --btn-type-font-weight: 600;
    --btn-type-font-size: 20px;
    --btn-type-letter-spacing: .2px;
    --btn-type-line-height: 1.2;
    --btn-type-font-style: normal;
    --btn-domaine-font-family: "Poppins", Helvetica, sans-serif;
    --btn-domaine-font-weight: 500;
    --btn-domaine-font-size: 16px;
    --btn-domaine-letter-spacing: .48px;
    --btn-domaine-line-height: normal;
    --btn-domaine-font-style: normal;
    --text-card-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --text-card-font-weight: 400;
    --text-card-font-size: 16px;
    --text-card-letter-spacing: .48px;
    --text-card-line-height: 1.5;
    --text-card-font-style: normal;
    --text-engagement-font-family: "Poppins", Helvetica, sans-serif;
    --text-engagement-font-weight: 500;
    --text-engagement-font-size: 28px;
    --text-engagement-letter-spacing: 0px;
    --text-engagement-line-height: normal;
    --text-engagement-font-style: normal;
    --text-footer-informations-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --text-footer-informations-font-weight: 500;
    --text-footer-informations-font-size: 16px;
    --text-footer-informations-letter-spacing: 0px;
    --text-footer-informations-line-height: 1.4;
    --text-footer-informations-font-style: normal;
    --text-legals-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --text-legals-font-weight: 400;
    --text-legals-font-size: 14px;
    --text-legals-letter-spacing: 0px;
    --text-legals-line-height: 1.45;
    --text-legals-font-style: normal;
    --footer-navbar-font-family: "Poppins", Helvetica, sans-serif;
    --footer-navbar-font-weight: 500;
    --footer-navbar-font-size: 16px;
    --footer-navbar-letter-spacing: .24px;
    --footer-navbar-line-height: normal;
    --footer-navbar-font-style: normal;
    --petalarge: 96px;
    --teralarge: 80px;
    --gigalarge: 64px;
    --megalarge: 48px;
    --kilolarge: 40px;
    --large: 36px;
    --centilarge: 32px;
    --mililarge: 24px;
    --microlarge: 16px;
    --nanolarge: 12px;
    --picolarge: 8px;
    --width-logo-header: 250px;
    --height-logo-header: 43.68px;
    --height-schema: 460px;
    --width-schema: 980px;
    --height-gif: 400px;
    --width-gif: 400px;
    --width-image-team: 415px;
    --height-image-team: 375px;
    --width-icon-service: 72px;
    --height-icon-service: 72px;
    --width-item: 140px;
    --height-item: 70px;
    --width-logo-bnb: 250px;
    --height-logo-bnb: 44px;
    --width-icon-information: 32px;
    --height-icon-information: 32px;
  }
}

@media only screen and (width >= 601px) and (width <= 1024px) {
  :root {
    --button-font-family: "Poppins", Helvetica, sans-serif;
    --button-font-weight: 600;
    --button-font-size: 16px;
    --button-letter-spacing: .4px;
    --button-line-height: normal;
    --button-font-style: normal;
    --h1-font-family: "Poppins", Helvetica, sans-serif;
    --h1-font-weight: 700;
    --h1-font-size: 24px;
    --h1-letter-spacing: 0px;
    --h1-line-height: normal;
    --h1-font-style: normal;
    --h2-font-family: "Poppins", Helvetica, sans-serif;
    --h2-font-weight: 600;
    --h2-font-size: 24px;
    --h2-letter-spacing: 0px;
    --h2-line-height: normal;
    --h2-font-style: normal;
    --h3-font-family: "Poppins", Helvetica, sans-serif;
    --h3-font-weight: 600;
    --h3-font-size: 16px;
    --h3-letter-spacing: 0px;
    --h3-line-height: normal;
    --h3-font-style: normal;
    --h4-font-family: "Poppins", Helvetica, sans-serif;
    --h4-font-weight: 600;
    --h4-font-size: 24px;
    --h4-letter-spacing: 0px;
    --h4-line-height: normal;
    --h4-font-style: normal;
    --h5-font-family: "Poppins", Helvetica, sans-serif;
    --h5-font-weight: 700;
    --h5-font-size: 20px;
    --h5-letter-spacing: 0px;
    --h5-line-height: normal;
    --h5-font-style: normal;
    --texte-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --texte-font-weight: 400;
    --texte-font-size: 19px;
    --texte-letter-spacing: 0px;
    --texte-line-height: 1.6;
    --texte-font-style: normal;
    --st-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --st-font-weight: 500;
    --st-font-size: 19px;
    --st-letter-spacing: 0px;
    --st-line-height: 1.5;
    --st-font-style: normal;
    --btn-type-font-family: "Poppins", Helvetica, sans-serif;
    --btn-type-font-weight: 600;
    --btn-type-font-size: 20px;
    --btn-type-letter-spacing: .2px;
    --btn-type-line-height: 1.2;
    --btn-type-font-style: normal;
    --btn-domaine-font-family: "Poppins", Helvetica, sans-serif;
    --btn-domaine-font-weight: 500;
    --btn-domaine-font-size: 16px;
    --btn-domaine-letter-spacing: .48px;
    --btn-domaine-line-height: normal;
    --btn-domaine-font-style: normal;
    --text-card-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --text-card-font-weight: 400;
    --text-card-font-size: 16px;
    --text-card-letter-spacing: .48px;
    --text-card-line-height: 1.5;
    --text-card-font-style: normal;
    --text-engagement-font-family: "Poppins", Helvetica, sans-serif;
    --text-engagement-font-weight: 500;
    --text-engagement-font-size: 24px;
    --text-engagement-letter-spacing: 0px;
    --text-engagement-line-height: normal;
    --text-engagement-font-style: normal;
    --text-footer-informations-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --text-footer-informations-font-weight: 500;
    --text-footer-informations-font-size: 14px;
    --text-footer-informations-letter-spacing: 0px;
    --text-footer-informations-line-height: 1.4;
    --text-footer-informations-font-style: normal;
    --footer-navbar-font-family: "Poppins", Helvetica, sans-serif;
    --footer-navbar-font-weight: 500;
    --footer-navbar-font-size: 14px;
    --footer-navbar-letter-spacing: .24px;
    --footer-navbar-line-height: normal;
    --footer-navbar-font-style: normal;
    --text-legals-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --text-legals-font-weight: 400;
    --text-legals-font-size: 12px;
    --text-legals-letter-spacing: 0px;
    --text-legals-line-height: 1.45;
    --text-legals-font-style: normal;
    --petalarge: 72px;
    --teralarge: 64px;
    --gigalarge: 52px;
    --megalarge: 40px;
    --kilolarge: 36px;
    --large: 32px;
    --centilarge: 24px;
    --mililarge: 20px;
    --microlarge: 16px;
    --nanolarge: 12px;
    --picolarge: 8px;
    --width-logo-header: 200px;
    --height-logo-header: 35px;
    --height-schema: 945px;
    --width-schema: 510px;
    --height-gif: 300px;
    --width-gif: 300px;
    --width-image-team: 325px;
    --height-image-team: 295px;
    --width-icon-service: 60px;
    --height-icon-service: 60px;
    --width-item: 120px;
    --height-item: 60px;
    --width-logo-bnb: 200px;
    --height-logo-bnb: 35px;
    --width-icon-information: 28px;
    --height-icon-information: 28px;
  }
}

@media only screen and (width <= 600px) {
  :root {
    --button-font-family: "Poppins", Helvetica, sans-serif;
    --button-font-weight: 600;
    --button-font-size: 16px;
    --button-letter-spacing: .4px;
    --button-line-height: normal;
    --button-font-style: normal;
    --h1-font-family: "Poppins", Helvetica, sans-serif;
    --h1-font-weight: 700;
    --h1-font-size: 36px;
    --h1-letter-spacing: 0px;
    --h1-line-height: normal;
    --h1-font-style: normal;
    --h2-font-family: "Poppins", Helvetica, sans-serif;
    --h2-font-weight: 600;
    --h2-font-size: 28px;
    --h2-letter-spacing: 0px;
    --h2-line-height: normal;
    --h2-font-style: normal;
    --h3-font-family: "Poppins", Helvetica, sans-serif;
    --h3-font-weight: 600;
    --h3-font-size: 16px;
    --h3-letter-spacing: 0px;
    --h3-line-height: normal;
    --h3-font-style: normal;
    --h4-font-family: "Poppins", Helvetica, sans-serif;
    --h4-font-weight: 600;
    --h4-font-size: 20px;
    --h4-letter-spacing: 0px;
    --h4-line-height: normal;
    --h4-font-style: normal;
    --h5-font-family: "Poppins", Helvetica, sans-serif;
    --h5-font-weight: 700;
    --h5-font-size: 20px;
    --h5-letter-spacing: 0px;
    --h5-line-height: normal;
    --h5-font-style: normal;
    --texte-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --texte-font-weight: 400;
    --texte-font-size: 16px;
    --texte-letter-spacing: 0px;
    --texte-line-height: 1.6;
    --texte-font-style: normal;
    --st-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --st-font-weight: 500;
    --st-font-size: 16px;
    --st-letter-spacing: 0px;
    --st-line-height: 1.5;
    --st-font-style: normal;
    --btn-type-font-family: "Poppins", Helvetica, sans-serif;
    --btn-type-font-weight: 600;
    --btn-type-font-size: 16px;
    --btn-type-letter-spacing: .2px;
    --btn-type-line-height: 1.2;
    --btn-type-font-style: normal;
    --btn-domaine-font-family: "Poppins", Helvetica, sans-serif;
    --btn-domaine-font-weight: 500;
    --btn-domaine-font-size: 16px;
    --btn-domaine-letter-spacing: .48px;
    --btn-domaine-line-height: normal;
    --btn-domaine-font-style: normal;
    --text-card-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --text-card-font-weight: 400;
    --text-card-font-size: 12px;
    --text-card-letter-spacing: .48px;
    --text-card-line-height: 1.45;
    --text-card-font-style: normal;
    --text-engagement-font-family: "Poppins", Helvetica, sans-serif;
    --text-engagement-font-weight: 500;
    --text-engagement-font-size: 24px;
    --text-engagement-letter-spacing: 0px;
    --text-engagement-line-height: normal;
    --text-engagement-font-style: normal;
    --text-footer-informations-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --text-footer-informations-font-weight: 500;
    --text-footer-informations-font-size: 12px;
    --text-footer-informations-letter-spacing: 0px;
    --text-footer-informations-line-height: 1.4;
    --text-footer-informations-font-style: normal;
    --footer-navbar-font-family: "Poppins", Helvetica, sans-serif;
    --footer-navbar-font-weight: 500;
    --footer-navbar-font-size: 12px;
    --footer-navbar-letter-spacing: .24px;
    --footer-navbar-line-height: normal;
    --footer-navbar-font-style: normal;
    --text-legals-font-family: "IBM Plex Sans", Helvetica, sans-serif;
    --text-legals-font-weight: 400;
    --text-legals-font-size: 11px;
    --text-legals-letter-spacing: 0px;
    --text-legals-line-height: 1.45;
    --text-legals-font-style: normal;
    --petalarge: 64px;
    --teralarge: 52px;
    --gigalarge: 44px;
    --megalarge: 36px;
    --kilolarge: 32px;
    --large: 24px;
    --centilarge: 20px;
    --mililarge: 16px;
    --microlarge: 12px;
    --nanolarge: 8px;
    --picolarge: 8px;
    --width-logo-header: 150px;
    --height-logo-header: 26px;
    --height-schema: 730px;
    --width-schema: 395px;
    --height-gif: 200px;
    --width-gif: 200px;
    --width-image-team: 250px;
    --height-image-team: 225px;
    --width-icon-service: 40px;
    --height-icon-service: 40px;
    --width-item: 80px;
    --height-item: 40px;
    --width-logo-bnb: 150px;
    --height-logo-bnb: 26px;
    --width-icon-informations: 80px;
    --height-icon-informations: 40px;
    --width-icon-information: 20px;
    --height-icon-information: 20px;
  }
}