/* ==========================================================================
   CASJ — Theme tokens (Bootstrap 5.3 CSS-variable overrides)
   Fonte: Figma (variáveis extraídas via get_variable_defs)
   ========================================================================== */

:root {
  /* Cores institucionais CASJ */
  --casj-azul: #245699;
  --casj-azul-escuro: #124589;
  --casj-azul-rodape-bar: #013073;
  --casj-vermelho: #d9282f;
  --casj-amarelo: #ffc247;
  --casj-cinza-texto: #323232;
  --casj-light: #ffffff;

  /* Bootstrap overrides */
  --bs-primary: var(--casj-azul);
  --bs-primary-rgb: 36, 86, 153;
  --bs-danger: var(--casj-vermelho);
  --bs-danger-rgb: 217, 40, 47;
  --bs-body-color: var(--casj-cinza-texto);
  --bs-body-font-family: "Poppins", sans-serif;
  --bs-link-color: var(--casj-azul);
  --bs-link-hover-color: var(--casj-azul-escuro);

  /* Tipografia */
  --font-display: "Poppins", sans-serif;
  --font-body: "Poppins", sans-serif;
  --font-utility: "Manrope", sans-serif;

  /* Sombra padrão dos cards / header */
  --casj-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.1);
  --casj-shadow-soft: 0px 13px 19px 0px rgba(0, 0, 0, 0.07);

  /* Container central do Figma (1920 desktop, conteúdo útil 1459/1280px) */
  --casj-container-xl: 1459px;
  --casj-container-lg: 1280px;
}

.btn-primary {
  --bs-btn-bg: var(--casj-azul);
  --bs-btn-border-color: var(--casj-azul);
  --bs-btn-hover-bg: var(--casj-azul-escuro);
  --bs-btn-hover-border-color: var(--casj-azul-escuro);
}

.btn-danger {
  --bs-btn-bg: var(--casj-vermelho);
  --bs-btn-border-color: var(--casj-vermelho);
}

.text-casj-azul { color: var(--casj-azul) !important; }
.text-casj-vermelho { color: var(--casj-vermelho) !important; }
.bg-casj-azul { background-color: var(--casj-azul) !important; }
.bg-casj-azul-escuro { background-color: var(--casj-azul-escuro) !important; }
.bg-casj-vermelho { background-color: var(--casj-vermelho) !important; }

/* Container custom que reflete a largura real de conteúdo do Figma (1459px) */
.container-casj {
  width: 100%;
  max-width: calc(var(--casj-container-xl) + 3rem);
  margin-inline: auto;
  padding-inline: 1.5rem;
}

/* Variante mais estreita (1280px) — usada por seções cujo box no Figma
   é inset em relação ao container padrão (Diferenciais, Números, Notícias) */
.container-casj-lg {
  width: 100%;
  max-width: calc(var(--casj-container-lg) + 3rem);
  margin-inline: auto;
  padding-inline: 1.5rem;
}