:root,
:host,
[data-bs-theme=light] {
  --tblr-primary: #0dbee8;
  --tblr-primary-rgb: 13, 190, 232;
  --tblr-primary-fg: var(--tblr-light);
  --tblr-primary-darken: #0cacce;
  --tblr-primary-lt: #e6f8fc;
  --tblr-primary-lt-rgb: 230, 248, 252;
  
  /* Atualiza a cor azul (que é usada como base para primary) */
  --tblr-blue: #0dbee8;
  --tblr-blue-rgb: 13, 190, 232;
  --tblr-blue-fg: var(--tblr-light);
  --tblr-blue-darken: #0cacce;
  --tblr-blue-lt: #e6f8fc;
  --tblr-blue-lt-rgb: 230, 248, 252;
  
  /* Atualiza também a cor tabler que é usada em alguns elementos */
  --tblr-tabler: #0dbee8;
  --tblr-tabler-rgb: 13, 190, 232;
  --tblr-tabler-fg: var(--tblr-light);
  --tblr-tabler-darken: #0cacce;
  --tblr-tabler-lt: #e6f8fc;
  --tblr-tabler-lt-rgb: 230, 248, 252;
}

/* Atualizando alguns elementos específicos que usam a cor primária diretamente */
.status-primary {
  --tblr-status-color: #0dbee8;
  --tblr-status-color-rgb: 13, 190, 232;
}

.status-blue {
  --tblr-status-color: #0dbee8;
  --tblr-status-color-rgb: 13, 190, 232;
}

.toast-blue,
.toast-primary,
.toast-tabler {
  --tblr-toast-color: #0dbee8;
}

/* Elementos de fundo com gradiente */
.bg-gradient-primary {
  background-image: linear-gradient(to right, #0dbee8, #58d8f3) !important;
}

/* Botões com hover estado */
.btn-primary:hover {
  background-color: #0cacce;
  border-color: #0bacce;
}

/* Animações e transições mais suaves para elementos interativos */
.btn, .nav-link, .card, .form-control {
  transition: all 0.3s ease;
}

/* Sombras mais pronunciadas para cards em hover */
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(13, 190, 232, 0.1) !important;
}

/* Efeitos modernos para botões */
.btn-primary {
  box-shadow: 0 4px 10px rgba(13, 190, 232, 0.2);
}

.btn-primary:hover {
  box-shadow: 0 6px 15px rgba(13, 190, 232, 0.3);
}

/* Melhorias visuais para status e badges */
.badge, .status {
  font-weight: 500;
  letter-spacing: 0.5px;
}

/* Placeholders com transição suave */
::placeholder {
  transition: opacity 0.3s;
}

input:focus::placeholder {
  opacity: 0.6;
}

/* Adiciona efeito suave nos links */
a {
  transition: color 0.3s, text-decoration 0.3s;
}

/* Bordas arredondadas mais evidentes para elementos interativos */
.card, .form-control, .btn, .dropdown-menu, .badge, .status {
  border-radius: 0.5rem;
}

/* Melhoria no contraste para texto em planos de fundo coloridos */
.text-bg-primary, .bg-primary {
  color: white !important;
}