/* theme.css */
:root {
    /* Colores base */
    --bs-primary: #6366f1; /* un tono violeta-azul a lo Tailwind Indigo */
    --bs-success: #22c55e; /* estilo Tailwind Green */
    --bs-danger: #ef4444;  /* Tailwind Red */
    --bs-info: #0ea5e9;    /* Tailwind Sky */
    --bs-border-radius: 0.5rem; /* esquinas redondeadas */
    
    /* Ejemplo: background y texto */
    --bs-body-bg: #f9fafb; /* Gris muy claro al estilo Tailwind */
    --bs-body-color: #1f2937; /* Gris oscuro */
  }
  
  /* Botones con borde más suave, extra padding, etc. */
  .btn {
    padding: 0.7rem 1rem;
    border-radius: var(--bs-border-radius);
    border: none;
  }
  
  .btn-primary {
    background-color: var(--bs-primary);
    color: #fff;
  }
  .btn-primary:hover {
    filter: brightness(0.9);
  }
  
  /* Tarjetas con shadow suave y esquinas redondeadas */
  .card {
    border-radius: var(--bs-border-radius);
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  }
  
  /* Para la tabla: bordes suaves, header con color sutil */
  .table-bordered > :not(caption) > * > * {
    border-width: 1px !important;
  }
  .table thead {
    background-color: #f3f4f6; /* gris clarito */
    color: #374151;
  }
  
  /* List-group items con hover más notorio */
  .list-group-item-action:hover {
    background-color: #e5e7eb;
    color: #111827;
  }