:root {
  /* Colors Start */
  --body-bg-color: #120121;
  --header-bg-color: #ffffff;
  --text-color: #FFFFFF;
  --text-color-primary: #282828;
  --text-color-secondary: #FC2779;
  --text-color-tertiary: #2F4254;
  --primary-heading-color: #FC2779;
  --secondary-heading-color: #2F4254;
  --border-color: #F3F4F6;
  --border-color-primary: #DDD2FF;
  --link-text: #1A489C;
  --border-color-secondary: #2F4254;
  --section-bg-color-primary:#FFF5F2;
  --section-bg-color-secondary:#F9FAFB;
  --premium-card-bg-color: #FC2779;
  --premium-btn-bg-color: #FFF5F2;
  --input-focus-color: #2F4254;
  --label-text-color: #2F4254;
  --box-shadow: #e4e4e4;
  --toggle-bg-color: #F6F6F6;
  --card-text-color: #8B8B8B;
  --footer-bg-color: #F3F4F6;
  --button-border-color:#FC2779;
  --button-bg-color-primary: #FC2779;
  --button-text-color-primary: #ffffff;
  --button-bg-hover-color-primary: #ffffff;
  --button-hover-text-primary: #FC2779;
  --button-text-color-secondary: #ffffff;
  --button-bg-color-secondary: #2F4254;
  --button-bg-hover-text-secondary: #ffffff;
  --button-hover-text-secondary: #2F4254;
  --button-bg-color-tertiary: #ffffff;
  --button-text-color-tertiary: #2F4254;
  --button-bg-hover-color-tertiary: #2F4254;
  --button-hover-text-tertiary: #ffffff;
  /* Color End */

  /* Font Family Start */
  --outfit-regular: "outfit-regular";
  --outfit-light: "outfit-light";
  --outfit-medium: "outfit-medium";
  --outfit-semibold: "outfit-semiBold";
  --outfit-bold: "outfit-bold";
  /* Font Family End */

  /* Heading Font Size Start */
  /* Larger screen */
  --xl-h1-font-size: 44px;
  --xl-h1-line-height: 48px;
  --xl-h2-font-size: 34px;
  --xl-h2-line-height: 38px;
  --xl-h3-font-size: 30px;
  --xl-h3-line-height: 34px;
  /* Larger Screen */

  /* Tab View */
  --md-h1-font-size: 36px;
  --md-h1-line-height: 42px;
  --md-h2-font-size: 30px;
  --md-h2-line-height: 34px;
  --md-h3-font-size: 25px;
  --md-h3-line-height: 30px;
  /* Tab view */

  /* Mobile View */
  --sm-h1-font-size: 22px;
  --sm-h1-line-height: 30px;
  --sm-h2-font-size: 20px;
  --sm-h2-line-height: 26px;
  --sm-h3-font-size: 20px;
  --sm-h3-line-height: 24px;
  /* Mobile View */

  /* Heading Font Size End */

  /* Paragraph Fonts Start */
  /* Larger screen */
  --xl-p1-font-size: 36px;
  --xl-p1-line-height: 40px;
  --xl-p2-font-size: 20px;
  --xl-p2-line-height: 26px;
  --xl-p3-font-size: 18px;
  --xl-p3-line-height: 24px;
  --xl-p4-font-size: 16px;
  --xl-p4-line-height: 22px;
  --xl-p5-font-size: 14px;
  --xl-p5-line-height: 18px;

  /* Larger screen */
  /* Tab View */
  --md-p1-font-size: 24px;
  --md-p1-line-height: 30px;
  --md-p2-font-size: 18px;
  --md-p2-line-height: 24px;
  --md-p3-font-size: 16px;
  --md-p3-line-height: 20px;
  --md-p4-font-size: 14px;
  --md-p4-line-height: 18px;
  --md-p5-font-size: 13px;
  --md-p5-line-height: 16px;
  /* Tab View */
  /* Mobile View */
  --sm-p1-font-size: 20px;
  --sm-p1-line-height: 24px;
  --sm-p2-font-size: 14px;
  --sm-p2-line-height: 18px;
  --sm-p3-font-size: 14px;
  --sm-p3-line-height: 18px;
  --sm-p4-font-size: 13px;
  --sm-p4-line-height: 16px;
  --sm-p5-font-size: 13px;
  --sm-p5-line-height: 16px;
  /* Mobile View */
  /* Paragraph Fonts End */
}