/* 
 * React Native Vector Icons - Web Font Configuration
 * This file loads the required icon fonts for web usage
 * 
 * Icon families used in IronBite:
 * - MaterialIcons (react-native-vector-icons)
 * - AntDesign (react-native-vector-icons)
 * - MaterialDesignIcons (react-native-paper - via @react-native-vector-icons/material-design-icons)
 */

/* MaterialIcons - for react-native-vector-icons/MaterialIcons */
@font-face {
  src: url(/fonts/MaterialIcons.ttf) format('truetype');
  font-family: "MaterialIcons";
  font-weight: normal;
  font-style: normal;
}

/* AntDesign - for react-native-vector-icons/AntDesign */
@font-face {
  src: url(/fonts/AntDesign.ttf) format('truetype');
  font-family: "AntDesign";
  font-weight: normal;
  font-style: normal;
}

/* MaterialDesignIcons - for react-native-paper Icon component */
@font-face {
  src: url(/fonts/MaterialDesignIcons.ttf) format('truetype');
  font-family: "MaterialDesignIcons";
  font-weight: normal;
  font-style: normal;
}

/* Optional: Add other icon families if needed in the future */
/*
@font-face {
  src: url(/fonts/FontAwesome.ttf) format('truetype');
  font-family: "FontAwesome";
}

@font-face {
  src: url(/fonts/Ionicons.ttf) format('truetype');
  font-family: "Ionicons";
}

@font-face {
  src: url(/fonts/Feather.ttf) format('truetype');
  font-family: "Feather";
}
*/