:root {
    --bs-primary: #e30613; /* Rojo */
    --bs-secondary: #333333; /* Gris oscuro */
    --bs-light: #f1f1f1; /* Gris claro */
    --bs-dark: #333333; /* Gris oscuro */  
    --bs-body-bg: white; /* Color de fondo */
    --bs-body-color: #333333; /* Color de texto */
    --bs-link-color: #e30613; /* Color de enlaces */
    --bs-btn-bg: #e30613; /* Color de fondo de botones */
    --bs-btn-border-color: #e30613; /* Color de borde de botones */
  
    /* Otros colores personalizados */
    --bs-success: #28a745;
    --bs-info: #17a2b8;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
  }
  
  .bg-body-tertiary {
    background-color: white !important;
  }
  
  .btn-bd-primary {
    background-color: #e30613 !important;
    border-color: #e30613 !important;
  }
  
  @media (prefers-color-scheme: light) {
    .theme-default {
        background-color: #222;
        color: #ccc;
    }
}
  .navbar {
    background-color: var(--bs-primary);
  }
  
  .btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
  }
  
  .btn-primary:hover {
    background-color: darken(var(--bs-primary), 10%);
    border-color: var(--bs-primary);
    color: var(--bs-dark);
  }

  a {
    color: var(--bs-primary);
  }