/* إعدادات المتغيرات والجذور */
:root {
    --color-blue: #326bf6;
    --color-black: #050505;
    --color-white: #ffffff;
    --color-gray-bg: #f8f9fa;
    --color-gray-text: #666666;
    --color-gray-border: #e0e0e0;
    --color-placeholder: #cfd8dc;
    --font-main: 'Tajawal', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-main);
    background-color: var(--color-blue);
    color: var(--color-black);
    overflow-x: hidden;
    line-height: 1.6;
}

.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
}

/* فئات مساعدة (Helpers) */
.text-center { text-align: center; }
.flex-col-center { display: flex; flex-direction: column; align-items: center; }
.w-full { width: 100%; }
.mb-extra { margin-bottom: 50px; }