/**
 * DZD Sooq Theme — typography.
 * Scale tokens live in tokens.css (synced with Core dzd-ui-tokens.css).
 */

html {
  -webkit-text-size-adjust: 100%;
}

body.dzd-sooq-theme {
  margin: 0;
  font-family: var(--dzd-font-sans);
  font-size: var(--dzd-fs-base, 16px);
  line-height: var(--dzd-lh-body, 1.5);
  color: var(--dzd-color-text);
  background: var(--dzd-color-page);
}

html[dir="rtl"] body.dzd-sooq-theme {
  font-family: var(--dzd-font-sans), var(--dzd-font-arabic, system-ui, sans-serif);
  line-height: var(--dzd-lh-relaxed, 1.65);
  letter-spacing: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
  :root,
  .dzd-ui {
    --dzd-fs-3xl: 26px;
    --dzd-fs-4xl: 30px;
  }
}

@media (max-width: 767px) {
  :root,
  .dzd-ui {
    --dzd-fs-2xl: 22px;
    --dzd-fs-3xl: 24px;
    --dzd-fs-4xl: 28px;
  }
}

h1, h2, h3, h4, h5, h6,
.dzd-theme-heading {
  font-family: var(--dzd-font-display);
  font-weight: 700;
  line-height: var(--dzd-lh-tight, 1.25);
  color: var(--dzd-color-text);
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .dzd-theme-heading {
  letter-spacing: 0;
  line-height: var(--dzd-lh-snug, 1.4);
}

a {
  color: var(--dzd-color-accent);
}

.entry-title {
  margin: 0 0 var(--dzd-space-4);
  font-size: clamp(1.35rem, 2vw, 1.75rem);
}

.entry-content {
  font-size: var(--dzd-fs-base, 1rem);
  line-height: var(--dzd-lh-body, 1.5);
  color: var(--dzd-color-text);
}

html[dir="rtl"] .entry-content {
  line-height: var(--dzd-lh-relaxed, 1.65);
  letter-spacing: 0;
}

.entry-summary {
  color: var(--dzd-color-text-muted);
  font-size: var(--dzd-fs-sm, 14px);
}