:root{
  --bg:#ffffff;      /* أبيض */
  --panel:#f0fff4;   /* أخضر فاتح باهت */
  --accent:#2f855a;  /* أخضر أغمق قليلاً للروابط */
  --text:#222222;
  --muted:#555555;
  font-family: "Arial", sans-serif;
}

body{
  margin:0;
  background: var(--bg);
  color:var(--text);
  line-height:1.6;
  padding:24px;
}

.site-header{
  background:var(--panel);
  padding:18px;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
  text-align:center;
  margin-bottom:20px;
}

h1{ font-size:2rem; margin:0; }
.subtitle{ color:var(--muted); margin-top:6px; }

section{
  background:#f9f9f9;
  padding:14px;
  margin-bottom:12px;
  border-radius:8px;
}

a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }

.main-img{
  max-width:200px;
  display:block;
  margin:12px auto;
}

.site-footer{
  margin-top:22px;
  color:var(--muted);
  font-size:.9rem;
  text-align:center;
}