/**
 * Site fonts — match app shipped mode `thmanyahSerifTextHeavy`:
 * - Body / regular → Thmanyah Serif Text **Medium**
 * - Emphasis → Thmanyah Serif Text **Bold** (falls back to Medium if Bold absent)
 * - Single family for Arabic + Western digits (no hybrid Sans on numbers)
 *
 * Local: `npm run fonts:thmanyah` → docs/fonts/thmanyah/ (gitignored).
 * Deploy: `npm run sync:website`.
 */

/* —— Thmanyah Serif Text — Medium = body (app regular slot) —— */
@font-face {
  font-family: 'Thmanyah Serif Text';
  src:
    url('../fonts/thmanyah/thmanyahseriftext-Medium.woff') format('woff'),
    url('../fonts/thmanyah/thmanyahseriftext-Medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Thmanyah Serif Text';
  src:
    url('../fonts/thmanyah/thmanyahseriftext-Medium.woff') format('woff'),
    url('../fonts/thmanyah/thmanyahseriftext-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

/* —— Thmanyah Serif Text — Bold = emphasis (app emphasis slot) —— */
@font-face {
  font-family: 'Thmanyah Serif Text';
  src:
    url('../fonts/thmanyah/thmanyahseriftext-Bold.woff') format('woff'),
    url('../fonts/thmanyah/thmanyahseriftext-Bold.otf') format('opentype'),
    url('../fonts/thmanyah/thmanyahseriftext-Medium.woff') format('woff'),
    url('../fonts/thmanyah/thmanyahseriftext-Medium.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Thmanyah Serif Text';
  src:
    url('../fonts/thmanyah/thmanyahseriftext-Bold.woff') format('woff'),
    url('../fonts/thmanyah/thmanyahseriftext-Bold.otf') format('opentype'),
    url('../fonts/thmanyah/thmanyahseriftext-Medium.woff') format('woff'),
    url('../fonts/thmanyah/thmanyahseriftext-Medium.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Thmanyah Serif Text';
  src:
    url('../fonts/thmanyah/thmanyahseriftext-Bold.woff') format('woff'),
    url('../fonts/thmanyah/thmanyahseriftext-Bold.otf') format('opentype'),
    url('../fonts/thmanyah/thmanyahseriftext-Medium.woff') format('woff'),
    url('../fonts/thmanyah/thmanyahseriftext-Medium.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: block;
}

/* —— IBM Plex Sans Arabic (fallback when Thmanyah files are absent) —— */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-Medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/**
 * Preferred stack for all marketing / legal pages.
 * Use: font-family: var(--kutaib-font);
 */
:root {
  --kutaib-font: 'Thmanyah Serif Text', 'IBM Plex Sans Arabic', -apple-system, 'Segoe UI', Tahoma,
    Arial, sans-serif;
}