/* التبديل التدريجي للخلفية والنصوص */
body {
    transition: background 1.2s ease, color 1s ease;
    min-height: 100vh;
    margin: 0;
    background-size: 400% 400%; /* لجعل الحركة سلسة */
    animation: gradientMove 15s ease infinite; /* حركة Gradient خفيفة */
}

/* Gradient للوضع الفاتح */
body.light-mode {
    background: linear-gradient(135deg, #e0f7fa, #b2ebf2, #80deea, #4dd0e1);
    color: #000;
}

/* Gradient للوضع الليلي */
body.dark-mode {
    background: linear-gradient(135deg, #121212, #2c2c2c, #1b1b1b, #2f2f2f);
    color: #f5f5f5;
}

/* حركة Gradient خفيفة */
@keyframes gradientMove {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

/* تحسين ظهور الأزرار والقوائم */
button, .list-group-item {
    transition: background 0.8s ease, color 0.8s ease, border 0.8s ease;
}