/*
 * Custom Fonts for Arabic Captions
 * 
 * HOW TO ADD NEW FONTS:
 * 1. Place your .ttf, .otf, or .woff2 font file in this folder (v2/public/fonts/)
 * 2. Add a @font-face rule below following this pattern:
 *
 *    @font-face {
 *      font-family: 'Your Font Name';
 *      src: url('./YourFontFile.ttf') format('truetype');
 *      font-weight: normal;
 *      font-style: normal;
 *      font-display: swap;
 *    }
 *
 * 3. Add the font name to the AVAILABLE_FONTS array in src/components/FontSelector.js
 */

/* Arslan Wessam - Arabic decorative font */
@font-face {
  font-family: 'Arslan Wessam';
  src: url('./(A) Arslan Wessam A (A) Arslan Wessam A.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Khebrat Musamim - Bold Arabic font */
@font-face {
  font-family: 'Khebrat Musamim';
  src: url('./18 Khebrat Musamim Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Sparkles - Decorative Arabic font */
@font-face {
  font-family: 'Sparkles';
  src: url('./alfont_com_Sparkles-OneLevel.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Kaeeb Serif - Arabic serif font */
@font-face {
  font-family: 'Kaeeb Serif';
  src: url('./alfont_com_Kaeeb-Serif.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Reem Kufi - Modern Kufi Arabic font (Variable) */
@font-face {
  font-family: 'Reem Kufi';
  src: url('./ReemKufi-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* Rakkas - Bold decorative Arabic font */
@font-face {
  font-family: 'Rakkas';
  src: url('./Rakkas-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Marhey - Modern Arabic display font (Variable) */
@font-face {
  font-family: 'Marhey';
  src: url('./Marhey-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* Handjet - Pixel/retro style font (Variable) */
@font-face {
  font-family: 'Handjet';
  src: url('./Handjet-VariableFont_ELGR,ELSH,wght.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* Aref Ruqaa - Traditional Ruqaa calligraphy */
@font-face {
  font-family: 'Aref Ruqaa';
  src: url('./ArefRuqaa-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aref Ruqaa';
  src: url('./ArefRuqaa-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Amiri Quran - Elegant Quranic typography */
@font-face {
  font-family: 'Amiri Quran';
  src: url('./AmiriQuran-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* KoShareb Display - Arabic display font */
@font-face {
  font-family: 'KoShareb Display';
  src: url('./KoShareb-Display.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* KoGaliModern - Modern Arabic font family */
@font-face {
  font-family: 'KoGaliModern';
  src: url('./KoGaliModern-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KoGaliModern';
  src: url('./KoGaliModern-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KoGaliModern';
  src: url('./KoGaliModern-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Ko Banzeen - Arabic display font with variants */
@font-face {
  font-family: 'Ko Banzeen';
  src: url('./Ko_Banzeen-Normal.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ko Banzeen Slanted Left';
  src: url('./Ko_Banzeen-SlantedL.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ko Banzeen Slanted Right';
  src: url('./Ko_Banzeen-SlantedR.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* KO Rubbama - Bold Arabic display font */
@font-face {
  font-family: 'KO Rubbama';
  src: url('./KORubbama-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'KO Rubbama Expanded';
  src: url('./KORubbamaExpanded-BlackExpanded.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Qoronfull - Bold Arabic font */
@font-face {
  font-family: 'Qoronfull';
  src: url('./Qoronfull-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Zaatar - Arabic display font family */
@font-face {
  font-family: 'Zaatar';
  src: url('./Zaatar-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zaatar';
  src: url('./Zaatar-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zaatar';
  src: url('./Zaatar-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Felfel - Bold Arabic display font */
@font-face {
  font-family: 'Felfel';
  src: url('./Felfel-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Cairo - Modern Arabic font (loaded from Google Fonts as backup) */
@font-face {
  font-family: 'Cairo';
  src: url('https://fonts.gstatic.com/s/cairo/v28/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-W1ToLQ-HmkA.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cairo';
  src: url('https://fonts.gstatic.com/s/cairo/v28/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-W1ToLQ-HmkA.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Luckiest Guy - Fun, playful display font (great for Arabizi) */
@font-face {
  font-family: 'Luckiest Guy';
  src: url('./LuckiestGuy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}