/* ==========================================================================
   The themed shell (docs/theming.md)

   The shell is the element that carries data-theme. It is plain on purpose: it takes the
   colours, the font and nothing else from the theme's tokens, so what a theme changes is the
   tokens and the decorations it draws, never the shell's own structure. Every theme sheet in this
   folder is scoped to [data-theme="<name>"] and cannot touch a page outside the shell.
   ========================================================================== */

.themed-shell {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--theme-font-body, inherit);
}