/* Kairali heritage background texture — subtle Indian jali / mandala line-art.
   Adds a faint repeating line pattern BEHIND existing section backgrounds only.
   Does not touch content, layout, or any element's own colours. */

/* Overlapping-circle jali (temple lattice) — faint GOLD on dark sections */
section[class*="bg-royal-navy"],
section[class*="bg-royal-darkblue"],
section[class*="bg-[#0"],
div[class*="bg-royal-navy"][class*="py-"],
footer[class*="bg-["] {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23D4AF37' stroke-opacity='0.06' stroke-width='1'%3E%3Ccircle cx='0' cy='0' r='70'/%3E%3Ccircle cx='140' cy='0' r='70'/%3E%3Ccircle cx='0' cy='140' r='70'/%3E%3Ccircle cx='140' cy='140' r='70'/%3E%3Ccircle cx='70' cy='70' r='70'/%3E%3Ccircle cx='70' cy='70' r='30'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 140px 140px;
}

/* Same jali in faint NAVY for white / cream content sections */
section[class*="bg-white"],
main[class*="bg-white"],
section[class*="bg-royal-cream"],
div[class*="bg-royal-cream"][class*="py-"] {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%230B192C' stroke-opacity='0.04' stroke-width='1'%3E%3Ccircle cx='0' cy='0' r='70'/%3E%3Ccircle cx='140' cy='0' r='70'/%3E%3Ccircle cx='0' cy='140' r='70'/%3E%3Ccircle cx='140' cy='140' r='70'/%3E%3Ccircle cx='70' cy='70' r='70'/%3E%3Ccircle cx='70' cy='70' r='30'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 140px 140px;
}