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