/* Navbar Colors */
.navbar {
    background: rgba(255, 255, 255, 0.7); /* Slightly more transparent */
    backdrop-filter: blur(4px); /* Increased blur for a modern effect */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Softer, larger shadow */
}
.navbar a {
    color: #2c3e50 !important; /* Sleek dark blue-gray */
}

.bg-dark{
    /*background-color: #282252 !important; /* Soft off-white */
    background: linear-gradient(135deg, #282252, #1C3F91) !important;
}

/* Page-Specific Backgrounds */
#privacy {
    background: linear-gradient(135deg, #8D7CF5 0%, #A1D4FF 100%);

}

#terms {
    background: linear-gradient(135deg, #48c6ef 0%, #6fedd6 100%); /* Cool blue to aqua gradient */
}

#delete {
    background: linear-gradient(135deg, #005F73 0%, #0A9396 50%, #94D2BD 100%);
}

.hero {
    /*background: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);*/
    background: linear-gradient(135deg, #A3BCE4 0%, #C9A3C7 100%);
    color: #3f2b6c; /* Dark blue-gray for better contrast */
}

.middle-div{
    /*background: linear-gradient(135deg, #9484d1 0%, #b380d6 50%, #ffbb76 100%);*/
    background: linear-gradient(135deg, #7A65C7 0%, #A55BD4 50%, #FF9B54 100%);

}

.inner-div, .inner-div2{
    background-color: #000;
}

.gradient-text {
    /*background: linear-gradient(135deg, #543A8F 0%, #7A3CA8 50%, #D7613C 100%);*/
    background: linear-gradient(135deg, #302152 0%, #683291 50%, #2f7ead 100%);
    -webkit-background-clip: text; /* Ensures the background gradient clips to the text */
    -webkit-text-fill-color: transparent; /* Makes the text itself transparent */
    background-clip: text; /* Ensures compatibility for other browsers */
    text-fill-color: transparent; /* Compatibility for non-WebKit browsers */
}



.bg-dark h2 {
    color: #e7edfe;
}
.bg-dark h3 {
    color: #FFFFFF;
}
.bg-dark p, .bg-dark ul {
    color: #FFFFFF;
    opacity: 0.5;
}

/* Footer Colors */
footer {
    background: #1a1636; /* Dark blue */
    color: #ecf0f1; /* Soft white for better readability */
}
footer a {
    color: #8ec5fc; /* Matches hero gradient */
    text-decoration: underline; /* Modern link styling */
}

/* Nutrition Animation Module Colors */
.animated-box {
    background: #f7f9fc; /* Matches light background for consistency */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add subtle shadow */
}

.text-field{
    color: #819cb7;
}

.sub-box {
    background: #fdcb6e; /* Warm amber for contrast */
    border: 1px solid #FFF;
}

.loader {
    border: 1px solid rgba(173, 216, 230, 0.3); /* Light pastel blue */
    border-top: 5px solid #74b9ff; /* Bright accent blue */
}

.text-field input:disabled {
    background: #e3eaf2; /* Soft muted blue-gray */
    color: #95a5a6; /* Light gray for disabled text */
}

/* Features */

.feature-nutrition-tracking {
    border: 30px solid #FF6F61; /* Coral with warmth and energy */
}

.feature-body-metrics {
    border: 30px solid #4CAF50; /* Fresh, vibrant green */
}

.feature-personal-goals {
    border: 30px solid #673AB7; /* Dynamic purple tones */
}

.feature-nutritional-focus {
    border: 30px solid #FF9800; /* Lively orange tones */
}

.feature-free-chat {
    border: 30px solid #03A9F4; /* Crisp aqua blue */
}

.feature-daily-insights {
    border: 30px solid #E91E63; /* Bold magenta for engagement */
}

.feature-analytics {
    border: 30px solid #009688; /* Energetic teal shades */
}

.feature-personal-details {
    border: 30px solid #FFC107; /* Bright and optimistic yellow */
}

.feature-settings {
    border: 30px solid #3F51B5; /* Vibrant indigo tones */
}

.feature-ultimate-tier {
    border: 30px solid #6A1B9A; /* Luxurious violet shades */
}

.feature-nutrition-detail {
    border: 30px solid #CDDC39; /* Refreshing lime greens */
}

.feature-theme {
    border: 30px solid #00BCD4; /* Modern light blues */
}

.sore-container-coming-soon{
    background-color: #322e3e;
    color: #fff;
}

.store-container {
    background-color: #000;
}