/*Variable Declaration*/

:root {
    --title-fonts: 'Playfair Display', serif;
    --text-fonts: "muli", sans-serif;
    --icon-fonts: "template-icon", sans-serif;
  
    --body-bg: #FFF9EF;
  
    --primary-color: #E97413;
    --secondary-color: #E97413;
    --highlight-color: #F5892F;
    
    --text-color: #292929;
    --title-color: #000;

    --light-color: #fff;
    --dark-color: #292929;

    --bg-alt-3: #F3F3F3;
  --bg-alt-4: #e0dede;
   
    --bg-alt-1: #292929;
  
    --bg-header: #fff;
    --header-color: #292929;
    --bg-footer: var(--body-bg);
    --footer-color: var(--title-color);

    --gutter-padding: 20px;
    --gutter-margin: -20px;

    --gutter-padding-xl:  60px;
    --gutter-margin-xl:  -60px;

    --ec-title-fonts: 'Playfair Display', serif;
    --ec-text-fonts: "muli", sans-serif;
    --ec-icon-fonts: "ec-icons", sans-serif;
  
    --ec-primary-color:  #E97413;
    --ec-secondary-color: #E97413;
    --ec-highlight-color: #F5892F;
    
    --ec-text-color: #292929;

    --ec-light-color: #fff;
    --ec-dark-color: #292929;

    --ec-bg-alt-1: #292929;
    --ec-bg-alt-2: #292929;
    --ec-bg-alt-3: #F3F3F3;
}

/*Variable Declaration Ends*/