/* styles.css */
@font-face {
  font-family: 'Vazir';
  src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font/dist/Vazir.woff2') format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: 'Vazir';
  src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font/dist/Vazir-Bold.woff2') format('woff2');
  font-weight: bold;
}

:root{
  --accent: #2f855a;
  --bg-overlay: rgba(0,0,0,0.35);
  --text-color: #fff;
  --container-width: 1100px;
  font-family: 'Vazir', sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
body,html{height:100%}

.container{
  max-width:var(--container-width);
  margin:0 auto;
  padding:0 16px;
}

.site-header{
  background:#fff;
  border-bottom:1px solid #e6e6e6;
  padding:18px 0;
}

.site-title{
  text-align:center;
  font-size:32px;
  font-weight:bold;
  color:#222;
}

/* Hero */
.hero{
  height:70vh;
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-image: url('../assets/background.jpg');
  background-size: cover;
  background-position: center;
  position:relative;
}

.hero .overlay{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background: var(--bg-overlay);
}

.logo{
  max-width:320px;
  width:40%;
  height:auto;
  border-radius:12px;
  padding:12px;
  background: rgba(255,255,255,0.9);
  box-shadow:0 6px 20px rgba(0,0,0,0.2);
}

/* Footer */
.site-footer{
  padding:18px 0;
  text-align:center;
  background:#fafafa;
  border-top:1px solid #eee;
}

.footer-text{
  font-size:14px;
  font-weight:normal;
  color:#555;
}

@media (max-width:600px){
  .logo{width:60%; max-width:220px}
  .site-title{font-size:24px}
}