/*
 * Alternância suave entre sections editáveis.
 * As cores respeitam os blocos escuros e com imagem; somente as áreas claras
 * recebem branco ou cinza-azulado muito leve conforme a ordem no CMS.
 */

body.biograph-theme .page-section--tone-paper {
  --section-tone: var(--paper);
}

body.biograph-theme .page-section--tone-surface {
  --section-tone: var(--surface);
}

body.biograph-theme :is(.page-section--tone-paper, .page-section--tone-surface) {
  background-color: var(--section-tone);
}

/* Templates claros que já desenham a própria área de fundo. */
body.biograph-theme :is(.page-section--tone-paper, .page-section--tone-surface)
  > :is(.section, .ubx-section):not(.ubx-section--dark):not(.ubx-principles) {
  background-color: var(--section-tone);
}

/* Preserva blocos com foto, fundo escuro ou composição visual mista. */
body.biograph-theme .page-section--tone-native {
  background-color: transparent;
}