/* ==========================================================================
   OLD LAB: Tema AZUL (variante de teste da LP1)
   Base institucional navy como superfície dominante; formulário em card
   branco para contraste máximo no ponto de conversão.
   Carregar DEPOIS de oldlab.css. Só usa cores da escala do Style Guide.
   ========================================================================== */

:root {
  --bg: var(--ol-navy-deep);        /* #0C2340 */
  --bg-alt: var(--ol-navy);         /* #173B63: seções alternadas */
  --bg-elev: var(--ol-navy);        /* cards */
  --bg-institutional: var(--ol-navy);
  --border: rgba(156, 171, 184, 0.3);
  --border-strong: rgba(156, 171, 184, 0.55);
}

.site-header.is-scrolled {
  background: rgba(12, 35, 64, 0.94);
}

/* Pattern LL em branco sobre navy (pattern institucional do BrandBook) */
.ll-pattern { filter: brightness(0) invert(1); opacity: 0.05; }
.ll-pattern--corner { opacity: 0.07; }

/* ---- Formulário: card branco sobre navy ---- */
.form-card {
  background: var(--ol-white);
  border: none;
}
.form-card .h3,
.form-card .body-copy { color: var(--ol-ink); }
.form-card .small { color: var(--ol-gray-dark); }
.form-card .field label { color: var(--ol-gray-dark); }
.form-card .field input,
.form-card .field select {
  background: var(--ol-offwhite);
  border-color: var(--ol-gray-light);
  color: var(--ol-ink);
}
.form-card .field input::placeholder { color: var(--ol-gray-dark); opacity: 0.8; }
.form-card .field select:invalid { color: var(--ol-gray-dark); }
.form-card .field input:hover,
.form-card .field select:hover { border-color: var(--ol-gray); }
.form-card .field input:focus,
.form-card .field select:focus { border-color: var(--ol-gray-dark); }
.form-card .field .error-msg,
.form-card [data-form-error] { color: var(--ol-red-press) !important; }
.form-card :focus-visible { outline-color: var(--ol-ink); }

/* ---- Cards da esteira de cases (sem preto: só tons de azul da escala) ---- */
.case-metric {
  background: var(--ol-navy-deep);
  border-color: rgba(156, 171, 184, 0.35);
}
.case-cta { background: var(--ol-navy-deep); }

/* CTA final se destaca do fundo navy-deep */
.final-cta { background: var(--ol-navy); }

/* Rodapé mantém navy-deep: separação por linha */
.site-footer { background: var(--ol-navy-deep); border-top: 1px solid var(--border); }