/*
 * Web registration of the mobile design fonts. The font-family values must
 * exactly match packages/mobile-ui/src/fonts.ts — those are the RN-registered
 * names (expo-font does this on native in apps/mobile/App.tsx; on web it is
 * the shell's job, i.e. this file). Donor: apps/web/src/styles/mobile-fonts.css.
 */

@font-face {
  font-family: 'Fraunces_300Light';
  src: url('/fonts/fraunces-latin-300-normal.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces_400Regular';
  src: url('/fonts/fraunces-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces_400Regular_Italic';
  src: url('/fonts/fraunces-latin-400-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'LexendDeca_300Light';
  src: url('/fonts/lexend-deca-latin-300-normal.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LexendDeca_400Regular';
  src: url('/fonts/lexend-deca-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LexendDeca_500Medium';
  src: url('/fonts/lexend-deca-latin-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LexendDeca_600SemiBold';
  src: url('/fonts/lexend-deca-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Plain-name aliases — inline mobile styles reference 'Fraunces' /
 * 'Lexend Deca' directly (share sheets, DOM-in-RNW islands). */
@font-face {
  font-family: 'Fraunces';
  src: url('/fonts/fraunces-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend Deca';
  src: url('/fonts/lexend-deca-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend Deca';
  src: url('/fonts/lexend-deca-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}