/* ==========================================================================
   THMANYAH FONT FAMILY (عائلة خطوط ثمانية الرسمية)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. THMANYAH SANS (خط ثمانية سانز - العصري للواجهات والأزرار والتنقل)
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Thmanyah Sans';
  src: url('fonts/thmanyah/thmanyahsans/thmanyahsans-Light.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahsans/thmanyahsans-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Sans';
  src: url('fonts/thmanyah/thmanyahsans/thmanyahsans-Regular.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahsans/thmanyahsans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Sans';
  src: url('fonts/thmanyah/thmanyahsans/thmanyahsans-Medium.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahsans/thmanyahsans-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Sans';
  src: url('fonts/thmanyah/thmanyahsans/thmanyahsans-Bold.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahsans/thmanyahsans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Sans';
  src: url('fonts/thmanyah/thmanyahsans/thmanyahsans-Black.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahsans/thmanyahsans-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   2. THMANYAH SERIF DISPLAY (خط ثمانية سريف ديسبلاي - للعناوين الكبيرة والمثيرة)
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Thmanyah Serif Display';
  src: url('fonts/thmanyah/thmanyahserifdisplay/thmanyahserifdisplay-Light.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahserifdisplay/thmanyahserifdisplay-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Serif Display';
  src: url('fonts/thmanyah/thmanyahserifdisplay/thmanyahserifdisplay-Regular.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahserifdisplay/thmanyahserifdisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Serif Display';
  src: url('fonts/thmanyah/thmanyahserifdisplay/thmanyahserifdisplay-Medium.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahserifdisplay/thmanyahserifdisplay-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Serif Display';
  src: url('fonts/thmanyah/thmanyahserifdisplay/thmanyahserifdisplay-Bold.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahserifdisplay/thmanyahserifdisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Serif Display';
  src: url('fonts/thmanyah/thmanyahserifdisplay/thmanyahserifdisplay-Black.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahserifdisplay/thmanyahserifdisplay-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   3. THMANYAH SERIF TEXT (خط ثمانية سريف تكست - للنصوص المقالية والسردية والاقتباسات)
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Thmanyah Serif Text';
  src: url('fonts/thmanyah/thmanyahseriftext/thmanyahseriftext-Light.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahseriftext/thmanyahseriftext-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Serif Text';
  src: url('fonts/thmanyah/thmanyahseriftext/thmanyahseriftext-Regular.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahseriftext/thmanyahseriftext-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: 'Thmanyah Serif Text';
  src: url('fonts/thmanyah/thmanyahseriftext/thmanyahseriftext-Black.woff2') format('woff2'),
       url('fonts/thmanyah/thmanyahseriftext/thmanyahseriftext-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   TYPOGRAPHY DESIGN SYSTEM & CSS VARIABLES
   -------------------------------------------------------------------------- */
:root {
  /* Thmanyah Font Family - 3 Core Sub-families */
  --ff-thmanyah-display: 'Thmanyah Serif Display', 'Zain', serif;
  --ff-thmanyah-serif-text: 'Thmanyah Serif Text', 'Zain', serif;
  --ff-thmanyah-sans: 'Thmanyah Sans', 'Zain', sans-serif;

  /* Global Semantic Mapping */
  --ff-display: var(--ff-thmanyah-display);
  --ff-head:    var(--ff-thmanyah-display);
  --ff-serif:   var(--ff-thmanyah-serif-text);
  --ff-text:    var(--ff-thmanyah-serif-text);
  --ff-sans:    var(--ff-thmanyah-sans);
  --ff-body:    var(--ff-thmanyah-sans);
  --ff-base:    var(--ff-thmanyah-sans);
}

/* --------------------------------------------------------------------------
   INTENTIONAL COMPONENT & ELEMENT TYPOGRAPHY APPLICATION
   -------------------------------------------------------------------------- */

/* Base & Body Defaults: Thmanyah Sans for optimal UI legibility */
html[lang='ar'],
html:not([lang='en']),
body:not(.lang-en),
[dir='rtl'] {
  font-family: var(--ff-thmanyah-sans);
}

/* 1. DISPLAY & MAJOR HEADINGS -> Thmanyah Serif Display */
html[lang='ar'] h1, html[lang='ar'] h2, html[lang='ar'] h3, 
html[lang='ar'] h4, html[lang='ar'] h5, html[lang='ar'] h6,
[dir='rtl'] h1, [dir='rtl'] h2, [dir='rtl'] h3, 
[dir='rtl'] h4, [dir='rtl'] h5, [dir='rtl'] h6,
.hero-name,
.sec-title,
.modal-video-title,
.featured-title,
.about-title,
.works-group-title,
.contact-title {
  font-family: var(--ff-thmanyah-display) !important;
}

/* 2. NARRATIVE TEXT, DESCRIPTIONS & QUOTES -> Thmanyah Serif Text */
html[lang='ar'] p.hero-desc, html[lang='ar'] p.sec-desc,
[dir='rtl'] p.hero-desc, [dir='rtl'] p.sec-desc,
.about-quote,
blockquote,
.about-text,
.director-bio,
.modal-desc,
.modal-story,
.footer-tagline,
.v-card-desc {
  font-family: var(--ff-thmanyah-serif-text) !important;
}

.about-quote, blockquote {
  font-weight: 500;
}

/* 3. INTERFACE ELEMENTS, NAVIGATION, BUTTONS & BADGES -> Thmanyah Sans */
#nav,
.nav-links,
.nav-links a,
.nav-logo,
.lang-btn,
.sound-badge-btn,
.btn,
.btn-solid,
.btn-ghost,
.filter-tab,
.hero-badge,
.sec-eyebrow,
.cat-tag,
.v-card-cat,
.v-card-title,
.v-card-role,
.v-card-meta,
.h-stat-label,
.stat-label,
.modal-meta-label,
.modal-meta-val,
.modal-close,
.form-group label,
input, textarea, select, button,
.footer-link,
.footer-copy {
  font-family: var(--ff-thmanyah-sans) !important;
}

/* Numbers: Extra bold impact with Thmanyah Sans Black */
.h-stat-num,
.stat-num,
.filter-count {
  font-family: var(--ff-thmanyah-sans) !important;
  font-weight: 900;
}