/* Variante osso — prévia para aprovação.
   Princípio: o preto passa a ter função em vez de ser 97% de tudo.
   Preto carrega marca e emoção (barra, topo, hero, chamadas, rodapé).
   Osso carrega informação (o corpo das páginas de leitura longa).
   É a lógica do impresso de luxo: capa preta, miolo creme. */

:root{
  --bone:      #EFE9DD;
  --bone-2:    #E6DECE;
  --bone-line: rgba(23,19,16,.16);
  --bone-line-2: rgba(23,19,16,.08);
  --ink-d:     #171310;
  --ink-body:  #4A4238;
  --ink-mute:  #6E6355;
  --gold-d:    #7A6228;
  --brick-d:   #A64A3C;
}

/* ---- superfícies que sangram de borda a borda ---- */
.lightbody .prochead,
.lightbody .procbody{background:var(--bone)}
/* sem isto a margem do primeiro filho escapa da seção e abre uma faixa
   preta entre o cabeçalho e o corpo */
.lightbody .procbody{display:flow-root; padding-bottom:clamp(30px,4vw,48px)}

/* costura entre o topo preto e o miolo claro */
.lightbody .prochead{
  position:relative;
  padding-top:clamp(40px,6vw,78px);
  box-shadow:inset 0 1px 0 rgba(201,165,78,.30), inset 0 4px 0 -3px rgba(201,165,78,.16);
}

/* ---- tipografia no claro ----
   Cor definida no contêiner e herdada. Enumerar descendentes de .prose deixava
   qualquer bloco fora dele (as fichas de médico, por exemplo) com a cor do tema
   escuro sobre a superfície clara. */
.lightbody .prochead,
.lightbody .procbody{color:var(--ink-body)}

.lightbody .prochead h1,
.lightbody .prochead h2,
.lightbody .prochead h3,
.lightbody .procbody h1,
.lightbody .procbody h2,
.lightbody .procbody h3,
.lightbody .procbody .faq summary,
.lightbody .procbody .byline b{color:var(--ink-d)}

.lightbody .prochead .lede,
.lightbody .prochead .facts dd,
.lightbody .procbody p,
.lightbody .procbody li,
.lightbody .procbody dd,
.lightbody .procbody .answer p{color:var(--ink-body)}

.lightbody .prochead .label,
.lightbody .prochead .crumbs a,
.lightbody .procbody .label,
.lightbody .procbody .small,
.lightbody .procbody .byline .small,
.lightbody .procbody .creds .role{color:var(--ink-mute)}

.lightbody .prochead .crumbs a:hover{color:var(--gold-d)}
.lightbody .prochead .crumbs span[aria-hidden]{color:var(--gold-d)}

/* o ouro reprova no claro a 1,94:1 — escurece para 4,82:1 */
.lightbody .procbody .tl dt,
.lightbody .procbody .steps h3,
.lightbody .procbody .arrowlink,
.lightbody .procbody .proclist__t,
.lightbody .procbody .creds,
.lightbody .procbody .creds span,
.lightbody .procbody a{color:var(--gold-d)}
.lightbody .procbody .creds .role{color:var(--ink-mute)}
.lightbody .procbody .steps li::before{color:var(--gold-d)}
.lightbody .procbody .creds > * + *::before{border-left-color:rgba(23,19,16,.28)}

/* ---- filetes no claro ---- */
.lightbody .prochead .facts,
.lightbody .prochead .facts div,
.lightbody .procbody .facts,
.lightbody .procbody .facts div{border-color:var(--bone-line)}
.lightbody .prochead .facts div,
.lightbody .procbody .facts div{background:var(--bone)}
.lightbody .prochead .facts{background:var(--bone-line)}

.lightbody .procbody .tl,
.lightbody .procbody .tl > div,
.lightbody .procbody .steps li,
.lightbody .procbody .faq,
.lightbody .procbody .faq details,
.lightbody .procbody .proclist,
.lightbody .procbody .proclist a{border-color:var(--bone-line)}

.lightbody .procbody .note{border-left-color:var(--bone-line)}

.lightbody .procbody .drule,
.lightbody .procbody + .drule{
  border-top-color:rgba(23,19,16,.30);
  border-bottom-color:var(--bone-line-2);
}
.lightbody .procbody + .drule{background:var(--bone)}

/* ---- marcadores: forma continua distinguindo, cor acompanha o fundo ---- */
.lightbody .procbody .marklist--yes li::before{background:var(--gold-d)}
.lightbody .procbody .marklist--no li::before{background:var(--brick-d)}
.lightbody .procbody .twocol > div + div::before{border-left-color:rgba(23,19,16,.28)}
.lightbody .procbody .twocol > div + div::after{border-left-color:var(--bone-line-2)}

