:where([data-theme="{{ theme.name }}"]) body,
body:where([data-theme="{{ theme.name }}"]),
:where(:root:has(input.theme-controller[value="{{ theme.name }}"]:checked)) body {
  font-family: var(--font-body, var(--default-font-family, sans-serif));
  font-size: var(--font-size-base, inherit);
  line-height: var(--line-height, inherit);
}

:where([data-theme="{{ theme.name }}"]) :is(h1, h2),
:where(:root:has(input.theme-controller[value="{{ theme.name }}"]:checked)) :is(h1, h2) {
  font-family: var(--font-heading, var(--font-body, var(--default-font-family, sans-serif)));
}

:where([data-theme="{{ theme.name }}"]) :is(h3, h4, h5, h6),
:where(:root:has(input.theme-controller[value="{{ theme.name }}"]:checked)) :is(h3, h4, h5, h6) {
  font-family: var(--font-subheading, var(--font-heading, var(--font-body, var(--default-font-family, sans-serif))));
}

:where([data-theme="{{ theme.name }}"]) :is(code, kbd, samp, pre),
:where(:root:has(input.theme-controller[value="{{ theme.name }}"]:checked)) :is(code, kbd, samp, pre) {
  font-family: var(--font-code, var(--default-mono-font-family, monospace));
}