:root{
  --header-bg:#2C061F;
  --hero-overlay:#374045;
  --primary:#D89216;
  --section-bg:#E1D59F;
  --card-bg:#FFFFFF;
  --text:#1E293B;
  --white:#FFFFFF;

  --heading-font:'Cinzel', serif;
  --body-font:'Inter', sans-serif;
}

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

html{
  scroll-behavior:smooth;
}

body{
  font-family:var(--body-font);
  color:var(--text);
  background:var(--white);
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--heading-font);
}

a{
  text-decoration:none;
  color:inherit;
}

img{
  max-width:100%;
  display:block;
}



html{
  scroll-behavior:smooth;
}

/* Sticky Header */
.ate-header{
  position:sticky;
  top:0;
  z-index:9999;
  transition:.25s ease;
}

.ate-header.sticky-active{
  box-shadow:0 12px 30px rgba(44,6,31,.18);
}

/* Back To Top Button */
.ate-backtop{
  position:fixed;
  right:24px;
  bottom:24px;
  width:52px;
  height:52px;
  border:0;
  border-radius:50%;
  background:#D89216;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:99999;
  opacity:0;
  visibility:hidden;
  transform:translateY(18px);
  transition:.25s ease;
  box-shadow:0 14px 35px rgba(44,6,31,.28);
}

.ate-backtop.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.ate-backtop:hover{
  background:#2C061F;
  color:#D89216;
  transform:translateY(-4px);
}

.ate-backtop svg{
  width:24px;
  height:24px;
}

@media(max-width:700px){
  .ate-backtop{
    right:16px;
    bottom:18px;
    width:46px;
    height:46px;
  }

  .ate-backtop svg{
    width:21px;
    height:21px;
  }
}