/* استايلات عامة ومتغيرات وأساسيات */
/* Reset default margins and padding */
html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Cairo', Arial, sans-serif !important;
    background: linear-gradient(135deg, #f7fafd 0%, #e5f0fa 100%);
    margin: 0;
    padding: 0;
    color: #23243b;
    letter-spacing: 0.01em;
}

/* Ensure all elements respect the body's boundaries */
* {
    box-sizing: border-box;
}

/* Remove default padding from Bootstrap container if used */
.container, .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    body, html {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }
}
:root {
    --main-color: #00bcd4;
    --main-dark: #1a237e;
    --main-gradient: linear-gradient(90deg, #7f9cf5 0%, #00bcd4 100%);
}