@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --font-title: "Playfair Display", ui-serif, Georgia, serif;
  --font-ui: "Poppins", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

body{
  font-family: var(--font-body);
}

h1,h2,h3,h4{
  font-family: var(--font-title);
}

*[data-focus="ring"]:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(91, 42, 134, 0.18);
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
}