:root, [data-bs-theme="light"] {
 
   
  /* Primary = Vermelho (AÇÃO / DESTAQUE) */
--brand-primary-hex: #0E3756; /* azul petróleo escuro */
--brand-primary-rgb: 11, 32, 49;

  /* Secondary = Cinza (NEUTRO / APOIO) */
--brand-secondary-hex: #46525E; /* azul ardósia */
--brand-secondary-rgb: 64, 80, 95;

  /* Accent = Laranja (ênfase pontual) */
--brand-accent-hex: #F9672D; /* laranja detalhe */
--brand-accent-rgb: 249, 103, 45;


  /* =============================
     KPI / CHARTS
  ============================= */
  --kpi-icon: var(--brand-primary-hex);
  --chart-cur: var(--brand-primary-hex);
  --chart-prev: #bfc5cd;
  --chart-cur-fill: rgba(255, 49, 49, .18);
  --chart-prev-fill: rgba(191,197,205,.22);


  /* =============================
     BOOTSTRAP TOKENS
  ============================= */

  --bs-primary: var(--brand-primary-hex);
  --bs-primary-rgb: var(--brand-primary-rgb);

  --bs-secondary: var(--brand-secondary-hex);
  --bs-secondary-rgb: var(--brand-secondary-rgb);

  /* Success / Warning usam accent */
  --bs-success: var(--brand-accent-hex);
  --bs-success-rgb: var(--brand-accent-rgb);

  --bs-warning: var(--brand-accent-hex);
  --bs-warning-rgb: var(--brand-accent-rgb);

  /* Info = secondary (cinza informativo) */
  --bs-info: var(--brand-secondary-hex);
  --bs-info-rgb: var(--brand-secondary-rgb);


  /* =============================
     LINKS
  ============================= */
  --bs-link-color: var(--brand-primary-hex);
  --bs-link-hover-color: color-mix(in srgb, var(--brand-primary-hex) 80%, black);



  /* =============================
     BACKGROUNDS
  ============================= */
  
  --bg-primary: var(--brand-primary-hex);
  --bg-secondary: var(--brand-secondary-hex);


  /* =============================
     TEXTS
  ============================= */
  
  --text-primary: var(--brand-primary-hex);
  --text-secondary: var(--brand-secondary-hex);

  /* =============================
     SUBTLE BACKGROUNDS
  ============================= */

  --bs-primary-bg-subtle: rgba(var(--brand-primary-rgb), .08);
  --bs-primary-border-subtle: rgba(var(--brand-primary-rgb), .28);

  --bs-secondary-bg-subtle: rgba(var(--brand-secondary-rgb), .10);
  --bs-secondary-border-subtle: rgba(var(--brand-secondary-rgb), .30);

  --bs-success-bg-subtle: rgba(var(--brand-accent-rgb), .10);
  --bs-success-border-subtle: rgba(var(--brand-accent-rgb), .30);

  --bs-info-bg-subtle: rgba(var(--brand-secondary-rgb), .10);
  --bs-info-border-subtle: rgba(var(--brand-secondary-rgb), .30);

  --bs-warning-bg-subtle: rgba(var(--brand-accent-rgb), .10);
  --bs-warning-border-subtle: rgba(var(--brand-accent-rgb), .30);


  /* =============================
     UBOLD
  ============================= */
  --tb-primary: var(--brand-primary-hex);
}





#landing-navbar {
  background: var(--brand-primary-hex);
}

a{
  color: var(--brand-primary-hex) !important;
}

a:hover,
a:focus{
  color: var(--brand-secondary-hex) !important;
}



.btn-primary{
  background-color: var(--brand-primary-hex);
  border-color: var(--brand-primary-hex);
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus{
  background-color: var(--brand-accent-hex);
  border-color: var(--brand-accent-hex);
  color: #ffffff !important;
}

.btn-secondary{
  background-color: var(--brand-secondary-hex);
  border-color: var(--brand-secondary-hex);
  color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary:focus{
  background-color: #4b5563; /* cinza mais escuro */
  border-color: #4b5563;
}

.text-primary,
.link-primary{
  color: var(--brand-primary-hex) !important;
}

.text-secondary{
  color: var(--brand-secondary-hex) !important;
}

.kpi-title{
  display:flex;
  align-items:center;
  gap:.5rem;
}

.kpi-title .kpi-ico,
.chart-title .chart-ico{
  width: 18px;
  height: 18px;
  color: var(--kpi-icon);
}

.chart-title{
  display:flex;
  align-items:center;
  gap:.5rem;
}

.card-kpi .h3,
.card-kpi .h4{
  letter-spacing: -0.2px;
}