/* ==========================================================================
   Luna Marketing Site — Arabic (RTL) overrides
   Loaded AFTER styles.css on ar/ pages only.
   The base stylesheet already uses logical properties, so the split hero,
   feature grid, and spacing flip automatically under dir="rtl". This file
   handles what cannot be expressed logically: fonts and italic emphasis.
   ========================================================================== */

:root {
  /* Tajawal for all Arabic typography (Fraunces has no Arabic glyphs) */
  --font-heading: "Tajawal", "Segoe UI", Tahoma, sans-serif;
  --font-body: "Tajawal", "Segoe UI", Tahoma, sans-serif;
}

/* Arabic headings use weight 700, body weight 400 */
h1,
h2,
h3,
h4 {
  font-weight: 700;
  font-style: normal;
}

body {
  font-weight: 400;
}

/* Italic does not render well in Arabic. Emphasis becomes a pink, slightly
   heavier weight instead, preserving the visual-rhythm intent of the design. */
.hero__title em,
.section__heading em,
.companion__title em {
  font-style: normal;
  font-weight: 500;
  color: var(--brand-pink);
}

/* The values headline is italic white in LTR; keep it upright and bold in AR. */
.values__heading {
  font-style: normal;
  font-weight: 700;
}

/* The contact title and email card are Fraunces italic in LTR; keep them
   upright (Tajawal) in AR. */
.contact__title,
.contact__card {
  font-style: normal;
  font-weight: 700;
}

/* The Luna wordmark stays Latin Dancing Script even on Arabic pages, matching
   the app's welcome screen. Guard it against the Tajawal heading variable. */
.luna-wordmark {
  font-family: "Dancing Script", cursive;
}