:root {
  /* Interactive */
  --chatButton:#415eb3;
  --chatButtonHighlight:#5274d8;
  --navbarButton:#000000;
  --navbarButtonHighlight:hsl(0, 79%, 39%);
  --callToActionButton:#407e8f;
  --callToActionHighlight:#6da7b7;
  --offerCTA:#ffffff;
  --offerCTAAlternative:#3d6bf5;
  /* Background */
  --background: hsl(0, 0%, 100%);
  --offerBackground: #9dffe694;
  --modal-background: linear-gradient(90deg, rgb(16 14 14) 0%, rgb(23 18 18) 100%);
  --alternate-background: linear-gradient(0deg, rgb(51 105 107) 0%, rgba(38, 38, 38, 1) 100%);
  --alternate-background-flip: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(38,38,38,1) 100%);
  --light-background: linear-gradient(180deg, rgb(29 32 30) 0%, rgb(37 66 44) 100%);
  --alternate-light-background: linear-gradient(0deg, rgb(29 32 30) 0%, rgb(37 66 44) 100%);
  /* Text */
  --text: #4b4b4b;
  --alternate--text: #e4e4e4;
  --header-text:#5ace37;
  /* Other */
  --white-color:                  #ffffff;
  --primary-color:                #7cb8eb;
  --secondary-color:              #4f83d1;
  --section-bg-color:             #b1dbff;
  --custom-btn-bg-color:          #1e60c4;
  --custom-btn-bg-hover-color:    #0772ce;
  --dark-color:                   #000000;
  --p-color:                      #717275;
  --border-color:                 #e9eaeb;
  --link-hover-color:             #0772ce;

  --body-font-family:             'Poppins', sans-serif;

  --h1-font-size:                 52px;
  --h2-font-size:                 46px;
  --h3-font-size:                 32px;
  --h4-font-size:                 28px;
  --h5-font-size:                 24px;
  --h6-font-size:                 22px;
  --p-font-size:                  16px;
  --btn-font-size:                18px;
  --copyright-font-size:          14px;

  --border-radius-large:          100px;
  --border-radius-medium:         20px;
  --border-radius-small:          10px;

  --font-weight-normal:           400;
  --font-weight-medium:           500;
  --font-weight-bold:             700;
  }