/**
 * Manifest - Typography System
 * Commercial Courier & Logistics (Aramex & Bosta Pattern)
 * Clean, Trustworthy Arabic & Latin Typography
 */

/* Headlines: Arabic Display (Noto Kufi Arabic / Cairo) */
h1, h2, h3, h4, h5, h6,
.display-hero,
.display-1,
.display-2 {
	font-family: var(--font-display-ar);
	font-weight: 700;
	color: var(--text-main);
	margin-top: 0;
	margin-bottom: 0.5em;
	letter-spacing: 0; /* Arabic never letter-spaced */
	text-wrap: balance;
}

.display-hero {
	font-size: clamp(2.4rem, 5vw, 4.2rem);
	line-height: 1.2;
	font-weight: 800;
}

h1, .display-1 {
	font-size: clamp(2.2rem, 4.2vw, 3.5rem);
	line-height: 1.25;
	font-weight: 800;
}

h2, .display-2 {
	font-size: clamp(1.8rem, 3.4vw, 2.75rem);
	line-height: 1.3;
	font-weight: 700;
}

h3 {
	font-size: clamp(1.3rem, 2.2vw, 1.8rem);
	line-height: 1.35;
	font-weight: 700;
}

h4 {
	font-size: var(--text-h4);
	line-height: 1.4;
	font-weight: 700;
}

h5 {
	font-size: 1.1rem;
	line-height: 1.4;
	font-weight: 600;
}

h6 {
	font-size: 0.95rem;
	line-height: 1.4;
	font-weight: 600;
	text-transform: uppercase;
}

/* Paragraphs & Editorial Body Copy */
p, .body-lead, .body-subtle {
	margin-top: 0;
	margin-bottom: 1em;
}

p {
	font-size: var(--text-body);
	line-height: var(--lh-body-ar);
	color: var(--text-main);
	max-width: 68ch;
}

.body-lead {
	font-size: clamp(1.1rem, 1.35vw, 1.3rem);
	line-height: 1.75;
	color: var(--text-muted);
	max-width: 65ch;
	font-weight: 400;
}

.body-subtle {
	font-size: var(--text-sm);
	line-height: 1.65;
	color: var(--text-muted);
}

/* Eyebrows & Section Subtitles */
.eyebrow {
	display: inline-block;
	font-family: var(--font-display-ar);
	font-size: var(--text-sm);
	font-weight: 700;
	color: var(--accent);
	margin-bottom: 12px;
}

/* Tracking Codes, Pricing & Numbers ONLY in IBM Plex Mono */
.mono-stamp,
.tracking-code,
.price-value,
.stat-number {
	font-family: var(--font-mono);
	font-feature-settings: "tnum" 1, "zero" 1;
}

.tracking-code {
	font-size: 15px;
	letter-spacing: 1px;
	color: var(--text-main);
	font-weight: 600;
}

.price-value {
	font-size: clamp(2rem, 3.5vw, 2.8rem);
	font-weight: 700;
	color: var(--text-main);
}

.stat-number {
	font-size: clamp(2.5rem, 4vw, 3.8rem);
	font-weight: 700;
	color: var(--text-main);
	line-height: 1;
}

/* Text on Dark Surfaces (e.g. Hero overlay, Merchants band, Footer) */
.text-on-dark,
.hero-content,
.section-merchants-dark,
.manifest-footer {
	color: var(--paper);
}

.text-on-dark h1,
.text-on-dark h2,
.text-on-dark h3,
.text-on-dark h4,
.hero-content h1,
.hero-content h2,
.hero-content h3,
.hero-content h4,
.section-merchants-dark h2,
.section-merchants-dark h3,
.manifest-footer h2,
.manifest-footer h3,
.manifest-footer h4 {
	color: var(--paper);
}

.text-on-dark p,
.hero-content p,
.section-merchants-dark p,
.manifest-footer p {
	color: rgba(255, 255, 255, 0.88);
}

.text-on-dark .body-lead,
.hero-content .body-lead,
.section-merchants-dark .body-lead,
.manifest-footer .body-lead,
.text-on-dark .body-subtle,
.hero-content .body-subtle,
.section-merchants-dark .body-subtle,
.manifest-footer .body-subtle {
	color: rgba(255, 255, 255, 0.72);
}