@layer base {
  body {
    font: var(--weight-normal) 1rem/1.5 var(--font-sans);
    color: var(--text-default);
    background: var(--surface-bg);
  }

  h1, h2, h3 {
    font-family: var(--font-serif);
    font-weight: var(--weight-bold);
    line-height: 1.2;
  }

  h1 {
    font-size: var(--step-3);
  }

  h2 {
    font-size: var(--step-2);
  }

  h3 {
    font-size: var(--step-1);
  }
}