/* ============================================================
   Vitor Guia — Estilos locais (mínimos)
   Todo o restante usa componentes nativos do Bootstrap 5.3.8.
   Referência de design: sepbit.com — monocromático em tons de cinza
   Base: fundo #5f666e (escuro) · #f8f9fa (claro) — ajustado para contraste AA
   ============================================================ */

/* Fonte compartilhada pelos dois temas */
:root {
  --bs-body-font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Tema escuro — base #5f666e, texto #f8f9fa (navbar, hero, rodapé) */
[data-bs-theme="dark"] {
  --bs-primary: #f8f9fa;
  --bs-primary-rgb: 248, 249, 250;

  --bs-body-bg: #5f666e;
  --bs-body-bg-rgb: 95, 102, 110;
  --bs-body-color: #f8f9fa;
  --bs-body-color-rgb: 248, 249, 250;

  --bs-heading-color: #ffffff;
  --bs-secondary-color: #e6e8ea;
  --bs-secondary-color-rgb: 230, 232, 234;
  --bs-secondary-rgb: 230, 232, 234;
  --bs-tertiary-bg: #565e64;
  --bs-tertiary-bg-rgb: 86, 94, 100;
  --bs-border-color: #8a9199;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.18);

  --bs-link-color: #f8f9fa;
  --bs-link-color-rgb: 248, 249, 250;
  --bs-link-hover-color: #ffffff;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
}

/* Tema claro — invertido: fundo #f8f9fa, texto #646b72 */
[data-bs-theme="light"] {
  --bs-primary: #495057;
  --bs-primary-rgb: 73, 80, 87;

  --bs-body-bg: #f8f9fa;
  --bs-body-bg-rgb: 248, 249, 250;
  --bs-body-color: #646b72;
  --bs-body-color-rgb: 100, 107, 114;

  --bs-heading-color: #343a40;
  --bs-secondary-color: #676e76;
  --bs-secondary-color-rgb: 103, 110, 118;
  --bs-secondary-rgb: 103, 110, 118;
  --bs-tertiary-bg: #eef0f3;
  --bs-tertiary-bg-rgb: 238, 240, 243;
  --bs-border-color: #d6d9de;
  --bs-border-color-translucent: rgba(73, 80, 87, 0.2);

  --bs-link-color: #495057;
  --bs-link-color-rgb: 73, 80, 87;
  --bs-link-hover-color: #343a40;
  --bs-emphasis-color: #212529;
  --bs-emphasis-color-rgb: 33, 37, 41;
}

/* Navbar: leve transparência + sombra sutil ao rolar (classe .scrolled via main.js) */
#mainNav {
  background-color: rgba(95, 102, 110, 0.85);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

#mainNav.scrolled {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.10), 0 10px 30px rgba(0, 0, 0, 0.30);
}

/* Deslocamento de âncora: evita que o topo das seções fique sob a navbar sticky
   (o Bootstrap 5.3 não traz utilitários scroll-margin; verificado no CDN) */
[id] {
  scroll-margin-top: 76px;
}

/* No tema escuro o destaque é branco — badges usam texto escuro para contraste */
[data-bs-theme="dark"] .text-bg-primary {
  color: #212529 !important;
  background-color: var(--bs-primary) !important;
}

/* Cor de seleção coerente com a paleta */
::selection {
  background-color: rgba(248, 249, 250, 0.35);
  color: #000000;
}