@font-face {
  font-family: MenuAlexandria;
  src: url('/assets/menu-fonts/alexandria-arabic.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: MenuGeist;
  src: url('/assets/menu-fonts/geist-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: MenuSpaceGrotesk;
  src: url('/assets/menu-fonts/space-grotesk-latin.woff2') format('woff2');
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: MenuCairo;
  src: url('/templates/lo2ma/assets/fonts/cairo-arabic-v31.woff2') format('woff2');
  font-weight: 200 1000;
  font-display: swap;
}

html[data-font=alexandria], .customer.font-alexandria {
  --chosen-menu-font: MenuGeist, MenuAlexandria, Tahoma, sans-serif;
}

html[data-font=alexandria-space], .customer.font-alexandria-space {
  --chosen-menu-font: MenuSpaceGrotesk, MenuAlexandria, Tahoma, sans-serif;
}

html[data-font=plex-geist], .customer.font-plex-geist {
  --chosen-menu-font: MenuGeist, MenuPlex, EmberPlex, Tahoma, sans-serif;
}

html[data-font=cairo-space], .customer.font-cairo-space {
  --chosen-menu-font: MenuSpaceGrotesk, MenuCairo, Tahoma, sans-serif;
}

html:is([data-font=alexandria], [data-font=alexandria-space], [data-font=plex-geist], [data-font=cairo-space]) {
  --ember-font: var(--chosen-menu-font);
}

html:is([data-font=alexandria], [data-font=alexandria-space], [data-font=plex-geist], [data-font=cairo-space]) body,
.customer:is(.font-alexandria, .font-alexandria-space, .font-plex-geist, .font-cairo-space) {
  font-family: var(--chosen-menu-font);
}