/* Arquivo CSS compilado para o tema personalizado */
/* Este arquivo seria gerado pelo processo de compilação */

:root {
  --primary-50: #e6f0ff;
  --primary-100: #cce0ff;
  --primary-200: #99c2ff;
  --primary-300: #66a3ff;
  --primary-400: #3385ff;
  --primary-500: #0066ff;
  --primary-600: #0052cc;
  --primary-700: #003d99;
  --primary-800: #002966;
  --primary-900: #001433;
}

/* Simulação do CSS compilado */
.filament-button, 
.filament-tables-pagination-item-button.bg-primary-500,
.filament-tables-filters-trigger.bg-primary-500,
.filament-link.text-primary-500,
.filament-tables-empty-state-action.bg-primary-500 {
  background-color: var(--primary-500);
  color: white;
}

.filament-button:hover,
.filament-tables-pagination-item-button:hover,
.filament-tables-filters-trigger:hover,
.filament-tables-empty-state-action:hover {
  background-color: var(--primary-600);
}

.filament-sidebar-item.active {
  background-color: var(--primary-500);
  color: white;
}

.filament-forms-field-wrapper-state-focus {
  border-color: var(--primary-500);
  box-shadow: 0 0 0 1px var(--primary-500);
}

.filament-link {
  color: var(--primary-500);
}

.filament-link:hover {
  color: var(--primary-700);
}

.filament-tabs-item[aria-selected="true"] {
  color: var(--primary-500);
  border-color: var(--primary-500);
}

.filament-main-topbar {
  background-color: white;
  border-bottom: 1px solid #e5e7eb;
}

.dark .filament-main-topbar {
  background-color: #1f2937;
  border-color: #374151;
}

.dark .filament-button, 
.dark .filament-tables-pagination-item-button.bg-primary-500,
.dark .filament-tables-filters-trigger.bg-primary-500,
.dark .filament-tables-empty-state-action.bg-primary-500 {
  background-color: var(--primary-500);
}

.dark .filament-sidebar-item.active {
  background-color: var(--primary-600);
}

/* Outros estilos que seriam gerados pelo processo de compilação */