:root {
--chatButton: #415eb3;
    --chatButtonHighlight: #5274d8;
    --navbarButton: #000000;
    --navbarButtonHighlight: hsl(0, 79%, 39%);
    --callToActionButton: #407e8f;
    --callToActionHighlight: #6da7b7;
    --offerCTA: #ffffff;
    --offerCTAAlternative: #3d6bf5;
    --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: #4b4b4b;
    --alternate--text: #e4e4e4;
    --header-text: #5ace37;
    --white-color: #ffffff;
    --primary-color: #c55f26;
    --secondary-color: #ce7388;
    --section-bg-color: #ffcfb1;
    --custom-btn-bg-color: #c24360;
    --custom-btn-bg-hover-color: #dc4568;
    --dark-color: #000000;
    --p-color: #f7f7f7;
    --border-color: #e9eaeb;
    --link-hover-color: #4f83d1;
    --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;
  }
  