/*
 * Loaded by `stylesheet_link_tag :app`, which bundles every stylesheet under
 * app/assets in alphabetical order:
 *
 *   _reset.css      normalisation
 *   components/     one file per BEM block (.btn, .parcel, .tabs …)
 *   layouts/        page shells (.workspace)
 *   pages/          screen-specific rules (.entry, .panel)
 *   variables.css   design tokens
 *   vendor/         third-party CSS, namespaced by its own prefixes
 *
 * Blocks never style their surroundings: spacing between blocks belongs to the
 * layout that places them.
 */

.body {
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: var(--leading);
  color: var(--color-text);
  background-color: var(--color-surface-sunken);
}

.body--fixed {
  height: 100dvh;
  overflow: hidden;
}