/* Compatibility aliases — main.css still references these font names */
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-display: swap;
  font-weight: 400 700;
  src: url('/fonts/noto-naskh-arabic-regular.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+2010-2011, U+204F,
                 U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
  font-family: 'Nunito';
  font-display: swap;
  font-weight: 400 700 800;
  src: url('/fonts/nunito-regular.woff2') format('woff2');
}

/* New local fonts */
@font-face {
  font-family: 'Amiri';
  font-display: swap;
  font-weight: 400;
  src: url('/fonts/amiri-regular.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF;
}

@font-face {
  font-family: 'Cairo';
  font-display: swap;
  font-weight: 400 700;
  src: url('/fonts/cairo-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+FB50-FDFF,
                 U+FE70-FE74, U+FE76-FEFC;
}

@font-face {
  font-family: 'Cairo';
  font-display: swap;
  font-weight: 400 700;
  src: url('/fonts/cairo-regular.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-display: swap;
  src: url('/fonts/inter-regular.woff2') format('woff2');
}

/* Font stacks with emoji fallbacks */
body {
  font-family: 'Nunito', 'Inter', system-ui, sans-serif,
               'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
}

html[dir="ltr"] {
  font-family: 'Nunito', 'Inter', system-ui, sans-serif,
               'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
}

[lang="ar"],
.letter-block,
.arabic-text,
.letter-display,
.arabic-letter {
  font-family: 'Noto Naskh Arabic', 'Amiri', 'Cairo',
               'Traditional Arabic', 'Arabic Typesetting', 'Geeza Pro', serif,
               'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
}

button, .btn, .card-button {
  font-family: 'Nunito', 'Cairo', 'Inter', system-ui, sans-serif,
               'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
}

/* ==============================================
   EMOJI FIX — Voorkomt ??? op alle apparaten
   ============================================== */
.emoji,
[data-emoji] {
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji',
               'Noto Color Emoji', sans-serif !important;
}

button .emoji,
.btn .emoji,
.card .emoji,
.level-card .emoji,
.hero-section .emoji,
.reward-emoji,
.star-emoji {
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji',
               'Noto Color Emoji', sans-serif !important;
}