<section class="demo-section">
  <h2>Typography</h2>
  <p>Base font: <strong>Plus Jakarta Sans</strong> (400/500/600/700).</p>

  <h3>Headings</h3>
  <h1>Heading 1 / 40px bold</h1>
  <h2>Heading 2 / 32px bold</h2>
  <h3>Heading 3 / 28px semibold</h3>
  <h4>Heading 4 / 22px semibold</h4>
  <h5>Heading 5 / 18px semibold</h5>
  <h6>Heading 6 / 16px semibold</h6>

  <h3>Body</h3>
  <p class="body-large">Body large — 18/28 regular</p>
  <p class="body-medium">Body medium — 16/24 regular</p>
  <p class="body-small">Body small — 14/20 regular</p>
  <p class="body-xsmall">Body xsmall — 12/16 regular</p>

  <h3>Special</h3>
  <p class="button-text">Button text — 16/22 semibold</p>
  <p class="caption">Caption — 12/16 regular</p>
  <p class="overline">Overline — 12/14 medium</p>
</section>
