body {
    background-color: white; /* Color de fondo claro */
    color: black;            /* Color de texto oscuro */
}

.container {
    padding: 20px;          /* Espaciado en el contenedor */
}

h1 {
    font-size: 2rem;        /* Tamaño de fuente para el título */
}

.btn {
    border-radius: 5px;     /* Bordes redondeados para los botones */
}

/* Estilos adicionales para formularios, tablas, etc. */
input, textarea, select {
    background-color: white; /* Color de fondo de los elementos de entrada */
    color: black;            /* Color de texto de los elementos de entrada */
    border: 1px solid #ccc;  /* Borde gris claro */
}

.btn-primary {
    background-color: #007bff; /* Color de fondo del botón primario */
    border-color: #007bff;     /* Color del borde del botón primario */
}

.btn-primary:hover {
    background-color: #0056b3; /* Color de fondo al pasar el ratón */
}

.card {
    background-color: white; /* Color de fondo para el tema claro */
    color: black; /* Color de texto para el tema claro */
}

.card-body {
    background-color: white; /* Fondo del cuerpo de la tarjeta */
    color: black; /* Color del texto dentro de la tarjeta */
}