:root {
    --heading: 'Unbounded';
    --heading-2: 'Unbounded';
    --heading-3: 'Space Grotesk', sans-serif;
    --body-font: 'Inter';
    --body-color: #555555 ;
    /*--base-color2: #154d5e;*/
    --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: #267286;*/
    /*--clr-theme-primary: #267286;*/
    --clr-bg-primary: #030202;
    --clr-bg-white: #ffffff;
    --clr-bg-gray: #171717;
    --white-color: #fff;
    /*--home-9-gd-color: linear-gradient(90deg, #0f3d4b 0%, #154d5e 100%);*/
    --home-9-sd-color: #1B202F;
    --home-9-sd-color-2: #00071A;
    --heading-8-color: #00071A;
    --body-8-color: #4D515F;
    --codelines-brand: #154d5e;
    --codelines-brand-dark: #0f3d4b;
    --codelines-brand-soft: #267286;
    --codelines-brand-pale: #e8f1f3;
    --linear: linear-gradient(90deg, var(--codelines-brand) 0%, var(--codelines-brand-soft) 100%);
    --Linear: linear-gradient(90deg, var(--codelines-brand) 0%, var(--codelines-brand-soft) 100%);
    --base-color: var(--codelines-brand);
    --base-color2: var(--codelines-brand-soft);
    --base-color3: #78d6e4;
    --primary-color-8: var(--codelines-brand);
    --clr-theme-primary: var(--codelines-brand);
    --clr-hover-primary: var(--codelines-brand-soft);
    --home-9-primary: var(--codelines-brand-dark);
    --home-9-gd-color: linear-gradient(90deg, var(--codelines-brand) 0%, var(--codelines-brand-soft) 100%);
    --hap-gradient-color: linear-gradient(90deg, var(--codelines-brand) 0%, var(--codelines-brand-soft) 100%);

}