/* ============================================================
   assets/css/fonts.css — Self-hosted @font-face declarations
   ============================================================
   Place font files inside:  assets/fonts/
   Recommended formats:      .woff2 (primary) + .woff (fallback)
   ============================================================ */

/* ── Example: Body font ──────────────────────────────────── */
@font-face {
    font-family: 'YourBodyFont';
    src: url('../fonts/YourBodyFont-Regular.woff2') format('woff2'),
         url('../fonts/YourBodyFont-Regular.woff')  format('woff');
    font-weight: 400;
    font-style:  normal;
    font-display: swap; /* prevents invisible text during load */
}

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

/* ── Example: Heading font ───────────────────────────────── */
@font-face {
    font-family: 'YourHeadingFont';
    src: url('../fonts/YourHeadingFont-Regular.woff2') format('woff2'),
         url('../fonts/YourHeadingFont-Regular.woff')  format('woff');
    font-weight: 400;
    font-style:  normal;
    font-display: swap;
}