/* === theme.css.php (dinâmico) === */
:root{
  /* Bootstrap tokens */
  --bs-primary: #002de0;
  --bs-primary-rgb: 0,45,224;

  /* Tokens do seu tema/painel */
  --lp-primary: #002de0;
  --lp-primary-rgb: 0,45,224;
}

/* Utilidades padrão que usam a variável */
a,
.link-primary{ color: var(--bs-primary); }

.btn-primary,
.btn.btn-primary{
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-outline-primary{
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-outline-primary:hover{
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
}

.bg-primary{ background-color: var(--bs-primary) !important; }
.border-primary{ border-color: var(--bs-primary) !important; }
.text-primary{ color: var(--bs-primary) !important; }

/* Componentes custom que dependem da primária */
.grad-line{
  height: 3px;
  width: 120px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--bs-primary), rgba(255,255,255,.15));
}

/* Exemplos de uso de *-rgb com transparência controlada */
.btn-primary,
.card:hover{
  box-shadow: 0 10px 20px rgba(var(--bs-primary-rgb), .25);
}

/* Você pode referenciar --lp-primary e --lp-primary-rgb nos seus CSS:
   background: var(--lp-primary);
   box-shadow: 0 6px 18px rgba(var(--lp-primary-rgb), .12);
*/