/* DC Perícias: acabamento do tema CLARO (teste). Vai por último no <head>. */
:root{color-scheme:light}
html body{background:#f7f3ea; color:#3b535e}
::selection{background:#ead9ab; color:#10303c}

/* cabeçalho: vidro marfim com linha dourada */
html body header{
  background:rgba(247,243,234,.84);
  -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%);
  border-bottom:1px solid rgba(160,124,52,.38);
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 8px 24px rgba(16,48,60,.06);
}
html body .nav-links a{color:#10303c}
html body .nav-links a:hover, html body .nav-links a.active{color:#8c6a28}
html body .nav-toggle{color:#10303c}

/* botão principal: ouro cheio com texto escuro; secundário vira contorno dourado */
html body .cta-btn{background:#d9b878; color:#0c2530; border:1px solid #b8924a; box-shadow:0 1px 0 rgba(255,255,255,.55) inset, 0 6px 16px rgba(140,106,40,.18)}
html body .cta-btn:hover{background:transparent; color:#8c6a28; border-color:#b8924a}

/* rodapé claro */
html body footer{background:#efe9dc; color:#3b535e; border-top:1px solid rgba(160,124,52,.38)}
html body footer a{color:#8c6a28}

/* campos de formulário e cartões */
html body input, html body select, html body textarea{color:#10303c}

/* pergunta de dor do hero: sem o flash dourado das páginas escuras (ficava claro demais no marfim) */
@keyframes dcp-brilha{0%{opacity:0; transform:translateY(8px)} 100%{opacity:1; transform:none}}
html body .hero-dor{color:#7a5a1e}

/* a foto do hero termina esmaecendo no marfim (sem corte seco embaixo) */
html body .hero-bg{
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0,#000 70%,transparent 100%);
}

/* celular: véu marfim mais parelho, para o texto escuro ler bem sobre a foto sem deixá-la cinza */
@media (max-width:860px){
  html body .hero-bg::after{
    background:linear-gradient(180deg,
      rgba(247,243,234,.58) 0%, rgba(247,243,234,.72) 40%,
      rgba(247,243,234,.84) 72%, #f7f3ea 100%);
  }
}

/* halo de leitura do texto sobre a foto: curto e marfim (o halo grande virava nuvem clara no celular) */
html body .hero-content .eyebrow, html body .hero-content h1, html body .hero-content p.lead, html body .hero h1, html body .hero p.lead{
  text-shadow:0 0 8px rgba(247,243,234,.9), 0 0 2px rgba(247,243,234,.95);
}
@media (max-width:860px){
  html body .hero-bg::after{
    background:linear-gradient(180deg,
      rgba(247,243,234,.70) 0%, rgba(247,243,234,.80) 38%,
      rgba(247,243,234,.90) 68%, #f7f3ea 100%);
  }
}

/* ---- extras do tema claro aplicado ao site ---- */
:root{--dcp-anel:#f7f3ea}

/* modal do envelope (CSS injetado pelo dcp-email.js, escuro por padrao) */
html[data-tema="claro"] .dcp-em-fundo{background:rgba(16,48,60,.46)}
html[data-tema="claro"] .dcp-em-caixa{background:#fffdf8;border:1px solid rgba(160,124,52,.42);color:#3b535e;box-shadow:0 30px 80px rgba(16,48,60,.28)}
html[data-tema="claro"] .dcp-em-x{color:#5d727c}
html[data-tema="claro"] .dcp-em-x:hover{color:#8c6a28}
html[data-tema="claro"] .dcp-em-caixa h3{color:#10303c}
html[data-tema="claro"] .dcp-em-prom{color:#3b535e}
html[data-tema="claro"] .dcp-em-prom b{color:#8c6a28}
html[data-tema="claro"] .dcp-em-trilha i{background:rgba(160,124,52,.2)}
html[data-tema="claro"] .dcp-em-trilha i.on{background:#b8924a;box-shadow:none}
html[data-tema="claro"] .dcp-em-rot{color:#8c6a28}
html[data-tema="claro"] .dcp-em-rot b{border-color:rgba(160,124,52,.6);color:#8c6a28}
html[data-tema="claro"] .dcp-em-passo.feito .dcp-em-rot b{background:#d9b878;color:#0c2530;border-color:#b8924a}
html[data-tema="claro"] .dcp-em-lab{color:#10303c}
html[data-tema="claro"] .dcp-em-lab i{color:#5d727c}
html[data-tema="claro"] .dcp-em-campo,html[data-tema="claro"] .dcp-em-texto{background:#fff;color:#10303c;border-color:rgba(160,124,52,.45)}
html[data-tema="claro"] .dcp-em-campo::placeholder,html[data-tema="claro"] .dcp-em-texto::placeholder{color:rgba(59,83,94,.5)}
html[data-tema="claro"] .dcp-em-campo:focus,html[data-tema="claro"] .dcp-em-texto:focus{border-color:#b8924a}
html[data-tema="claro"] .dcp-em-op{color:#10303c;background:rgba(217,184,120,.14);border-color:rgba(160,124,52,.45)}
html[data-tema="claro"] .dcp-em-op:hover{background:rgba(217,184,120,.3);border-color:#b8924a}
html[data-tema="claro"] .dcp-em-op[aria-pressed="true"]{background:#d9b878;border-color:#b8924a;color:#0c2530}
html[data-tema="claro"] .dcp-em-lgpd{color:#5d727c}
html[data-tema="claro"] .dcp-em-lgpd a{color:#8c6a28}
html[data-tema="claro"] .dcp-em-msg.ok{color:#2f6b3f}
html[data-tema="claro"] .dcp-em-msg.err{color:#a8452a}