:root{
    /* color logo*/
    --primary-color : #4FC950;

	/* color text*/
    --nav-text-color: #000000;
	--text-white : #ffffff;
    --text-nav-color : #012533;
    --text-header-card-color : #000000;
    --text-sub-status : #AFAFAF;
    --text-name-color : #666666;
    --text-footer-copy : #75BC1E;
    --text-filter-body : #555555;
    --text-profile-card : rgba(0 , 0 , 0 ,0.6);
    /* color border*/
     --border-color : #DFDFDF;

    /* color background*/
    --background-nav-green :#E3FFE4;
    --background-footer : #000000;
    --background-hero: #000000;

     /* fonts-size */

    --header-section : 48px;
    --nav-button-body : 16px;
    --card-body-title : 20px;
    --card-caption : 13px;

    /* font-weight*/
    --fw-100 : 100;
	--fw-200 : 200;
	--fw-300 : 300;
	--fw-400 : 400;
	--fw-500 : 500;
	--fw-600 : 600;
    --fw-700 : 700;
	--fw-800 : 800;
    --fw-900 : 900;

     /* pad-ding */
     --pd-28px : 28px;
     --pd-30px : 30px;
     --pd-40px : 40px;  
     --pd-66px : 66px;
     --pd-75px : 75px;
    
    /* btn */
	--btn-regis-spac : 13px 24px;
    --btn-nav-spac : 13px 16px;
    --btn-color-hover: #179928;
    /* tag btn */
    --tag-btn-bg-color: #E3FFE4;
    --tag-btn-text-color: var(--primary-color);

    /* radius */
    --button-radius : 50px;
    --card-radius: 20px;

    /* border width */
    --border-width: 0.5px;

    --content-gap:40px;

    /* responsive padding */
    --custom-gutter-ipad-x: 75px;
    --custom-gutter-mobile-x: 30px;
}