/*
 * This stylesheet contains custom font definitions and helper classes used
 * throughout the Maranatha Symphony landing page.  The fonts are loaded
 * from Google Fonts, and utility classes mirror those defined in the
 * original React component.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Ballet:opsz@16..72&display=swap');

/* Utility class to apply the Inter sans‑serif family. */
.ms-sans {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI,
    Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji';
}

/* Utility class to apply the Fraunces serif family. */
.ms-serif {
  font-family: Fraunces, ui-serif, Georgia, Cambria, 'Times New Roman', Times,
    serif;
}

/* Utility class to apply the Ballet cursive family. */
.ms-ballet {
  font-family: Ballet, cursive;
}