/* ==========================================================================
   GRAPHIK TYPOGRAPHY SYSTEM — OTHMAN RIYADH®
   Khajag Apelian & Wael Morcos (Graphik Arabic)
   Christian Schwartz (Graphik Latin)
   Weights: 300 (Light), 400 (Regular), 500 (Medium), 600 (Semibold), 700 (Bold), 800 (Black/Super)
   Format: WOFF2 with font-display: swap
   ========================================================================== */

/* --------------------------------------------------------------------------
   GRAPHIK ARABIC (@font-face declarations)
   -------------------------------------------------------------------------- */

/* Light (300) */
@font-face {
  font-family: 'Graphik Arabic';
  src: local('Graphik Arabic Light'),
       url('./GraphikArabic-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Regular (400) */
@font-face {
  font-family: 'Graphik Arabic';
  src: local('Graphik Arabic Regular'),
       local('Graphik Arabic'),
       url('./GraphikArabic-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Medium (500) */
@font-face {
  font-family: 'Graphik Arabic';
  src: local('Graphik Arabic Medium'),
       url('./GraphikArabic-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Semibold (600) */
@font-face {
  font-family: 'Graphik Arabic';
  src: local('Graphik Arabic Semibold'),
       url('./GraphikArabic-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Bold (700) */
@font-face {
  font-family: 'Graphik Arabic';
  src: local('Graphik Arabic Bold'),
       url('./GraphikArabic-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Black / Super (800) */
@font-face {
  font-family: 'Graphik Arabic';
  src: local('Graphik Arabic Black'),
       local('Graphik Arabic Super'),
       url('./GraphikArabic-Black.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   GRAPHIK LATIN (@font-face declarations for English/Latin typography)
   -------------------------------------------------------------------------- */

/* Light (300) */
@font-face {
  font-family: 'Graphik';
  src: local('Graphik Light'),
       local('Graphik-Light'),
       url('./GraphikArabic-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Regular (400) */
@font-face {
  font-family: 'Graphik';
  src: local('Graphik Regular'),
       local('Graphik'),
       local('Graphik-Regular'),
       url('./GraphikArabic-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Medium (500) */
@font-face {
  font-family: 'Graphik';
  src: local('Graphik Medium'),
       local('Graphik-Medium'),
       url('./GraphikArabic-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Semibold (600) */
@font-face {
  font-family: 'Graphik';
  src: local('Graphik Semibold'),
       local('Graphik-Semibold'),
       url('./GraphikArabic-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Bold (700) */
@font-face {
  font-family: 'Graphik';
  src: local('Graphik Bold'),
       local('Graphik-Bold'),
       url('./GraphikArabic-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Black / Super (800) */
@font-face {
  font-family: 'Graphik';
  src: local('Graphik Black'),
       local('Graphik Super'),
       local('Graphik-Black'),
       url('./GraphikArabic-Black.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}