@import "./root.css";

html,
body {
  font-family: "IBM Plex Sans Arabic", sans-serif;;
}

.hero h1 {
    font-family: "Amiri", serif;
}

/* ================= PROFESSIONAL RESPONSIVE TWEAKS ================= */
@media (max-width: 900px) {
  body::before { filter: blur(1px); }
}

@media (max-width: 520px) {
  .hero { padding-inline: 14px; }
}