:root{
    --color-white: #FFFFFF;
    --color-dark: #000000;
    --color-accent: #687944;
    
    /* --color-bg-section: ;
    --color-btn: ; */
    --color-hover: #c0cba8;
    
    --font-family: "Geologica", sans-serif;
    --font-family-accent: "Montserrat", sans-serif;

    --border: 1px solid var(--color-accent);
    /* --shadow: ; */

    --container-width: 1170px;
    --container-padding-x: 15px;

    --transition-duration: 0.2s;

   
}

 /* @media screen and (max-width: 1200px){
    :root{
        --container-width: 1170px;
    }
} */