/*
 * Custom font families for the rich-text editor (attendee names,
 * meeting titles, notes, etc.). Files live in /public/fonts/ and are
 * served by Vite at /fonts/<name>. Each declaration uses
 * `font-display: swap` so the browser only fetches a weight when the
 * font-family is actually applied to a rendered element — this keeps
 * the initial page load lean even though there are ~22 files here.
 *
 * The `font-family` strings below MUST exactly match the `value`
 * field of FONT_OPTIONS in `editable-cell.tsx`, otherwise TipTap's
 * setFontFamily(value) will not match these declarations.
 */

/* ── DIN Next LT Arabic ───────────────────────────────────────────
 * #350 (browser print): font-display set to `block` (not `swap`) so
 * Chrome will WAIT for the font to be ready instead of rasterizing
 * the print snapshot with a fallback that lacks Arabic GSUB shaping.
 * This is the app's primary Arabic font — block-period delays first
 * paint by at most ~3s but the file is already in cache from the
 * <link rel="preload"> in index.html, so the practical wait is 0ms.
 */
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("/fonts/DINNextLTArabic-UltraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("/fonts/DINNextLTArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("/fonts/DINNextLTArabic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("/fonts/DINNextLTArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("/fonts/DINNextLTArabic-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

/* ── Tajawal ────────────────────────────────────────────────────── */
@font-face {
  font-family: "Tajawal";
  src: url("/fonts/Tajawal-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("/fonts/Tajawal-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("/fonts/Tajawal-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("/fonts/Tajawal-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("/fonts/Tajawal-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("/fonts/Tajawal-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("/fonts/Tajawal-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ── Helvetica Neue LT Arabic ───────────────────────────────────── */
@font-face {
  font-family: "Helvetica Neue LT Arabic";
  src: url("/fonts/HelveticaNeueLTArabic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT Arabic";
  src: url("/fonts/HelveticaNeueLTArabic-Roman.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT Arabic";
  src: url("/fonts/HelveticaNeueLTArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ── Helvetica Neue (Latin) ─────────────────────────────────────── */
@font-face {
  font-family: "Helvetica Neue";
  src: url("/fonts/HelveticaNeue-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("/fonts/HelveticaNeue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("/fonts/HelveticaNeue-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("/fonts/HelveticaNeue-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("/fonts/HelveticaNeue-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ── Majalla ────────────────────────────────────────────────────── */
@font-face {
  font-family: "Majalla";
  src: url("/fonts/Majalla-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Majalla";
  src: url("/fonts/Majalla-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
