:root {
--heading: 'RecoletaAlt';
--heading-2: 'Unbounded';
--heading-3: 'Space Grotesk', sans-serif;
--body-font: 'Inter';
--body-color: #555555 ;
--base-color2: #FF3838;
--base-color: #6D55E9;
--title-color: #0e0e0e;
--body-bg-color: #171926;
--hap-body-color: #0d0d0d ;
--hap-base-color: #6d55e9;
--hap-title-color: #000000;
--hap-gradient-color: linear-gradient( 90deg, rgb(89,86,240) 0%, rgb(255,80,184) 100%);
--clr-common-white: #fff;
--clr-common-black: #222222;
--clr-common-black-soft: #0D0D0D;
--clr-common-black-deep: #000000;
--clr-body-heading: #00071A;
--clr-body-text-white: #ffffff;
--clr-body-text: #4D515F;
--clr-color-blue: #000A30;
--clr-hover-primary: #FF7425;
--clr-theme-primary: #FF7425;
--clr-bg-primary: #030202;
--clr-bg-white: #ffffff;
--clr-bg-gray: #171717;
--white-color: #fff;
--primary-color-8: #FF3838;
--home-9-gd-color: linear-gradient(90deg, #B60B0B 0%, #FF3838 100%);
--home-9-primary: #B60B0B;
--home-9-secondary: #C10909;
--home-9-sd-color: #1B202F;
--home-9-sd-color-2: #00071A;
--heading-8-color: #00071A;
--body-8-color: #4D515F;
--white-color: #fff;
}