body {
  font-family: var(--font-th);
  background: linear-gradient(180deg, var(--color-bg-deep), var(--color-bg-soft));
  color: var(--color-text);
}

html[lang="en"] body { font-family: var(--font-en-body); }

h1, h2, h3, .display-title {
  font-family: var(--font-en-title);
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--color-gold-light);
}

html[lang="th"] h1, html[lang="th"] h2, html[lang="th"] h3, html[lang="th"] .display-title {
  font-family: var(--font-th);
}

h1 { font-size: clamp(1.9rem, 3vw + 1rem, 3.2rem); }
h2 { font-size: clamp(1.4rem, 2vw + 1rem, 2rem); }
h3 { font-size: clamp(1.1rem, 1vw + 1rem, 1.4rem); }

p { color: var(--color-text); }
.text-muted { color: var(--color-text-muted); }

.quote-block {
  font-family: var(--font-en-title);
  font-style: italic;
  color: var(--color-gold-light);
  border-left: 2px solid var(--color-gold);
  padding-left: 1.2rem;
}

html[lang="th"] .quote-block { font-family: var(--font-th); font-style: normal; }