.roboto-light {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.roboto-semibold {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.banner-section {
    --background: url(../img/banner-bg.avif) no-repeat 50% 50%/cover;
    background-color: #264c51;
}
.banner-wrapper {
    --background: rgba(255,255,255,0.8);
}
div[class^="step-"],
.prompt-result {
    display: none;
}
div[class^="step-"].active {
    display: block;
    opacity: 0;
    animation: fadeIn 1s ease-in forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Restore Bootstrap borders for DataTables */
table.dataTable.table-bordered > thead > tr > th,
table.dataTable.table-bordered > tbody > tr > td {
    border: 1px solid #dee2e6 !important; /* Bootstrap border color */
}

table.dataTable.table-bordered {
    border: 1px solid #dee2e6 !important;
}