/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
:root {
    /* Base for all site */
    --almir-font: 'Rubik','Assistant','sans-serif';
    --almir-base-font-size: 14px;
    --almir-base-font-weight: 300;
    --almir-base-font-color: #1e3a5f;
    --almir-base-h123456-weight: 400;
    
    --almir-base-toTopBtn-bg-color: #d4af37;
    --almir-base-toTopBtn-color: #FFF;
    
        /* buttons */
        --almir-base-buttons-AddCart-color: #1D1D1D;
        --almir-base-buttons-AddCart-background-image: radial-gradient(rgba(245, 245, 245, 1), rgba(245, 245, 245, 1));
        --almir-base-buttons-AddCart-border-color: #CCCFCF;    
        
        --almir-base-buttons-Payment-color: #ffffff;
        --almir-base-buttons-Payment-background-image: radial-gradient(rgba(0,0,0, 1), rgba(0,0,0, 1));
        --almir-base-buttons-Payment-border-color: #CCCFCF;
                --almir-base-buttons-Payment-hover-color: #ffffff;
                --almir-base-buttons-Payment-hover-background-image: radial-gradient(rgba(0,0,0, 0.7), rgba(0,0,0, 0.7));
                --almir-base-buttons-Payment-hover-border-color: #CCCFCF;
    
        --almir-base-buttons-Filter-color: #1D1D1D;
        --almir-base-buttons-Filter-background-image: radial-gradient(rgba(245, 245, 245, 1), rgba(245, 245, 245, 1));
        --almir-base-buttons-Filter-border-color: #CCCFCF;

        --almir-base-buttons-black-color: #ffffff;
        --almir-base-buttons-black-background-image: radial-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8));
        --almir-base-buttons-black-border-color: #1D1D1D;

        --almir-base-buttons-forestgreen-color: #ffffff;
        --almir-base-buttons-forestgreen-background-image: radial-gradient(rgba(0,110,51, 1), rgba(0,110,51, 0.8));

    
    
    /* Shipping */
    --almir-shipping-bg-color: #ffffff;
    --almir-shipping-color: #1e3a5f;
    --almir-shipping-font-size: 16px;
    
    /* Header line */
    --almir-Header-line-bg-color: #F4F4F4;
    --almir-Header-line-color: #1e3a5f;
    --almir-Header-line-font-size: 16px;
    
    --almir-Header-line-button-bg-color: #F4F4F4;
    --almir-Header-line-button-color: #1e3a5f;
    --almir-Header-line-button-color-hover: #3B5998;
    
        
    /* Header nav */
    --almir-header-nav-font: 'Assistant', 'sans-serif';
    --almir-header-nav-bg: #ffffff;
    --almir-header-nav-color: #1e3a5f;
    --almir-header-nav-font-size: 18px;
    --almir-header-nav-font-weight: 300;
    --almir-header-nav-border-bottom: 0px solid #CED4DA;
    --almir-header-nav-border-top: 1px solid #CED4DA;
    
    /* Header nav mobile */
    --almir-header-nav-mobile-toggler-color: #1e3a5f;
    
    /* Homepage titles */
    --almir-base-homepage-title-font: 'Varela Round';
        --almir-base-homepage-title-main-size: 25px;
        --almir-base-homepage-title-main-height: 30px;
        --almir-base-homepage-title-main-color: #1e3a5f;

        --almir-base-homepage-title-sub-size: 18px;
        --almir-base-homepage-title-sub-height: 23px;
        --almir-base-homepage-title-sub-color: #1e3a5f;
    
    
    
    
    
    /* Product title */
    --almir-product-title-size: 16px;
    --almir-product-title-weight: 300;
    --almir-product-title-color: #1e3a5f;
    --almir-product-title-align: right;
    
    
    /* Products price */
    --almir-product-price-size: 16px;
    --almir-product-price-weight: 300;
    --almir-product-price-color: #1e3a5f;
    --almir-product-price-align: right;
    
    
    /* Footer */
    --almir-footer-bg: #ffffff;
    --almir-footer-titles-h123456-bg: #1e3a5f;
    --almir-footer-titles-h123456-font-size: 20px;
    --almir-footer-titles-h123456-border: 1px solid #1e3a5f;
    
    --almir-footer-font-size: 16px;
    --almir-footer-font-weight: 300;
    --almir-footer-font-color: #1e3a5f;

    --almir-footer-social-media-color: #ffffff;
    
        /* Payment-icon*/
        --almir-footer-payment-icon-color: #1e3a5f;
        --almir-footer-payment-icon-font-size: 12px;
        --almir-footer-payment-icon-font-weight: bold;
        --almir-footer-payment-icon-color-i: #1e3a5f;
    
    
    
}

/*
How to use

.test {
    font-family: var(--almir-font);
}
*/