:root {
    --heading: 'RecoletaAlt';
    --heading-2: 'Unbounded';
    --heading-3: 'Space Grotesk', sans-serif;
    --body-font: 'Inter';
    --body-color: #555555 ;
    --base-color2: #FF3838;
    --base-color: #ff941d;
    --title-color: #141414;
    --body-bg-color: #171926;

    --hap-body-color: #0d0d0d ;
    --hap-base-color: #ff941d;
    --hap-title-color: #000000;
    --hap-gradient-color: linear-gradient( 90deg, #ff941d 0%, #FF3838 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: #ff941d;
    --clr-theme-primary: #ff941d;
    --clr-bg-primary: #030202;
    --clr-bg-white: #ffffff;
    --clr-bg-gray: #171717;
    --white-color: #fff;
    --primary-color-8: #ff941d;
    --home-9-gd-color: linear-gradient(90deg, #FF3838 0%, #ff941d 100%);
    --home-9-primary: #FF3838;
    --home-9-secondary: #FF3838;
    --home-9-sd-color: #1B202F;
    --home-9-sd-color-2: #00071A;
    --heading-8-color: #00071A;
    --body-8-color: #4D515F;
    --white-color: #fff;
}