/**
 * Font Definitions for SCORM Packages
 *
 * Bundled fonts for offline LMS compatibility
 * - Lato: Headings and UI elements
 * - Merriweather: Body text and content
 */

/* ========================================
   LATO - Headings Font Family
   ======================================== */

/* Lato Regular (400) */
@font-face {
  font-family: 'Lato';
  src: url('fonts/lato/Lato-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Lato Bold (700) */
@font-face {
  font-family: 'Lato';
  src: url('fonts/lato/Lato-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Lato Italic (400) */
@font-face {
  font-family: 'Lato';
  src: url('fonts/lato/Lato-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Lato Bold Italic (700) */
@font-face {
  font-family: 'Lato';
  src: url('fonts/lato/Lato-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* ========================================
   MERRIWEATHER - Body Font Family
   ======================================== */

/* Merriweather Regular (400) */
@font-face {
  font-family: 'Merriweather';
  src: url('fonts/merriweather/Merriweather-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Merriweather Bold (700) */
@font-face {
  font-family: 'Merriweather';
  src: url('fonts/merriweather/Merriweather-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Merriweather Italic (400) */
@font-face {
  font-family: 'Merriweather';
  src: url('fonts/merriweather/Merriweather-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Merriweather Bold Italic (700) */
@font-face {
  font-family: 'Merriweather';
  src: url('fonts/merriweather/Merriweather-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* ========================================
   Font Loading Optimization
   ======================================== */

/**
 * font-display: swap
 * - Shows fallback text immediately
 * - Swaps to web font when loaded
 * - Prevents invisible text (FOIT)
 * - Ideal for LMS environments
 */