/* Nome da marca (header e rodapé) */
.brand-word{font-family:"Sora","Urbanist","Segoe UI",system-ui,sans-serif;font-weight:600;letter-spacing:-.02em}
.brand{font-size:1rem}
.foot-brand .brand-word{font-weight:600}

/* Botão de alternar tema (aparece nos dois temas) */
.theme-toggle{order:5;flex:none;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--chalk);cursor:pointer;transition:border-color .2s,color .2s}
.theme-toggle:hover{border-color:var(--ash)}
.theme-toggle svg{width:20px;height:20px;grid-area:1/1;transition:opacity .2s,transform .35s}
.theme-toggle .i-sun{opacity:0;transform:rotate(-60deg) scale(.6)}
:root[data-theme="light"] .theme-toggle .i-moon{opacity:0;transform:rotate(60deg) scale(.6)}
:root[data-theme="light"] .theme-toggle .i-sun{opacity:1;transform:none}
@media(max-width:760px){
  .theme-toggle{order:1;margin-left:auto}
  .top .menu-toggle{order:2;margin-left:0}
  .site-nav{order:3}
}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle svg{transition:none}}

/* Fade curto ao trocar de tema (a classe é colocada pelo theme.js só durante a troca) */
html.theme-fade *,html.theme-fade *::before,html.theme-fade *::after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}

/* Tema claro. O topo com a foto continua escuro (a foto foi feita para fundo preto). */
:root[data-theme="light"]{
  --ink:#F7F7F4;
  --carbon:#FFFFFF;
  --line:#E2E2DB;
  --chalk:#111111;
  --ash:#5C5C5C;
  --teal:#007A3D;       /* verde da marca, escurecido para ter contraste sobre fundo claro */
  --teal-ink:#FFFFFF;
  --body-soft:#454545;  /* texto de apoio um pouco mais forte que --ash */
  color-scheme:light;
}
:root[data-theme="light"] body{background:radial-gradient(ellipse at 80% 0%,rgba(0,168,89,.07),transparent 38%),var(--ink)}

/* Topo com foto: mantém as cores do tema escuro */
:root[data-theme="light"] .hero-band{
  --ink:#0A0A0A;--carbon:#141414;--line:#262626;--chalk:#F5F5F5;--ash:#8A8A8A;--teal:#3DFF8F;--teal-ink:#0A0A0A;
  color:var(--chalk);color-scheme:dark;border-radius:0 0 28px 28px;
}
:root[data-theme="light"] .top{border-bottom-color:rgba(0,0,0,.08)}
:root[data-theme="light"] .hero-band .top{border-bottom-color:rgba(255,255,255,.08)}

/* Logo (V verde): escurecido para o mesmo verde do tema claro; no topo com foto continua o verde original */
:root[data-theme="light"] .brand-v,
:root[data-theme="light"] .foot-brand img{filter:brightness(.48)}
:root[data-theme="light"] .hero-band .brand-v{filter:none}

/* Textos que tinham cinza fixo */
:root[data-theme="light"] .proof li>span,
:root[data-theme="light"] .final-note,
:root[data-theme="light"] .flow-tools{color:var(--ash)}
:root[data-theme="light"] .offer p,
:root[data-theme="light"] .flow-desc,
:root[data-theme="light"] .testimonial blockquote,
:root[data-theme="light"] #projetos .proj .project-impact,
:root[data-theme="light"] .story-solution p{color:var(--body-soft)}

/* Superfícies e bordas */
:root[data-theme="light"] .proj:hover,
:root[data-theme="light"] #projetos .proj:hover{border-color:rgba(0,122,61,.4);box-shadow:0 14px 40px rgba(0,0,0,.07)}
:root[data-theme="light"] #projetos .proj:hover .project-image{border-color:rgba(0,122,61,.4)}
:root[data-theme="light"] .proj,
:root[data-theme="light"] #projetos .proj{background:var(--carbon)}
:root[data-theme="light"] .platform-badge,
:root[data-theme="light"] .proj .stack .platform-badge{border-color:var(--line);background:var(--ink)}
:root[data-theme="light"] .testimonial{background:radial-gradient(ellipse at top right,rgba(0,168,89,.07),transparent 70%),var(--carbon)}
:root[data-theme="light"] .client-mark{background:rgba(0,122,61,.08);border-color:rgba(0,122,61,.25)}
:root[data-theme="light"] .final{background:var(--carbon)}
:root[data-theme="light"] .flow-marker{box-shadow:0 0 0 5px rgba(0,122,61,.14)}
:root[data-theme="light"] .flow-step:not(:last-child)::after{background:linear-gradient(90deg,rgba(0,122,61,.5),rgba(0,122,61,.12))}
@media(max-width:640px){
  :root[data-theme="light"] .flow-step:not(:last-child)::after{background:linear-gradient(180deg,rgba(0,122,61,.5),rgba(0,122,61,.12))}
}
:root[data-theme="light"] .offer-btn:hover{border-color:var(--teal);color:var(--teal)}

/* Botão principal com brilho: continua escuro, é o ponto de destaque da página */
:root[data-theme="light"] .btn-main.shiny-cta{color:#F5F5F5;--shiny-highlight:#3DFF8F}
:root[data-theme="light"] .btn-main:not(.shiny-cta):hover{box-shadow:0 10px 40px -10px rgba(0,122,61,.5)}

/* Selo "Ampliar" sobre as imagens dos projetos (fundo escuro fixo) */
:root[data-theme="light"] .preview-label{color:#F5F5F5}
:root[data-theme="light"] .project-preview:hover .preview-label{color:#3DFF8F}

/* Botão fixo de WhatsApp no celular */
:root[data-theme="light"] .wa-float{box-shadow:0 14px 36px rgba(0,0,0,.25)}

/* Popup de imagem */
:root[data-theme="light"] .project-dialog{box-shadow:0 24px 80px rgba(0,0,0,.35)}