/* =========================================================
   Venus AI — الخطوط
   نفس تركيبة pre-seed.io بالضبط:
   · العربي: TheYearofHandicrafts (خط "عام الحِرف اليدوية")، مستضاف محليًا.
   · اللاتيني: Inter للنص، Space Grotesk للعناوين.
   القاعدة الحاسمة في الأسفل: أي عنصر لغته عربية أو اتجاهه RTL يأخذ
   الخط العربي مهما كانت قواعد الخطوط الأخرى — لأن [dir]/:lang أعلى
   أولوية من محدّدات العناصر مثل h1..h4.
   ========================================================= */

@font-face {
  font-family: 'TheYearofHandicrafts';
  src: url('/assets/fonts/TheYearofHandicrafts-Regular.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'TheYearofHandicrafts';
  src: url('/assets/fonts/TheYearofHandicrafts-Medium.otf') format('opentype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'TheYearofHandicrafts';
  src: url('/assets/fonts/TheYearofHandicrafts-SemiBold.otf') format('opentype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'TheYearofHandicrafts';
  src: url('/assets/fonts/TheYearofHandicrafts-Bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'TheYearofHandicrafts';
  src: url('/assets/fonts/TheYearofHandicrafts-Black.otf') format('opentype');
  font-weight: 900; font-style: normal; font-display: swap;
}

/* Tajawal: خط العناوين والملصقات العربية في المرجع (يقع عليه .font-display عندهم). */
@font-face { font-family: 'Tajawal'; src: url('/assets/fonts/Tajawal-Light.ttf') format('truetype'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Tajawal'; src: url('/assets/fonts/Tajawal-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Tajawal'; src: url('/assets/fonts/Tajawal-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Tajawal'; src: url('/assets/fonts/Tajawal-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }

/* ===== نسخ حرفي لتركيبة المرجع =====
   1) نص الفقرات والأزرار: TheYearofHandicrafts بوزن 400 (قاعدة [dir=rtl],:lang(ar) عندهم).
   2) العناوين والملصقات والأرقام: Space Grotesk ثم Tajawal (كلاس .font-display عندهم)،
      بوزن خفيف وتباعد حروف موجب — والتباعد الموجب هو ما يجعل Chrome يمدّ الوصلات
      (نبنـي، تطبيقـك) كما يظهر في موقعهم. */
[dir="rtl"], :lang(ar) { font-family: TheYearofHandicrafts, sans-serif; font-weight: 400; }

:lang(ar) h1, :lang(ar) h2, :lang(ar) h3, :lang(ar) h4,
:lang(ar) .hero h1, :lang(ar) .sec-head h2, :lang(ar) .cta-box h2, :lang(ar) .step-title,
:lang(ar) .service h3, :lang(ar) .auth-body h1, :lang(ar) .plan-name, :lang(ar) .plan-price,
:lang(ar) .method-title, :lang(ar) .kicker, :lang(ar) .badge, :lang(ar) .cta-badge,
:lang(ar) .step-days, :lang(ar) .log-day, :lang(ar) .toc-item, :lang(ar) .step-pill,
:lang(ar) .micro, :lang(ar) .mono, :lang(ar) .num, :lang(ar) .service-glyph, :lang(ar) .auth-kicker,
:lang(ar) .auth-note b, :lang(ar) .log-title, :lang(ar) .log-live, :lang(ar) .foot-links {
  font-family: 'Space Grotesk', Tajawal, sans-serif;
}

/* العناوين الكبيرة: خفيفة (font-light) بتباعد يولّد الامتداد، وارتفاع سطر عربي مريح */
:lang(ar) h1, :lang(ar) h2, :lang(ar) .hero h1, :lang(ar) .sec-head h2, :lang(ar) .cta-box h2,
:lang(ar) .step-title, :lang(ar) .auth-body h1 {
  font-weight: 300; letter-spacing: .04em !important; line-height: 1.35 !important;
}
/* هيرو بحجم المرجع (text-4xl) لا العملاق، والسطر الثاني رمادي خافت لا متدرّج */
:lang(ar) .hero h1 { font-size: clamp(28px, 4.2vw, 42px); max-width: 24ch; }
:lang(ar) .hero h1 .grad { background: none; -webkit-text-fill-color: currentColor; color: var(--ink-3); font-weight: 300; }
:lang(ar) .hero h1 .grad::after { display: none; }
:lang(ar) .cta-box h2 { font-size: clamp(26px, 3.6vw, 38px); }
:lang(ar) .sec-head h2 { font-size: clamp(24px, 3vw, 34px); }
/* العناوين الصغيرة والملصقات: وزن عادي وتباعد أوسع (tracking-widest عندهم) */
:lang(ar) h3, :lang(ar) h4, :lang(ar) .service h3, :lang(ar) .plan-name, :lang(ar) .method-title { font-weight: 400; letter-spacing: .03em !important; }
:lang(ar) .kicker, :lang(ar) .badge, :lang(ar) .cta-badge, :lang(ar) .step-days, :lang(ar) .log-day,
:lang(ar) .toc-item, :lang(ar) .step-pill, :lang(ar) .micro, :lang(ar) .auth-kicker, :lang(ar) .foot-links { font-weight: 400; letter-spacing: .1em !important; }
/* الأزرار: خط النص لكن بتباعد المرجع (tracking-widest) */
:lang(ar) .btn, :lang(ar) .btn-primary, :lang(ar) .btn-ghost, :lang(ar) .cta-btn, :lang(ar) .cta-mail,
:lang(ar) .plan-cta, :lang(ar) .nav-cta, :lang(ar) .auth-submit, :lang(ar) .nav-links a, :lang(ar) .nav-login, :lang(ar) .lang-btn {
  font-weight: 400; letter-spacing: .08em !important;
}
:lang(ar) p, :lang(ar) li, :lang(ar) .hero-sub, :lang(ar) .lede { letter-spacing: .01em; }
:lang(ar) .hero h1 .grad { display: block; margin-top: .1em; }
:lang(ar) .hero-sub { letter-spacing: .05em !important; }