/* ---- o aviso mantém a hierarquia, agora em papel ---- */
.lightbody .procbody .alert{
  background:var(--bone-2);
  border-top-color:var(--brick-d);
  border-bottom-color:var(--brick-d);
}
.lightbody .procbody .alert::before,
.lightbody .procbody .alert::after{border-top-color:rgba(166,74,60,.34)}

/* ---- controles ---- */
.lightbody .procbody .faq summary::after,
.lightbody .procbody .faq summary::before{background:var(--gold-d)}
.lightbody .procbody .faq summary:hover{color:var(--gold-d)}
.lightbody .procbody .proclist__go{color:var(--gold-d)}
.lightbody .procbody :focus-visible{outline-color:var(--gold-d)}

/* retrato e caminho alternativo no claro */
.lightbody .procbody .doctor__photo img{border-color:var(--bone-line)}
.lightbody .procbody .altpath{color:var(--ink-mute)}
.lightbody .procbody .altpath a{color:var(--gold-d); border-bottom-color:rgba(23,19,16,.25)}

/* hero e praças no claro (o hero segue escuro; a linha de apoio acompanha) */
.lightbody .procbody .herosupport{color:var(--ink-mute)}

/* o link do alerta media 4,36:1, faltando 0,14 — o fundo ali é --bone-2, não --bone */
.lightbody .procbody .alert .arrowlink{color:#6E5722; border-bottom-color:rgba(23,19,16,.3)}

/* registro obrigatório (CFM Art. 4º) legível no tema claro: --muted dava 3,11:1 */
.lightbody .conductor .label,
.lightbody .conductor .data,
.lightbody .ambient figcaption{color:var(--ink-mute)}
.lightbody .conductor b{color:var(--ink-d)}
.lightbody .conductor img,
.lightbody .ambient img{border-color:var(--bone-line)}
.lightbody .toc a{color:var(--ink-body); text-decoration-color:var(--bone-line)}
.lightbody .toc a:hover{color:var(--ink-d); text-decoration-color:currentColor}
.lightbody .faq__group{color:var(--gold-d)}

/* ---- home: miolo em osso. O preto fica com o topo, as chamadas e o rodapé,
   como nas páginas internas; a home deixa de parecer outra marca. ---- */
.lightbody .homebody{padding-bottom:0}
.lightbody .homebody .section--tint{background:var(--bone-2)}
.lightbody .homebody .thesis{border-bottom-color:var(--bone-line)}
.lightbody .homebody .pillar:last-child{border-left-color:var(--bone-line)}
.lightbody .homebody .doctor{border-top-color:var(--bone-line)}
.lightbody .homebody .arrowlink{border-bottom-color:rgba(23,19,16,.25)}
.lightbody .homebody .arrowlink:hover{color:var(--ink-d)}
.lightbody .homebody .proclist a:hover{color:var(--ink-d)}
/* sobre --bone-2 o ouro escurecido e o cinza de rótulo caíam para 4,36 e 4,39:1 */
.lightbody .homebody .section--tint a,
.lightbody .homebody .section--tint .arrowlink,
.lightbody .homebody .section--tint .proclist__t,
.lightbody .homebody .section--tint .proclist__go{color:#6E5722}
.lightbody .homebody .section--tint .label,
.lightbody .homebody .section--tint .small{color:#5F5548}

/* coluna lateral e lista de conferência no claro */
.lightbody .procbody .rail{border-color:var(--bone-line); background:var(--bone)}
.lightbody .procbody .rail dd{color:var(--ink-body)}
.lightbody .procbody .rail__who{border-top-color:var(--bone-line); color:var(--ink-mute)}
.lightbody .procbody .rail__who b{color:var(--ink-d)}
.lightbody .procbody .rail .cta{color:var(--onyx)}
.lightbody .procbody .rail .replynote{color:var(--ink-mute)}
.lightbody .procbody .copybtn{color:var(--gold-d); border-color:var(--bone-line)}
.lightbody .procbody .marklist li{color:var(--ink-body)}

.lightbody .procbody .proclist__why{color:var(--ink-body)}
.lightbody .homebody .doctor__thumb{border-color:var(--bone-line)}
.lightbody .procbody .rail__toc a{color:var(--ink-body)}
.lightbody .procbody .rail__toc a[aria-current="location"]{border-left-color:var(--gold-d); color:var(--ink-d)}
.lightbody .procbody .replynote a{color:inherit}


.lightbody .homebody .pmmablock{border-top-color:var(--bone-line)}
.lightbody .homebody .pillar__links a{color:#6E5722}