/* ============================================================================
   allinonedu web typography — Plus Jakarta Sans (headings) + Manrope (body).
   Self-hosted variable fonts (backend/fonts). The legacy Roboto family names
   used throughout the theme CSS are ALIASED to Manrope so every existing rule
   (font-family:'Roboto' / 'Roboto-Medium' / 'Roboto-Bold') picks up the new
   font at the right weight without touching the theme files.
   ========================================================================== */

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../../fonts/PlusJakartaSans-var.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../../fonts/Manrope-var.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

/* ---- legacy family aliases -> Manrope ---- */
@font-face {
  font-family: 'Roboto';
  src: url('../../fonts/Manrope-var.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('../../fonts/Manrope-var.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('../../fonts/Manrope-var.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---- body ---- */
body {
  font-family: 'Manrope', 'Roboto', Arial, Helvetica, sans-serif;
}

/* ---- headings ---- */
h1, h2, h3, h4, h5, h6,
.box-title,
.content-header h1,
.header-title h1,
.modal-title,
legend {
  font-family: 'Plus Jakarta Sans', 'Manrope', Arial, sans-serif;
}