:root {
  --primary-700: #5b027a;
  --primary-600: #490262;
  --primary-500: #7c3595;
  --primary-400: #c9a8ff;
  --primary-300: #efe6f2;
  --primary-200: #fbfafe;
  --banner-txt-color: var(--black-700);
  --banner-btn-color: var(--white-200);

  --def-casing-style: 'none';
  --FirstLtr-casing-style: 'none';
  --placeholder-casing-style: capitalize;
  --text-casing-style: uppercase;
  --brand-logo-width: 137px;
  --brand-logo-margin: 20px 0px;

  --calendarAssetPath: url(/commonAssets/calendar.svg);
  --LoginBackImg: url(/thumb/images/Login/Login_BG.png);
  --fallbackLoginBG: url(/thumb/images/Login/Login_BG.png);
  --LoginBackMobileImage: url(/thumb/images/Login/Login_Mobile_BG.png);
  --escalate-image: url(/commonAssets/escalate.svg);
  --sliderIconNext: url(/commonAssets/right-arrow.svg);
  --christmas-frame-image: url(/thumb/images/festival/christmas/Xmas_footer.png);
  --festival-footer-track-img: var(--christmas-frame-image);
  --festival-mobile-footer-track-img: var(--christmas-frame-image);
  --tickedImg: url(/commonAssets/ticked.svg);

  --mediumFont-family: 'HelveticaNeue-Book';
  --boldFont-family: 'HelveticaNeue-Bold';
  --lightFont-family: 'HelveticaNeue-Light';
  --bookFont-family: 'HelveticaNeue-Book';
}

:export {
  mainThemeColor: var(--primary-700);
  calendarAsset: var(--calendarAssetPath);
  sliderIconNext: var(--sliderIconNext);
  mediumFontFamily: var(--mediumFont-family);
  boldFontFamily: var(--boldFont-family);
  lightFontFamily: var(--lightFont-family);
  bookFontFamily: var(--bookFont-family);
  razorPayThemeColor: var(--primary-700);
  customeFontFamily: var(--boldFont-family);
}