/* Tema Raul Negri Advogados - sobrescreve variaveis CSS do Bootstrap com a paleta do escritorio */

:root {
  /* Paleta do briefing */
  --cor-fundo-principal: #1a1a1a;
  --cor-fundo-secundario: #333333;
  --cor-texto: #f2f2f2;
  --cor-destaque: #7c7b69;
  --cor-detalhe-secundario: #adaaa4;

  /* Tipografia - fontes finas, servidas localmente (library/google-fonts/ e library/fonts/) */
  --fonte-titulo: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --fonte-corpo: 'Jost', 'Segoe UI', sans-serif;

  /* Sobrescreve variaveis do Bootstrap 5.3 */
  --bs-body-bg: var(--cor-fundo-principal);
  --bs-body-color: var(--cor-texto);
  --bs-body-font-family: var(--fonte-corpo);
  --bs-body-font-weight: 300;
  --bs-primary: var(--cor-destaque);
  --bs-secondary: var(--cor-detalhe-secundario);
  --bs-border-color: var(--cor-detalhe-secundario);
  --bs-link-color: var(--cor-destaque);
  --bs-link-hover-color: var(--cor-detalhe-secundario);
  --bs-heading-color: var(--cor-texto);
}

body {
  font-family: var(--fonte-corpo);
  font-weight: 300;
  letter-spacing: 0.02em;
}

h1, h2, h3, h4,
.fonte-titulo {
  font-family: var(--fonte-titulo);
  font-weight: 100;
  letter-spacing: 0.01em;
}

.secao-fundo-secundario {
  background-color: var(--cor-fundo-secundario);
}

.secao-fundo-principal {
  background-color: var(--cor-fundo-principal);
}