: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;
}