:root{
    /* ألوان عامة */
    --blue:#1EA7E1;
    --dark-blue:#0F5FA6;
    --orange:#f7d8c2;

    --bg:#F4FAFD;         /* خلفية الوضع العادي */
    --dark-bg:#0b1c2d;    /* خلفية الوضع الليلي */

    --text:#1f3c88;       /* نص الوضع العادي */
    --text-light:#333;    /* نص ثانوي في الوضع العادي */
    --text-dark:#dbe9f5;  /* نص الوضع الليلي */
    --heading-dark:#ffffff; /* عناوين الوضع الليلي */
}

/* Body */
body{
    font-family:'Cairo',sans-serif;
    background:var(--bg);
    color:var(--text);
    transition:.3s;
}

/* Dark Mode */
body.dark{
    background:var(--dark-bg);
    color:var(--text-dark);
}

/* Hero */
.hero-banner{
    position:relative;
    border-radius:28px;
    padding:120px 0;
    margin-top:30px;
    background:linear-gradient(135deg,#fff,#eaf6fd);
    background: url('../img/banner.png') no-repeat center right;
    background-size:cover;
    display:flex;
    align-items:center;
    transition:.3s;
}

body.dark .hero-banner{
    background:linear-gradient(135deg,#0f2a44,#061626);
}

.hero-logo{
    max-width:380px;
    margin-bottom:25px;
}

.hero-content h1{
    font-size:42px;
    font-weight:700;
    color:var(--text); /* واضح في الوضع العادي */
}

body.dark .hero-content h1{
    color:var(--heading-dark);
}

.hero-content p{
    color:var(--text-light); /* فقرة أغمق قليلاً للوضوح */
}

body.dark .hero-content p{
    color:var(--text-dark);
}

/* Hero Buttons */
.btn-main{
    background:var(--blue);
    color:#fff;
    padding:14px 36px;
    border-radius:16px;
    border:none;
    transition:.3s;
}

.btn-outline{
    border:2px solid var(--blue);
    color:var(--blue);
    background:transparent;
    border-radius:16px;
    padding:14px 30px;
}

/* Features */
.features{
    padding:90px 0;
    color:var(--text);
}

.feature-card{
    background:#fff;
    border-radius:24px;
    padding:35px;
    box-shadow:0 10px 30px rgba(0,0,0,.07);
    transition:.4s;
}

body.dark .feature-card{
    background:#0f2a44;
}

.feature-card h5{
    color:#1f3c88; /* عناوين واضحة */
}

body.dark .feature-card h5{
    color:#edeef3;
}

.feature-card p{
    color:#333;
}

body.dark .feature-card p{
    color:#dbe9f5;
}

.feature-card i{
    font-size:44px;
    color:var(--blue);
    margin-bottom:15px;
}

/* Pricing */
.pricing{
    background:#eef5ff;
    padding:90px 0;
}

body.dark .pricing{
    background:#071524;
}

.price-card{
    background:#fff;
    padding:40px;
    border-radius:24px;
    transition:.4s;
}

body.dark .price-card{
    background:#0f2a44;
}

.price-card h5{
    color:#1f3c88;
}

body.dark .price-card h5{
    color:#edeef3;
}

.price-card ul li{
    color:#333;
}

body.dark .price-card ul li{
    color:#dbe9f5;
}

.price-card:hover{
    transform:translateY(-12px);
}

.popular{
    border:2px solid var(--orange);
    transform:scale(1.05);
}

.badge{
    background:var(--orange);
    color:#fff;
    padding:6px 14px;
    border-radius:12px;
}

/* Wrapper للعرض 90% */
.site-wrapper{
    max-width: 90%;
    margin: 0 auto;
}

/* Responsive */
@media (max-width:992px){
    .site-wrapper{
        max-width:95%;
    }
}

@media (max-width:576px){
    .site-wrapper{
        max-width:100%;
        padding:0 15px;
    }
}