html, .navbar {
    background-color: #F9F9F9; /* Updated to Off-White */
    color: #333333; /* Deep Charcoal for text */
}

.button.is-primary {
    background-color: #FF7F50; /* Warm Orange for call-to-action buttons */
    border-color: #FF7F50;
    color: #FFFFFF; /* Ensure text is readable */
}

.hero.is-info.is-bold {
    background-image: none;
    background-color: #EDE0D4; /* Soft beige for headers */
    color: #333333; /* Deep Charcoal for text */
}

@media screen and (min-width: 1081px) {
    .hero.is-info.is-bold {
        background-image: url('../images/mobile-app.jpg'); 
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
    }

    .hero.is-info.is-bold .hero-body {
        padding-right: 384px;
    }
}

.input.is-danger {
    border-color: #FF7F50; /* Warm Orange for error indication */
}

.notification.is-success {
    background-color: #6FCF97; /* Soft Green for success messages */
    color: #FFFFFF; /* Ensure text is readable */
}

.highlight {
    background-color: #FFD700; /* Sunshine Yellow for highlights */
    color: #333333; /* Deep Charcoal for text */
}