/* Tema escuro da MIP (padrão) e botão de troca. Carregado por último em todas as páginas.
   No escuro, --ink vira a cor do texto; o que usava grafite como fundo ganha regra própria aqui. */
:root[data-theme="dark"]{
  --bg:#0C0C0D;
  --soft:#17171A;
  --ink:#F2F0EB;
  --ink-2:#C8C5BE;
  --ink-3:#9A978F;
  --line:#2A2A2F;
  --orange-text:#FF8A5B;
  --orange-tint:#2A1911;
  --raised:#1C1C20;
  color-scheme:dark;
}
:root[data-theme="dark"] body{background:var(--bg);color:var(--ink)}

/* menu */
:root[data-theme="dark"] .nav{background:rgba(12,12,13,.88)}
:root[data-theme="dark"] .side .logo{color:#fff}

/* botões: o principal segue laranja com texto escuro; o escuro vira claro */
:root[data-theme="dark"] .btn-main{color:#0E0E0F;box-shadow:0 0 0 5px rgba(255,90,31,.18),0 10px 24px -10px rgba(255,90,31,.6)}
:root[data-theme="dark"] .btn-dark{background:#F2F0EB;color:#0E0E0F}
:root[data-theme="dark"] .btn-ghost{background:transparent}

/* superfícies que eram grafite */
:root[data-theme="dark"] .path.local,
:root[data-theme="dark"] .side-card.with{background:var(--raised);color:var(--ink);border:1px solid var(--line)}
:root[data-theme="dark"] .path.local .tag-seg{color:#0E0E0F}
:root[data-theme="dark"] .path.local .tag-seg::before{background:#0E0E0F}
:root[data-theme="dark"] .path.info,
:root[data-theme="dark"] .path.info h2{color:#0E0E0F}
:root[data-theme="dark"] .path.info .go i,
:root[data-theme="dark"] .path.info .tag-seg{background:#0E0E0F;color:#fff}
:root[data-theme="dark"] .side-card.for{color:var(--ink)}
:root[data-theme="dark"] .c1,
:root[data-theme="dark"] .t1{background:#F2F0EB;color:#0E0E0F}
:root[data-theme="dark"] .c2,
:root[data-theme="dark"] .t2{color:#0E0E0F}
:root[data-theme="dark"] .chips span{border-color:var(--bg)}
:root[data-theme="dark"] .sign span:first-child{background:#F2F0EB;color:#0E0E0F;border-color:var(--orange-tint)}
:root[data-theme="dark"] .people .person:first-child .avatar{background:#F2F0EB!important;color:#0E0E0F!important}
:root[data-theme="dark"] .check{background:var(--raised);border:1px solid var(--line)}
:root[data-theme="dark"] .segtag,
:root[data-theme="dark"] .wall-row span::after,
:root[data-theme="dark"] .filters button[aria-pressed="true"],
:root[data-theme="dark"] .card li:hover,
:root[data-theme="dark"] .person li:hover{background:#F2F0EB;color:#0E0E0F;border-color:#F2F0EB}
:root[data-theme="dark"] .segtag button{background:rgba(14,14,15,.12);color:#0E0E0F}
:root[data-theme="dark"] .fila .tag{background:#0E0E0F;color:#fff}
:root[data-theme="dark"] .fila h2{color:#0E0E0F}

/* manifesto em laranja escuro */
:root[data-theme="dark"] .manifesto{background:#1F130D;border:1px solid #3A2216}
:root[data-theme="dark"] .manifesto-text{color:var(--ink-2)}
:root[data-theme="dark"] .manifesto h2 s{color:rgba(255,138,91,.5)}

/* mini telas de exemplo */
:root[data-theme="dark"] .msg.in,
:root[data-theme="dark"] .node,
:root[data-theme="dark"] .funnel div:nth-child(1),
:root[data-theme="dark"] .tl-c i{background:var(--raised);border-color:var(--line)}
:root[data-theme="dark"] .msg.out{background:#F2F0EB;color:#0E0E0F}
:root[data-theme="dark"] .msg.typing i{background:#0E0E0F}
:root[data-theme="dark"] .funnel div:nth-child(2){background:#3A2216}
:root[data-theme="dark"] .funnel div:nth-child(3){color:#0E0E0F}
:root[data-theme="dark"] .st.c,
:root[data-theme="dark"] .k-dec{background:#2A2A2F;color:var(--ink-2)}
:root[data-theme="dark"] .st.a,
:root[data-theme="dark"] .k-on{background:#11291C;color:#5DD39A}
:root[data-theme="dark"] .st.d{background:#122036;color:#7FB0FF}
:root[data-theme="dark"] .tl-v i{background:#3A3A40}
:root[data-theme="dark"] .wave b{background:var(--ink-3)}
:root[data-theme="dark"] .frame{background:var(--soft)}

/* carimbos dos nichos e bolinhas coloridas: tons escuros */
:root[data-theme="dark"] .stamp{filter:saturate(.9) brightness(.82);box-shadow:0 0 0 1px var(--line);outline-color:rgba(255,255,255,.35)}
:root[data-theme="dark"] .t5{background:#122036;color:#7FB0FF}
:root[data-theme="dark"] .t6{background:#11291C;color:#5DD39A}
:root[data-theme="dark"] .big h1 s{color:#5E5C57}

/* formulário de diagnóstico */
:root[data-theme="dark"] .choice input:checked + span{background:#F2F0EB;color:#0E0E0F;border-color:#F2F0EB}
:root[data-theme="dark"] .choice input:checked + span small{color:#4A4844}
:root[data-theme="dark"] .chip input:checked + span{color:#0E0E0F}
:root[data-theme="dark"] .chip input:checked + span::before{color:#0E0E0F}
:root[data-theme="dark"] .box{box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}
:root[data-theme="dark"] .field input,
:root[data-theme="dark"] .field textarea{background:var(--soft)}
:root[data-theme="dark"] .field input:focus,
:root[data-theme="dark"] .field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,90,31,.2)}

/* janela do diagnóstico nas páginas de segmento */
:root[data-theme="dark"] .dm{background:#121214}
:root[data-theme="dark"] .dm-head b{color:var(--ink)}
:root[data-theme="dark"] .dm-x{background:transparent;border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] .dm-x:hover{background:#F2F0EB;color:#0E0E0F}
:root[data-theme="dark"] .dm-load{background:#121214}
:root[data-theme="dark"] .embed body{background:transparent}

/* botão de troca de tema */
.tema{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .3s}
.tema:hover{border-color:var(--ink);transform:rotate(-20deg)}
.tema svg{width:19px;height:19px}
.tema .sol{display:none}
:root[data-theme="dark"] .tema .sol{display:block}
:root[data-theme="dark"] .tema .lua{display:none}
.nav-cta{align-items:center}

/* troca suave quando a pessoa clica */
.tema-trocando,.tema-trocando *{transition:background-color .35s ease,color .35s ease,border-color .35s ease!important}

/* capas do blog: borda pra capa escura não sumir no fundo escuro */
:root[data-theme="dark"] .capa{box-shadow:0 0 0 1px var(--line)}

/* menu comum: página atual marcada e menu do celular */
.nav-links a[aria-current="page"]{color:var(--ink);font-weight:600;position:relative}
.nav-links a[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--orange)}
.menu-btn{display:none;width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s}
.menu-btn[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.menu-painel{border-top:1px solid var(--line);padding:12px 0 20px;display:flex;flex-direction:column;gap:14px;animation:menuIn .25s ease}
.menu-painel[hidden]{display:none}
@keyframes menuIn{from{opacity:0;transform:translateY(-6px)}}
.menu-links{display:flex;flex-direction:column}
.menu-links a{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:-.02em;text-decoration:none;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.menu-links a[aria-current="page"]{color:var(--orange-text)}
.menu-links a[aria-current="page"]::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}
.menu-cta{align-self:stretch}
.nav.menu-aberto{background:var(--bg)}
@media (max-width:960px){
  .menu-btn{display:inline-flex}
  .nav-cta{gap:8px}
}
@media (max-width:560px){
  .nav-cta .btn-main{min-height:44px;padding:0 14px;font-size:13.5px}
  .nav-cta .btn-ghost{display:none}
}
@media (min-width:961px){.menu-painel{display:none!important}}

/* rótulos de topo sem cara de "pílula de IA": texto editorial simples, sem moldura e sem bolinha */
.pill{background:none!important;border:0!important;padding:0!important;border-radius:0!important;gap:0!important;font-family:var(--mono);font-size:12.5px!important;font-weight:500!important;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)!important;box-shadow:none!important}
a.pill:hover{color:var(--orange-text)!important}
.pill .live,.pill .sep,.pill svg{display:none!important}
.tag-seg{padding:7px 12px!important}
.tag-seg::before{display:none!important}

/* ── menos cara de template (revisão de 06/10) ── */
/* botões chapados: sem brilho em volta e sem reflexo passando */
.btn-main,.btn-main:hover,:root[data-theme="dark"] .btn-main{box-shadow:none!important;transform:none!important}
.btn-main:hover{background:#FF7A45}
.btn-dark:hover{opacity:.88}
.btn-main::after,.btn-dark::after{display:none!important}
/* cantos menores nos blocos; botão continua redondo */
.card,.path,.manifesto,.final,.side-card,.person,.box,.frame,.cta-band,.news-grande,.fila,.dm,.cp-main,.feat-main .capa,.capa,.demo,.app,.choice span,.side-cta,.resumo,.capa-foto{border-radius:14px!important}
.cp-item .capa{border-radius:8px!important}
/* rótulos sem fonte mono em caixa alta (a mono fica só em data e categoria do blog) */
.mono,.pill,.count,.ex,.ex2,.tag-seg,.segtag,.fila .tag,.ultimas-tag,.ver,.side-cta .mono{font-family:var(--body)!important;text-transform:none!important;letter-spacing:0!important}
.mono,.pill{font-size:14px!important;font-weight:600!important}
.count{font-size:14px;font-weight:600}
/* nada de bolinha pulsando nem bloco subindo */
.entry.now time::before,.pill .live{animation:none!important}
.log.go .entry{animation:none!important}
.big h1 .dot{animation:none!important}
.frame{animation:none!important}
.final{animation:none!important}
.card:hover,.person:hover,.side-card:hover,.cap:hover,.steps .step:hover,.letter:hover,.place:hover,.kpi:hover,.feat-item:hover,.side-cta:hover{transform:none!important;box-shadow:none!important}
.place:hover .stamp,.trait:hover h3 svg,.card:hover .demo{transform:none!important}