/*assets/css/theme.css*/

/* # Dark mode */

/* Paleta para Dark Mode */
[data-bs-theme="dark"] {
  /* Tokens semânticos sobrepostos para o tema escuro */
  --color-ardosia:   #1e2330;
  --color-menta:     #1a3a27;  /* versão escura do mint para hover no dark */
  --color-ambar:     #f59e0b;  /* âmbar mais claro para legibilidade no escuro */

  --bg-page:    #1e2330;       /* --color-ardosia: mais quente que #0f1115 */
  --card-bg:    #151822;
  --text-color: #e5e7eb;
  --muted-color:#9aa4b2;
  --divider:    rgba(255, 255, 255, 0.12);

  --skeleton-bg:      #2b3035;
  --skeleton-shimmer: #3a4046;

  /* Teal da marca — valor original #0b3534 é invisível sobre fundo escuro */
  --cro-teal: #4ecdc4;
  --cro-dark: #4ecdc4;
}

/* Ajuste de Contraste para Status no Dark Mode */
[data-bs-theme="dark"] .text-primary {
  color: #3ea6ff !important;
} /* Azul mais vibrante */
[data-bs-theme="dark"] .text-warning {
  color: #ffca28 !important;
} /* Amarelo mais visível */
[data-bs-theme="dark"] .text-danger {
  color: #ff6b6b !important;
} /* Vermelho menos agressivo */
[data-bs-theme="dark"] .text-success {
  color: #69db7c !important;
} /* Verde esmeralda */
[data-bs-theme="dark"] .text-secondary {
  color: #9aa4b2 !important;
} /* Cinza claro para elementos secundários */
[data-bs-theme="dark"] .text-info {
  color: #5bc0de !important;
} /* Azul claro para informações */
[data-bs-theme="dark"] .text-muted {
  color: #9aa4b2 !important;
} /* Cinza claro para texto secundário */
[data-bs-theme="dark"] .text-dark {
  color: #e5e7eb !important;
} /* Branco suave para texto escuro */

[data-bs-theme="dark"] .btn-soft-danger {
  color: var(--text-color) !important;
}

[data-bs-theme="dark"] .btn-close {
  filter: invert(1) grayscale(1);
  opacity: 0.8;
}

[data-bs-theme="dark"] .table {
  --bs-table-striped-bg: rgba(0, 0, 0, 0.2);
}

/* Drawer global de detalhes: mantém largura e fundo alinhados ao tema atual */
#offcanvasDetails {
  --bs-offcanvas-width: 450px;
  --bs-offcanvas-bg: var(--bs-tertiary-bg);
}

/* Ajuste específico para o Drawer no Dark Mode */
[data-bs-theme="dark"] .offcanvas {
  background-color: #1a1d20; /* Tom de cinza profundo do Bootstrap Dark */
  border-left: 1px solid #343a40;
}

[data-bs-theme="dark"] .list-group-item {
  background-color: #212529;
  color: #dee2e6;
  border-color: #343a40;
}

[data-bs-theme="dark"] .badge-status-em_andamento,
[data-bs-theme="dark"] .badge-status-andamento {
  background: rgba(245, 158, 11, 0.25);
  color: #fbbf24;
}

[data-bs-theme="dark"] .badge-status-aguardando,
[data-bs-theme="dark"] .badge-status-aguardando_usuario {
  background: rgba(139, 92, 246, 0.25);
  color: #a78bfa;
}

/* Dark mode: gradiente mais escuro para reduzir contraste agressivo */
[data-bs-theme="dark"] .auth-wrapper {
  background: linear-gradient(135deg, #051a19 0%, #0d2e1f 50%, #051210 100%);
}

/* skeleton dark vars consolidados no bloco principal acima */

[data-bs-theme="dark"] .badge-warning {
  background: rgba(255, 193, 7, 0.25);
  color: #fff;
}

[data-bs-theme="dark"] .btn-soft-warning {
  color: var(--text-color) !important;
}

/* Alerts — dark mode: textos escuros (#664d03, #198754, #dc3545) ficam invisíveis */
[data-bs-theme="dark"] .alert-warning {
  color: #ffd966;
  background: rgba(255, 193, 7, 0.15);
  border-color: rgba(255, 193, 7, 0.25);
}

[data-bs-theme="dark"] .alert-success {
  color: #6bcf7f;
  background: rgba(25, 135, 84, 0.12);
  border-color: rgba(25, 135, 84, 0.22);
}

[data-bs-theme="dark"] .alert-danger {
  color: #f08080;
  background: rgba(220, 53, 69, 0.12);
  border-color: rgba(220, 53, 69, 0.22);
}

[data-bs-theme="dark"] .alert-primary {
  color: #5ba5f0;
  background: rgba(13, 110, 253, 0.12);
  border-color: rgba(13, 110, 253, 0.22);
}

/* ── Toasts — dark mode ─────────────────────────────────────────
   Acentos mais brilhantes para contraste sobre --card-bg escuro.
   Sombra mais pesada para elevação visual no fundo escuro.
──────────────────────────────────────────────────────────────── */
[data-bs-theme="dark"] #toast-container .toast--success { --accent: #4ade80; }
[data-bs-theme="dark"] #toast-container .toast--error   { --accent: #f87171; }
[data-bs-theme="dark"] #toast-container .toast--warning { --accent: #fbbf24; }
[data-bs-theme="dark"] #toast-container .toast--info    { --accent: #60a5fa; }

[data-bs-theme="dark"] #toast-container .toast {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
}