body {
  font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--itl-text);
  background: var(--itl-surface-alt);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--itl-text);
}

.section-title {
  font-size: 1.5rem;
  margin-bottom: var(--itl-space-1);
}

.section-subtitle {
  color: var(--itl-text-muted);
  font-size: 0.95rem;
  margin-bottom: var(--itl-space-4);
}

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

/* Font-size scaling controlled by the A- / A / A+ buttons in the topbar */
html[data-font-scale="sm"] { font-size: 14px; }
html[data-font-scale="md"] { font-size: 16px; }
html[data-font-scale="lg"] { font-size: 18px; }