body {
    background-color: white !important;
    color: #2c2c2c;
    font-family: "Open Sans", sans-serif;
}

.navbar-header {
    background-color: #000 !important;
    /* black header bar */
    color: white;
    padding: 10px 20px;
}

.navbar {
    background-color: #274185 !important;
    /* deep blue bar */
    border-bottom: 2px solid #F28F0B;
}

.navbar a,
.navbar-brand,
.dropdown-item {
    color: white !important;
    font-weight: bold;
}

.card {
    background-color: white !important;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.card-body {
    color: #2c2c2c;
}

.table th,
.table td {
    color: #2c2c2c !important;
}

/* Buttons */
.btn-primary {
    background-color: #274185;
    border-color: #274185;
}

.btn-secondary {
    background-color: #F28F0B;
    border-color: #F28F0B;
    color: black;
}

/* Notes and Percentile styling override if needed */
.badge-percentile {
    font-weight: bold;
    border-radius: 6px;
    padding: 2px 8px;
    color: black;
}