/* @import 'flowbite.css'; */

:root {

--color-primary: var(--color-cyan-500);
--color-success: #10B981;
--color-danger: #EF4444;
--color-warning: #F59E0B;
--color-info: var(--color-sky-500);
--color-light: #F3F4F6;
--color-dark: #1F2937;
}

/* PRIMARY */

.bg-primary {
    background-color: var(--color-primary);
  }


/* TEXTO */

  .text-primary {
    color: var(--color-primary);
  }


  /* SUCESS */

.bg-success {
background-color: var(--color-success);
}

.text-success {
color: var(--color-success);
}

/* DANGER */

.bg-danger {
    background-color: var(--color-danger);
    }

.text-danger {
color: var(--color-danger);
}

/* WARNING */

.bg-warning {
    background-color: var(--color-warning);
    }

.text-warning {
color: var(--color-warning);
}

/* INFO */

.bg-info {
    background-color: var(--color-info);
    }

.text-info {
color: var(--color-info);
}

/* LIGHT */

.bg-light {
    background-color: var(--color-light);
    }

.text-light {
color: var(--color-light);
}

/* DARK */

.bg-dark {
    background-color: var(--color-dark);
    }

.text-dark {
color: var(--color-dark);
}   
.bg-emoji {
  background-color: #FFCC29;
}

/* Largura mínima para o select de quantidade por página */
.dataTables_length select {
  min-width: 80px;
}

/* Garantir que o texto de informação mude de cor no dark mode */
html.dark .dt-info,
html.dark .dataTables_info {
  color: #FFFFFF !important;
}

html:not(.dark) .dt-info,
html:not(.dark) .dataTables_info {
  color: #374151 !important;
}