/* Override PrimeVue styles while keeping default theme */
:root {
    --surface-ground: #ffffff; /* White background */
    --text-color: #000000; /* Black text */
    --primary-color: #007bff; /* Keep default primary color */
    --table-header-bg: #f8f9fa; /* Light gray table header */
}

/* Apply background and text color */
body {
    background-color: var(--surface-ground);
    color: var(--text-color);
}

/* Style the PrimeVue DataTable */
.p-datatable {
    background: var(--surface-ground);
    color: var(--text-color);
}

.p-datatable thead {
    background-color: var(--table-header-bg);
}

.p-datatable tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.p-datatable tbody tr:hover {
    background-color: #e6e6e6;
}