body {
  font-family: "Inter", sans-serif;
  min-height: max(884px, 100dvh); /* Mobile app sizing */
}
.amiri {
  font-family: "Amiri", serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #008550;
  border-radius: 10px;
}

/* Utility Classes used across screens */
.islamic-pattern {
  background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuAcjBIT6nwQII_2TYQhbnCw1zXZtsu4UDBAWjb-HIFjCRhEoG1I9wxFpG-4EEIk3p7idWJe1UAfItBOP3lcjgJuqKgeaf-iSUzOYD0vrkflTuNViSTI7-KE5WDicCnFO1qj1UHpCb_tmWcpphpAF84dc6uC6RmqUMY5vgzjhr5pvCKsa25a9Q59bOxzWwjz2rghDZvdFourw--Chle3dx54Vkx0JnGG8r7PjMqpxO2E8L-Wg6RiGHfWEvUUcTQIUFWk6t9xI0KpDsGC");
  opacity: 0.05;
}

.islamic-pattern-dark {
  background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuBf59gYL96DMuZonN7FF3ni58UGueG8qgTbkkTbbyj2E5pxnf8kUHnpg5jCBsLrAXsVvwbv8Aj0XcOQ30MWjyg-y-AGUAIaVAUPXa4HTJd_WCCICMzbgQgpzT-7SBXTptv22QNWRxtNAWLz4Js3Y53xNIwgndKD39qp5IL2hxEca8LsRp6p52PCY-ieyQqqDLnPXIrnDFoc1R6kt4d8cMYKIXB1v0shkxqS_hJV99-B5lbaig3mpDwst3yu2SBTh8a_-OqAE7XeQmrj");
}

.gold-gradient-text {
  background: linear-gradient(to right, #d4af37, #f1d27b, #d4af37);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.quran-gradient {
  background: linear-gradient(135deg, #008550 0%, #064e3b 100%);
}

.compass-glow {
  box-shadow: 0 0 40px rgba(0, 133, 80, 0.3);
}

.mobile-container {
  max-width: 480px;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
}