:root
{
    --colr_text_prim: rgb(10, 8, 0);
    --colr_text_sec: black;
    --colr_text_tri: #393d2d;

    --colr_back_prim: #f9fbf4;
    --colr_back_sec: white;
    --colr_back_tri: #d1dfad;

    --gradient_right: linear-gradient(0deg, #78a210 0%, transparent 100%);
    --gradient_left: linear-gradient(270deg, #78a210 0%, transparent 100%);


    /*FONT-CONFIG*/
    --ff_title: Helvetica;
    --ff_h2: Helvetica;
    --ff_h3: Helvetica;
    --ff_h4: Helvetica;
    --ff_h5: Helvetica;
    --ff_p: Helvetica;
    --ff_sub: Helvetica;

    --fs_title: 2.5rem;
    --fs_h2: 2rem;
    --fs_h3: 1.5rem;
    --fs_h4: 1.5rem;
    --fs_h5: 1.5rem;
    --fs_p: 1.25rem;
    --fs_sub: 10pt;

    --fw_title: bold;
    --fw_p: regular;
    --fw_h2: bolder;
    --fw_h3: bolder;
    --fw_text_h4: regular;
	--fw_text_h5: regular;

    /*STD MARGINS*/
    --std_margin: 1rem;
    --margin_great: 5rem;
    --margin_greater: 50%;

    /*DIMENSIONS*/
    --height_navbar_parent: 5rem;
    --width_navbar_parent: 10rem;

    
    /*HEADER*/
    --back_body: var(--colr_back_prim);
    --back_header: linear-gradient(180deg, #f9fbf4, #d1dfad);
    /*TITLE*/
    --col_title: rgb(10, 8, 0);
    --back_title: transparent;
    --mrg_title_left: var(--std_margin);
    --mrg_title_right: var(--std_margin);
    --mrg_title_bottom: var(--std_margin);


    /*SITE-CONTENT*/
    --mrg_content_left: var(--std_margin);
    --mrg_content_right: var(--std_margin);
    --mrg_content_top: var(--std_margin);
    --mrg_content_bottom: var(--std_margin);
    --col_content: var(--colr_text_prim);
    --back_content:var(--colr_back_prim);
}