/****************************************************
 *  Self-Hosted Web Fonts
 *  Includes:
 *    - Amita Bold 700
 *    - Tangerine Bold 700
 *    - Font Awesome 4.7
 ****************************************************/

/* ================================================
   AMITA (Bold 700)
   ----------------------------------------------- */
@font-face {
    font-family: 'Amita';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url('/fonts/amita-700.woff2') format('woff2'),
         url('/fonts/amita-700.woff') format('woff');
}

/* ================================================
   TANGERINE (Bold 700)
   ----------------------------------------------- */
@font-face {
    font-family: 'Tangerine';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/tangerine-700.woff2') format('woff2'),
         url('/fonts/tangerine-700.woff') format('woff');
}

/* ================================================
   FONT AWESOME 4.7 (Self-hosted)
   ----------------------------------------------- */

@font-face {
    font-family: 'FontAwesome';
    src: url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    /* OPTIONAL: Reduce CLS (font metric overrides) */
    ascent-override: 88%;
    descent-override: 12%;
    line-gap-override: 0%;
}

/* Utility class for FA (required) */
.fa,
.fa-solid,
.fa-regular,
.fa-brands {
    font-family: "FontAwesome" !important;
}

/****************************************************
 * Recommended fallback stacks (use in your CSS):
 * 
 *   font-family: 'Amita', Georgia, serif;
 *   font-family: 'Tangerine', Georgia, serif;
 ****************************************************/
