/* Explain: Base reset and typography defaults with bilingual support */
* {
    box-sizing: border-box;
}

html {
    background: transparent;
}

body {
    overflow-x: hidden;
    background: linear-gradient(-45deg, var(--background-color), var(--surface-color), #080c16, var(--background-color)) !important;
    background-size: 400% 400% !important;
    animation: animate-bg 15s ease infinite !important;
}

@keyframes animate-bg {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* إزالة لون الخلفية الصلب من الأقسام لتظهر الحركة */
.bg-\[var\(--background-color\)\],
.bg-\[var\(--surface-color\)\] {
    background-color: transparent !important;
}

/* Language toggling utilities */
html:lang(ar) .lang-en {
    display: none !important;
}
html:lang(en) .lang-ar {
    display: none !important;
}