.principles-page .principle-card {
    background-color: #AFC1AC !important;
}

.principles-page .principle-card:nth-child(5n+1) {
    background-color: #AFC1AC !important;
}

.principles-page .principle-card:nth-child(5n+2) {
    background-color: #CAA19C !important;
}

.principles-page .principle-card:nth-child(5n+3) {
    background-color: #9DA2C6 !important;
}

.principles-page .principle-card:nth-child(5n+4) {
    background-color: #91B7BF !important;
}

.principles-page .principle-card:nth-child(5n+5) {
    background-color: #C5B8AE !important;
}

.walkers-table tbody tr td {
    background-color: #AFC1AC !important;
}

.walkers-table tbody tr:nth-child(5n+1) td {
    background-color: #AFC1AC !important;
}

.walkers-table tbody tr:nth-child(5n+2) td {
    background-color: #CAA19C !important;
}

.walkers-table tbody tr:nth-child(5n+3) td {
    background-color: #9DA2C6 !important;
}

.walkers-table tbody tr:nth-child(5n+4) td {
    background-color: #91B7BF !important;
}

.walkers-table tbody tr:nth-child(5n+5) td {
    background-color: #C5B8AE !important;
}

/* Override hardcoded colors */
.principle-card:nth-child(2n),
.principle-card:nth-child(3n),
.principle-card:nth-child(4n),
.principle-card:nth-child(5n) {
}

/* Per-page text color settings */
.principles-page .principle-card .principle-title,
.principles-page .principle-card .principle-desc,
.principles-page .principle-card .principle-meta,
.principles-page .principle-card .principle-meta .meta-username {
    color: #ffffff !important;
}

.walkers-table,
.walkers-table th,
.walkers-table td,
.walker-username-link {
    color: #ffffff !important;
}

.auth-form,
.auth-form input,
.error-message {
    color: #333333 !important;
}

body,
.container,
.main-content {
    color: #ffffff !important;
}

/* Profile text color settings */
.profile-page .principle-title,
.profile-page .principle-desc{
    color: #000000 !important;
}

/* Prescription text color settings */
.landing-title,
.prescription-content,
.prescription-content h2,
.prescription-content h3,
.prescription-content p,
.prescription-content li{
    color: #000000 !important;
}

/* Navbar button colors and font size (prescription, principles, walkers) */
.nav-button {
    color: #ffffff !important;
    background-color: #8FD3FF !important;
    font-size: 11px !important;
}

.navbar .nav-link {
    color: #ffffff !important;
    background-color: #8FD3FF !important;
    font-size: 11px !important;
}

/* Profile and Login button colors and font size */
.nav-button.profile-btn {
    color: #ffffff !important;
    background-color: #f9a1b0 !important;
    font-size: 11px !important;
}

.nav-button.login-btn,
.auth-form .save-btn {
    color: #ffffff !important;
    background-color: #f9a1b0 !important;
    font-size: 11px !important;
}

/* Container background color settings */
body {
    background-color: #e3e6f5 !important;
}

.walkers-container {
    background-color: #fff3d6 !important;
}

.principles-bg {
    background-color: #fff3d6 !important;
}

.profile-info-block, .profile-principles-block {
    background-color: #fff3d6 !important;
}

.prescription-content {
    background-color: #fff3d6 !important;
}

/* Page-specific font families */
.prescription-page,
.prescription-page *,
.prescription-content {
    font-family: Roboto, cursive !important;
}

.signup-page,
.signup-page *,
.auth-box,
.auth-form input {
    font-family: Roboto, sans-serif !important;
}

.principles-page,
.principles-page *,
.principle-card {
    font-family: Roboto, sans-serif !important;
}

.profile-page,
.profile-page * {
    font-family: Roboto, sans-serif !important;
}

.walkers-page,
.walkers-page *,
.walkers-table {
    font-family: Roboto, sans-serif !important;
}