/* ============================================================================
   Self-hosted certificate fonts.
   These are the SAME .ttf files the server registers in
   src/services/certRender.js, so the browser preview and the server-side print
   render use byte-identical typefaces (no Google-CDN vs local-TTF drift).

   NOTE: each family ships a single static face, so the @font-face rules
   intentionally declare a wide weight range (100 900) and map both normal and
   italic to that same file. That tells the browser to use the real face as-is
   instead of synthesising a faux-bold/faux-italic, which node-canvas cannot
   reproduce — keeping browser and server output identical.
   If real bold/italic cuts are added to assets/fonts later, point the extra
   @font-face entries at them here.

   Each face is offered as .woff2 first (the same font, losslessly compressed:
   it renders pixel-identically, and is about a fifth of the size on a phone),
   with the .ttf as the fallback and as the file the server renders from. To
   regenerate a .woff2 after changing a .ttf: fontTools, set flavor = 'woff2'.
   ============================================================================ */

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/CormorantGaramond.woff2') format('woff2'),
         url('/fonts/CormorantGaramond.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/CormorantGaramond.woff2') format('woff2'),
         url('/fonts/CormorantGaramond.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Cinzel';
    src: url('/fonts/Cinzel.woff2') format('woff2'),
         url('/fonts/Cinzel.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/PlayfairDisplay.woff2') format('woff2'),
         url('/fonts/PlayfairDisplay.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/PlayfairDisplay.woff2') format('woff2'),
         url('/fonts/PlayfairDisplay.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Pinyon Script';
    src: url('/fonts/PinyonScript.woff2') format('woff2'),
         url('/fonts/PinyonScript.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Great Vibes';
    src: url('/fonts/GreatVibes.woff2') format('woff2'),
         url('/fonts/GreatVibes.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: block;
}