@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Cairo:wght@400;600;700;900&family=IBM+Plex+Sans+Arabic:wght@300;400;500&family=Space+Grotesk:wght@400;500;700&display=swap");

/* 
 * ==============================================================================
 * شركة أساس للمقاولات العامة | ASAS Construction
 * ملف: css/typography.css
 * الفئة: Corporate Trust (نظام الطباعة والخطوط)
 * ==============================================================================
 */

/* منع letter-spacing على العربي */
body, h1, h2, h3, h4, h5, h6, p, span, blockquote, a, li, td, th {
  letter-spacing: 0;
}

/* =========================================
   العناوين — Corporate Trust
   ========================================= */

h1, .asas-hero-title {
  font-family: var(--font-arabic);
  font-size: var(--fs-hero);
  font-weight: 900; /* Black weight للهيبة */
  line-height: var(--lh-tight);
  color: var(--navy);
  margin-bottom: var(--space-md);
}

.asas-page-title {
  font-family: var(--font-arabic);
  font-size: var(--fs-page-title);
  font-weight: 700;
  line-height: var(--lh-heading);
  color: var(--navy);
  margin-bottom: var(--space-md);
}

h2, .asas-section-title {
  font-family: var(--font-arabic);
  font-size: var(--fs-section);
  font-weight: 700;
  line-height: var(--lh-heading);
  color: var(--navy);
  margin-bottom: var(--space-sm);
}

h3, .asas-subsection {
  font-family: var(--font-body);
  font-size: var(--fs-subsection);
  font-weight: 600;
  line-height: var(--lh-heading);
  color: var(--navy);
  margin-bottom: var(--space-xs);
}

h4, h5, h6 {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: 600;
  color: var(--navy);
}

/* H1 لاتيني */
.asas-hero-title--latin {
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* =========================================
   النصوص
   ========================================= */

p, .asas-body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: var(--lh-body);
  color: var(--graphite);
}

.asas-lead {
  font-family: var(--font-body);
  font-size: var(--fs-lead);
  font-weight: 400;
  line-height: 1.6;
  color: var(--ink);
}

/* Labels */
.asas-label, .eyebrow {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold);
  display: inline-block;
}

/* الأرقام — Spec-Sheet look */
.asas-numeric, .stat-number, .counter-value {
  font-family: var(--font-mono);
  font-size: var(--fs-display);
  font-weight: 700;
  line-height: 1;
  color: var(--navy);
  font-variant-numeric: tabular-nums lining-nums;
  direction: ltr;
  display: inline-block;
}

/* Pull quote */
.pull-quote {
  font-family: var(--font-arabic);
  font-size: var(--fs-section);
  font-weight: 700;
  line-height: 1.4;
  color: var(--navy);
  border: none;
  padding: 0;
  margin-block: var(--space-2xl);
  max-width: 28ch;
  border-inline-start: 4px solid var(--gold);
  padding-inline-start: var(--space-lg);
}

.pull-quote cite {
  display: block;
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-style: normal;
  color: var(--graphite);
  margin-top: var(--space-md);
}

/* Blockquote */
blockquote {
  font-family: var(--font-arabic);
  font-size: var(--fs-subsection);
  font-weight: 400;
  line-height: 1.6;
  color: var(--ink);
  padding-inline-start: var(--space-md);
  border-inline-start: 3px solid var(--gold);
  margin-block: var(--space-lg);
  font-style: normal;
}

/* Links */
.asas-link {
  color: var(--navy);
  border-bottom: 1px solid var(--gold);
  padding-bottom: 2px;
  transition: color var(--duration-hover) var(--ease-out-expo),
              border-color var(--duration-hover) var(--ease-out-expo);
}

.asas-link:hover {
  color: var(--gold);
  border-bottom-color: var(--navy);
}