/* public/css/style.css */
body {
    font-family: Arial, sans-serif;
}
.card {
    border-radius: 15px;
}
.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
}

/* Estilos para organizar botones de acción en tablas */
.table-actions-cell {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    justify-content: flex-start;
    align-items: center;
}

/* Estilo para iconos dentro de botones */
.btn i.bi {
    vertical-align: middle;
    margin-right: 0.25rem;
}

/* Paleta de colores centralizada */
.bg-darkpurple { background-color: var(--color-darkpurple) !important; }
.bg-mountbatten { background-color: var(--color-mountbatten) !important; }
.bg-cambridge1 { background-color: var(--color-cambridge1) !important; }
.bg-cambridge2 { background-color: var(--color-cambridge2) !important; }
.bg-parchment { background-color: var(--color-parchment) !important; }

.text-darkpurple { color: var(--color-darkpurple) !important; }
.text-mountbatten { color: var(--color-mountbatten) !important; }
.text-cambridge1 { color: var(--color-cambridge1) !important; }
.text-cambridge2 { color: var(--color-cambridge2) !important; }
.text-parchment { color: var(--color-parchment) !important; }

.alert-success {
    background-color: var(--color-success) !important;
    color: #fff !important;
}
.alert-success:hover {
    background-color: var(--color-success-hover) !important;
}

.alert-danger {
    background-color: var(--color-danger) !important;
    color: #fff !important;
}
.alert-danger:hover {
    background-color: var(--color-danger-hover) !important;
}

.alert-warning {
    background-color: var(--color-warning) !important;
    color: #212529 !important;
}
.alert-warning:hover {
    background-color: var(--color-warning-hover) !important;
}

.alert-info {
    background-color: var(--color-info) !important;
    color: #fff !important;
}
.alert-info:hover {
    background-color: var(--color-info-hover) !important;
}