:root{
--main:#B79C88;
--bg:#F8F6F3;
--light:#E9DDD2;
--dark:#2E2E2E;
--gold:#C8A96A;
}

body{
background:var(--bg);
color:var(--dark);
font-family:"IBM Plex Sans Arabic",sans-serif;
}

.btn,
.button,
button{
background:var(--main);
border-radius:12px;
border:none;
color:#fff;
transition:.3s;
}

.btn:hover,
.button:hover,
button:hover{
background:var(--gold);
}

.card,
.product-item{
border-radius:18px;
background:#fff;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}

input,
select,
textarea{
border-radius:12px;
border:1px solid #e6ddd5;
}

.header,
footer{
background:#fff;
}

a{
color:var(--dark);
}

a:hover{
color:var(--main);
}