:root {
        --color-primary: #30f0b6;
        --color-secondary: #674df3;
        --color-text: #676c70;
        --color-background: #ffffff;
        
        --topbar-bg-color: #674df3;
        --topbar-text-color: #ffffff;
        --topbar-hover-color: #ffffff;
        
        --footer-bg-color: #1b1f2e;
        --footer-text-color: #ffffff;
        --footer-hover-color: #ffffff;
        
        --blog-title-color: #1b1f2e;
        --blog-text-color: #1b1f2e;
        --blog-bg-color: #ffffff;
        
        --btn-bg-color: #9588e6;
        --btn-hover-bg-color: #f0f0f0;
        --btn-text-color: #1b1f2e;
        
        --sidebar-bg-color: #f4f2ff;
        --header-bg-color: #ffffff;

        --font-body: 'DM Sans';
        --font-heading: 'Poppins';
        --font-menu: 'Poppins';
        --font-weight: 400;
        --font-size: 16px;
		
		--h1-size: 36px;
        --h2-size: 34px;
        --h3-size: 30px;
        --h4-size: 26px;
        --h5-size: 22px;
        --h6-size: 18px;
		    
		--nav-font-size: 16px;
		--nav-font-weight: 500;
		--nav-text-transform: capitalize;
        
        --dropdown-animation: fade;
    }