/* Simtix typography tokens — bilingual (Latin + Arabic) */
:root {
  --font-display: "Space Grotesk", "Space Grotesk Fallback", system-ui, sans-serif;
  --font-body: "Inter", "Inter Fallback", system-ui, sans-serif;
  --font-arabic: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;

  /* Latin scale (desktop) */
  --text-display: 4rem;      --lh-display: 1.05; /* @kind other */   /* 64 */
  --text-h1: 3rem;           --lh-h1: 1.1; /* @kind other */         /* 48 */
  --text-h2: 2.25rem;        --lh-h2: 1.15; /* @kind other */        /* 36 */
  --text-h3: 1.5rem;         --lh-h3: 1.3; /* @kind other */         /* 24 */
  --text-body-lg: 1.125rem;  --lh-body-lg: 1.6; /* @kind other */    /* 18 */
  --text-body: 1rem;         --lh-body: 1.6; /* @kind other */       /* 16 */
  --text-small: 0.875rem;    --lh-small: 1.5; /* @kind other */      /* 14 */

  /* Mobile overrides applied via media query below */
  --measure: 70ch; /* @kind other */
}

@media (max-width: 767px) {
  :root {
    --text-display: 2.5rem; /* 40 */
    --text-h1: 2.125rem;    /* 34 */
    --text-h2: 1.75rem;
    --text-h3: 1.375rem;
  }
}

/* Arabic rules: +12% body size, taller line-height, zero letter-spacing */
[lang="ar"], :lang(ar) {
  font-family: var(--font-arabic);
  letter-spacing: 0 !important;
  --text-body: 1.125rem;      --lh-body: 1.7; /* @kind other */
  --text-body-lg: 1.25rem;    --lh-body-lg: 1.75; /* @kind other */
  --lh-h1: 1.3; /* @kind other */ --lh-h2: 1.35; /* @kind other */ --lh-h3: 1.45; /* @kind other */
}