/* ==========================================================================
   Per-language typography + the language <select>. Loaded on both the landing
   page and the tool. Non-Latin scripts fall back to good system fonts so we
   don't ship multi-megabyte CJK/Devanagari/Arabic web fonts.
   ========================================================================== */

/* Hebrew — rounded Fredoka display, Assistant body (already Latin+Hebrew) */
[data-lang="he"] { font-family: "Assistant", system-ui, sans-serif; }
[data-lang="he"] h1, [data-lang="he"] h2, [data-lang="he"] h3, [data-lang="he"] h4,
[data-lang="he"] .disp, [data-lang="he"] .nav-brand, [data-lang="he"] .card-title,
[data-lang="he"] .btn, [data-lang="he"] .panel h1 {
  font-family: "Fredoka", "Assistant", system-ui, sans-serif; font-weight: 600;
}

/* Arabic — system Arabic faces */
[data-lang="ar"] { font-family: "Segoe UI", Tahoma, "Geeza Pro", "Noto Naskh Arabic", system-ui, sans-serif; }
[data-lang="ar"] h1, [data-lang="ar"] h2, [data-lang="ar"] h3, [data-lang="ar"] h4,
[data-lang="ar"] .disp, [data-lang="ar"] .nav-brand, [data-lang="ar"] .card-title,
[data-lang="ar"] .btn, [data-lang="ar"] .panel h1 {
  font-family: "Segoe UI", Tahoma, "Geeza Pro", "Noto Naskh Arabic", system-ui, sans-serif;
  font-weight: 700; letter-spacing: normal;
}

/* Chinese (Simplified) — system CJK faces */
[data-lang="zh"] { font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif; }
[data-lang="zh"] h1, [data-lang="zh"] h2, [data-lang="zh"] h3, [data-lang="zh"] h4,
[data-lang="zh"] .disp, [data-lang="zh"] .nav-brand, [data-lang="zh"] .card-title,
[data-lang="zh"] .btn, [data-lang="zh"] .panel h1 {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  font-weight: 700; letter-spacing: normal;
}

/* Hindi (Devanagari) — system Devanagari faces */
[data-lang="hi"] { font-family: "Nirmala UI", "Noto Sans Devanagari", "Kohinoor Devanagari", system-ui, sans-serif; }
[data-lang="hi"] h1, [data-lang="hi"] h2, [data-lang="hi"] h3, [data-lang="hi"] h4,
[data-lang="hi"] .disp, [data-lang="hi"] .nav-brand, [data-lang="hi"] .card-title,
[data-lang="hi"] .btn, [data-lang="hi"] .panel h1 {
  font-family: "Nirmala UI", "Noto Sans Devanagari", "Kohinoor Devanagari", system-ui, sans-serif;
  font-weight: 700; letter-spacing: normal;
}

/* The stylised "printed text" tile keeps its rotation in RTL too */
[dir="rtl"] .ex-print { transform: rotate(-2deg); }

/* Language dropdown */
.lang-select {
  font-family: inherit; font-size: 13px; font-weight: 600;
  color: var(--color-text, #201e1d); cursor: pointer;
  background: var(--color-surface, #ebddc5);
  border: 1px solid var(--color-divider, rgba(32,30,29,.16));
  border-radius: 999px; padding: 8px 12px; -webkit-appearance: none; appearance: none;
}
.lang-select:hover { border-color: var(--color-accent, #c67139); }