/* Geist for headings, Inter for body and caption, as the Figma typography collection names them.

   All three are variable fonts, so one file per face covers the whole 100-900 weight range and the
   font-weight descriptor is a range rather than a single number. Inter also carries an optical size
   axis (opsz 14-32); browsers apply it automatically through font-optical-sizing, so nothing here
   sets it.

   No local() sources: a locally installed static Inter or Geist would otherwise win over the
   variable web font and silently lose every weight between the installed ones. */

/* geist - variable, weight 100-900 */
@font-face {
    font-family: 'Geist';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('./geist-variable.woff2') format('woff2');
}

/* inter - variable, weight 100-900 */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('./inter-variable.woff2') format('woff2');
}

/* inter italic - variable, weight 100-900 */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('./inter-variable-italic.woff2') format('woff2');
}