/* poppins-300 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/poppins-v24-latin-300.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v24-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-900 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/poppins-v24-latin-900.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root{
    --color-brand: #819B57;
    --color-brand-dark: #465929;
    --color-primary-dark:#31261A;
    --color-primary-light:#FAF4EA;
    
    }

/* base */
body{
    color: var(--color-primary-dark);
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}
ul{
    list-style-type: none;
}
address{
    font-style: normal;
}

/* button */
.main-button {
    color: var(--color-primary-light) ;
    font-weight: 600;
    background-color: var(--color-brand) ;
    border: 2px solid  var(--color-brand);
    border-radius: 8px ;
    cursor: pointer;
}
.main-button:hover{
    color:var(--color-brand-dark);
    background-color: transparent;
}

/* link */
.link {
    color: var(--color-primary-light);
    text-decoration: none;
    
}
.link:hover{
    color:  var(--color-brand);
    text-decoration: none;
    font-weight: 600;

}
.hero-title{
    color: var(--color-primary-light);
    text-align: center;
    font-size: 128px;
}
.hero-title .accent {
    color:  var(--color-brand); /*HEX value*/
} 
.advantages-list{
    color: var(--color-primary-light);
    background-color: var(--color-brand);
}
.advantages-item{
    font-weight: 300;
    font-size: 20px;
}
.section-title{
    font-weight: 900;
    font-size: 64px;
    line-height: 1.3;
}
.section-title .accent{
    color: var(--color-primary-dark) ;
}
.traditions-text .brand{
    color: var(--color-brand);
    font-weight: 600;/
    
}
.traditions-text .uppercase{
    text-transform: uppercase;
}

/* cookers title */
.cookers-title{
    font-weight: 600;
    font-size: 40px;
    }
    /* format section */
 .format-title{
    font-weight: 600;
        font-size: 24px;
 }
 .format-text{
    font-size: 14px;
    font-weight: 300;
 }
 /* footer section */
 .address-link{
    font-size: 16px;
    font-weight: 300;
    color: var(--color-primary-light);
    text-decoration: none;
 }
 .address-link:hover {
     font-size: 16px;
     font-weight: 300;
     color: var(--color-brand);
 }
 .adress-copyright{
    font-size: 14px;
 }