/* --- Font and Base --- */
body {
    font-family: 'Inter', sans-serif;
    background-color: #7994c4; /* Naya, halka-neela background */
}

/* --- Naye Page Transition Animations --- */
@keyframes slideInFromRight {
    from { opacity: 0; transform: translateX(20px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes slideOutToLeft {
    from { opacity: 1; transform: translateX(0); }
    to { opacity: 0; transform: translateX(-20px); }
}

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.98); }
    to { opacity: 1; transform: scale(1); }
}

.page {
    display: none; /* Sab pages default mein chhupe honge */
    animation: fadeIn 0.4s ease-out;
}

.page.active {
    display: block;
}

/* JavaScript se page transition control karne ke liye class */
.page-enter {
    animation: slideInFromRight 0.4s ease-out forwards;
}
.page-exit {
    animation: slideOutToLeft 0.4s ease-out forwards;
}

/* --- Favorite Icon Style --- */
.fav-icon.favorited svg {
    fill: #ef4444; /* Laal */
    stroke: #ef4444;
}

/* --- Scrollbar Styling --- */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #cdd3bd;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #a8b5c1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #8e9ca9;
}

/* --- Splash Screen Animation --- */
@keyframes web-load {
    0% { width: 0%; }
    100% { width: 100%; }
}
.loading-bar {
    animation: web-load 1.5s ease-out forwards;
}