/* DET Prep typography patch — Persian headings: SG Kara, Persian body: Vazirmatn,
   Latin text keeps the rounded Trebuchet/Duolingo-like stack used by the app. */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
@import url('https://db.onlinewebfonts.com/c/e54e258808b86a259a730b243c162e6c?family=SG+Kara+Regular');

:root {
  --det-font-latin: "DIN Next Rounded", "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  --det-font-fa-body: "DIN Next Rounded", "Trebuchet MS", "Vazirmatn", Tahoma, "Segoe UI", Arial, sans-serif;
  --det-font-fa-heading: "DIN Next Rounded", "Trebuchet MS", "SG Kara Regular", "Vazirmatn", Tahoma, "Segoe UI", Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
option {
  font-family: var(--det-font-fa-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero-title,
.section-title,
.workspace-title,
.title,
.auth-title,
.article-hero .title,
.section-head h2,
.module-title,
.detail-head h2,
.detail-head h3 {
  font-family: var(--det-font-fa-heading) !important;
}

/* Explicit Latin/LTR content keeps the rounded English UI treatment. */
[lang="en"],
.ltr,
code,
pre,
kbd,
samp {
  font-family: var(--det-font-latin) !important;
}

/* The fully English landing page should remain entirely in the English stack. */
html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6 {
  font-family: var(--det-font-latin) !important;
}

/* DET Prep v6.0.6 — large Persian display titles use Vazirmatn Bold. */
html:not([lang="en"]) h1,
html:not([lang="en"]) h2,
html:not([lang="en"]) .hero-title,
html:not([lang="en"]) .section-title h2,
html:not([lang="en"]) .workspace-title,
html:not([lang="en"]) .article-hero h1,
html:not([lang="en"]) .section-head h2,
html:not([lang="en"]) .detail-head h2 {
  font-family: "Vazirmatn", Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
}

/* v6.1.3 — dashboard/program numerals explicitly use Vazirmatn. */
.stat-value,
#overallProgressStat,
#overallMinutesStat,
#overallXpStat,
#d3DayPercent,
.d3-x,
.d3-v,
.d3-duration-btn,
#d3DaySelect,
.d3-task select,
.progress-meta {
  font-family: "Vazirmatn", Tahoma, "Segoe UI", Arial, sans-serif !important;
}