/* 🟢 1. تحسين لون الوضع الداكن (الأساسي) ليكون أزرق رمادي فخم */
[data-bs-theme="dark"] {
    --bs-body-bg: #111827;
    --bs-body-color: #e5e7eb;
    --bs-tertiary-bg: #1f2937;
}

/* 🟢 2. تأثير التحويم (Hover Lift) للبطاقات */
.hover-lift {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;
}

/* ======================================================= */

/* 🟢 3. وضع التباين العالي الحقيقي (True High Contrast) */

/* للوضع المظلم: أسود نقي، نصوص بيضاء، وأزرار صفراء فاقعة لتسهيل الرؤية */
html.high-contrast[data-bs-theme="dark"] {
    --bs-body-bg: #000000 !important;
    --bs-body-color: #ffffff !important;
    --bs-tertiary-bg: #111111 !important;
    --bs-border-color: #ffffff !important;
    --bs-primary: #ffeb3b !important; /* أصفر فاقع */
    --bs-primary-rgb: 255, 235, 59 !important;
    --bs-success: #00ff00 !important; /* أخضر نيون */
    --bs-link-color: #ffeb3b !important;
    --bs-link-hover-color: #ffffff !important;
}

/* للوضع الفاتح: أبيض نقي، نصوص سوداء، وأزرار زرقاء داكنة جداً */
html.high-contrast[data-bs-theme="light"] {
    --bs-body-bg: #ffffff !important;
    --bs-body-color: #000000 !important;
    --bs-tertiary-bg: #f8f9fa !important;
    --bs-border-color: #000000 !important;
    --bs-primary: #0000ff !important; /* أزرق نقي */
    --bs-primary-rgb: 0, 0, 255 !important;
    --bs-link-color: #0000ff !important;
}

/* زيادة التباين العام لجميع العناصر الأخرى (الصور والحدود) */
html.high-contrast body {
    filter: contrast(130%) saturate(120%) !important;
}

/* منع الصور والفيديوهات من التشوه بسبب التباين العالي */
html.high-contrast img, 
html.high-contrast video {
    filter: contrast(100%) saturate(100%) invert(0) !important;
}

/* ======================================================= */

/* 🟢 4. أحجام الخطوط (مع حركة ناعمة) */
html {
    transition: font-size 0.3s ease, filter 0.3s ease;
}
html.font-large {
    font-size: 110%; /* تكبير 10% */
}
html.font-huge {
    font-size: 120%; /* تكبير 20% */
}

/* تكبير إضافي للأزرار لتسهيل التفاعل داخل نافذة الإعدادات */
.form-switch-lg .form-check-input {
    width: 3rem;
    height: 1.5rem;
}


/* 🟢 تحسين تباين الألوان لشعار النافبار وزر التبرع في الوضع المظلم */
[data-bs-theme="dark"] .navbar-brand.text-primary {
    color: #60a5fa !important; /* أزرق فاتح جداً ومقروء */
}

[data-bs-theme="dark"] .btn-outline-primary,
[data-bs-theme="dark"] .btn-primary {
    color: #ffffff !important;
    background-color: #2563eb !important; /* أزرق واضح */
    border-color: #3b82f6 !important;
}