:root {
  --ivory: #fffaf0;
  --peach: #ffb38a;
  --coral: #f46f67;
  --coral-text: #b84b52;
  --sage: #8dbd9c;
  --berry: #9d3f69;
  --blush: #ffd9df;
  --blue: #80b9d8;
  color-scheme: light;
  font-family: "Noto Naskh Arabic", "Geeza Pro", Tahoma, serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ivory); color: #562b45; }
a { color: inherit; }
img { display: block; max-width: 100%; }
.site-back, .map-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
[data-reveal-ready] [data-reveal] { opacity: 0; transform: translateY(1.5rem); transition: opacity .7s ease, transform .7s ease; }
[data-reveal-ready] [data-reveal][data-visible="true"] { opacity: 1; transform: none; }
:focus-visible { outline: 3px solid var(--berry); outline-offset: 4px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  [data-reveal-ready] [data-reveal] { opacity: 1; transform: none; }
}