/* Controles e cores compartilhados por todas as páginas. */
:root{color-scheme:dark}
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
  min-height:44px;padding:.45rem .7rem;border:1px solid var(--line-2);
  border-radius:999px;color:var(--text);font:700 .78rem/1 var(--font-body);
  white-space:nowrap;transition:background .2s,border-color .2s;
}
.theme-toggle:hover{background:var(--surface);border-color:var(--accent)}
.theme-toggle-icon{font-size:1.1rem;line-height:1}

html[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f5f0;
  --bg-deep:#ece9e2;
  --surface:#fff;
  --surface-2:#eeebe4;
  --line:rgba(27,34,40,.14);
  --line-2:rgba(27,34,40,.28);
  --text:#1c242b;
  --muted:#505960;
  --accent:#ff5a1f;
  --accent-2:#ff7a45;
  --ink:#160b02;
  --star:#8b6200;
}

html[data-theme="light"] .header.scrolled{background:rgba(247,245,240,.92)}
html[data-theme="light"] .btn-ghost:hover{background:rgba(27,34,40,.05)}
html[data-theme="light"] .hero::before,
html[data-theme="light"] .service-page .service-hero::before,
html[data-theme="light"] .seo-page .seo-hero::before,
html[data-theme="light"] .consultoria-page .consultoria-hero::before{
  background-image:radial-gradient(rgba(27,34,40,.11) 1px,transparent 1px);
}
html[data-theme="light"] .hero-bg-word{-webkit-text-stroke-color:rgba(27,34,40,.09)}
html[data-theme="light"] .foot-brand{-webkit-text-stroke-color:rgba(27,34,40,.35)}
html[data-theme="light"] .field-err{color:#a32929}
html[data-theme="light"] .field.invalid input,
html[data-theme="light"] .field.invalid select{border-color:#a32929}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:#c2beb6}

/* Texto escuro sobre os blocos laranja no modo claro. */
html[data-theme="light"] .case-card--cta .case-tag,
html[data-theme="light"] .case-card--cta .case-info p,
html[data-theme="light"] .case-card--cta h3 em{color:var(--ink)}
html[data-theme="light"] .serp-avatar{background:#f0f1f2}
html[data-theme="light"] .serp-card,
html[data-theme="light"] .site-preview,
html[data-theme="light"] .maps-phone,
html[data-theme="light"] .perf-panel{
  box-shadow:0 24px 58px rgba(27,34,40,.16);
}
html[data-theme="light"] .seo-note,
html[data-theme="light"] .consultoria-note{color:var(--muted)}
html[data-theme="light"] .local-sim .sim-button.is-active,
html[data-theme="light"] .posts-card .post-tab.is-active{
  background:#1c242b;border-color:#1c242b;color:#fff;
}

/* A simulação de usabilidade segue a paleta da página no modo claro. */
html[data-theme="light"] .usabilidade-visual{
  background:linear-gradient(180deg,#fff,#eeebe4);
  box-shadow:0 24px 72px rgba(27,34,40,.14);
}
html[data-theme="light"] .usabilidade-visual .screen-top span,
html[data-theme="light"] .usabilidade-visual .nav-box .dots span{background:rgba(27,34,40,.18)}
html[data-theme="light"] .usabilidade-visual .screen-top span:first-child{background:var(--accent)}
html[data-theme="light"] .usabilidade-visual .nav-box,
html[data-theme="light"] .usabilidade-visual .panel,
html[data-theme="light"] .usabilidade-visual .score,
html[data-theme="light"] .usabilidade-steps li{background:rgba(255,255,255,.65)}
html[data-theme="light"] .usabilidade-visual .score{border-color:var(--line-2)}

@media(max-width:700px){
  .theme-toggle{width:44px;padding:0;flex:none}
  .theme-toggle-text{display:none}
  .header-actions{gap:.45rem}
  .header-inner{gap:.5rem}
}