/**
 * Tema BP sobre a home de vagas Emprega — só tokens/cores/tipografia.
 * Não altera markup dos cards/filtros/banners.
 */
:root {
  --ink: var(--bp-black, #000000);
  --paper: var(--bp-white, #ffffff);
  --bg: var(--bp-bg, #f5f7f9);
  --card: var(--bp-bg-elevated, #ffffff);
  --text: var(--bp-text, #1a1d21);
  --muted: var(--bp-text-muted, #5c6570);
  --primary: var(--bp-green, #00bf63);
  --primary-hover: var(--bp-green-hover, #00a656);
  --secondary: var(--bp-green-soft, #5ef7a5);
  --primary-light: #8ef5c4;
  --primary-light-strong: #b8fad9;
  --primary-text: #000000;
  --border: var(--bp-border, rgba(0, 0, 0, 0.08));
  --surface-hover: var(--bp-green-tint, rgba(0, 191, 99, 0.1));
  --accent-soft: rgba(0, 191, 99, 0.18);
  --radius: var(--bp-radius, 16px);
}

body.page-home {
  font-family: var(--bp-font, "Poppins", system-ui, sans-serif);
  background: var(--bp-bg, #f5f7f9);
  color: var(--bp-text, #1a1d21);
  /* Espaço do header sticky BP */
  padding-top: 0;
}

body.page-home .bp-header {
  /* Garante que o chrome BP prevaleça sobre estilos Emprega de .topbar */
  font-family: var(--bp-font, "Poppins", system-ui, sans-serif);
}

/* Conteúdo da home Emprega dentro do shell BP */
body.page-home main.container.bp-vagas-home-main,
body.page-home .bp-vagas-home-main.container {
  width: min(1120px, 92%);
  margin: 0 auto;
  padding: calc(var(--bp-header-h, 68px) + 12px) 0 28px;
}

body.page-home .home-hero__accent {
  color: var(--bp-green, #00bf63);
}

body.page-home .btn-primary {
  background: var(--bp-green, #00bf63);
  color: #000;
}

body.page-home .btn-primary:hover,
body.page-home .btn-primary:focus-visible {
  background: var(--bp-green-hover, #00a656);
}

/* Footer BP: coluna extra de vagas não quebra o grid */
.bp-footer__links a[aria-current="page"] {
  color: var(--bp-green, #00bf63);
  font-weight: 600;
}