/* ستايل أساسي للموقع — التنسيق الأساسي من Tailwind في الهيدر */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Cairo", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
}

article {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

article:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(43, 26, 18, 0.09);
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid #e0761b;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  article { transition: none; }
}