/* =====================================================================
   Tema claro (off-white) das páginas avulsas do site montadas com a folha
   do Design System (sobre/ e a página de erro). O Original é o padrão; com
   data-modo="dia" a noite vira o dia da marca: off-white quente com a
   retícula, papel nos cartões e tinta escura, como no site. As cores do
   Off-white vêm da folha do Design System (:root[data-modo="dia"]); aqui
   ficam os ajustes das páginas avulsas.
   ===================================================================== */
[data-modo="dia"] body.sobre,
[data-modo="dia"] body.ap-base {
  background: radial-gradient(circle at 1px 1px, rgba(46, 40, 30, .085) 0 1px, transparent 1.3px) 0 0 / 56px 56px, var(--ap-night);
}
[data-modo="dia"] .sobre__titulo, [data-modo="dia"] .sobre__meta a,
[data-modo="dia"] .sobre__assinatura, [data-modo="dia"] .sobre__base a { color: var(--ap-on-night); }
[data-modo="dia"] .ap-island { background: rgba(250, 248, 243, .88); border-color: rgba(23, 35, 58, .1); color: var(--ap-on-night); }
[data-modo="dia"] .ap-sheet { border: 1px solid rgba(23, 35, 58, .07); box-shadow: 0 50px 90px -50px rgba(46, 40, 30, .22); }
[data-modo="dia"] .ap-btn--light { background: var(--ap-ink); color: #fff; }
[data-modo="dia"] .ap-btn--ghost { color: var(--ap-on-night); box-shadow: inset 0 0 0 1px rgba(23, 35, 58, .3); }
[data-modo="dia"] .ap-pill { background: var(--ap-card); border-color: var(--ap-line); color: var(--ap-ink); }
[data-modo="dia"] .ap-door--night { background: var(--ap-night-3); color: var(--ap-on-night); border-color: var(--ap-line); }
/* o logo da casa com o nome cinza no claro */
[data-modo="dia"] img[data-site-logo] { content: image-set(url("/assets/brand/logo-cabecalho-claro-1x.svg?v=20261109-1") 1x, url("/assets/brand/logo-cabecalho-claro-125.svg?v=20261109-1") 1.25x, url("/assets/brand/logo-cabecalho-claro-15.svg?v=20261109-1") 1.5x, url("/assets/brand/logo-cabecalho-claro.svg?v=20261109-1") 2x); }