:root{

    --primary:#8B5E3C;
    --secondary:#F7F3EE;
    --accent:#D4A24C;

    --text:#2B2B2B;

    --container:1200px;

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:Inter,sans-serif;

    color:var(--text);

    background:#fff;

    line-height:1.6;

}

img{

    display:block;

    max-width:100%;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

.crusto-container{

    width:min(1200px,92%);

    margin:auto;

}