/* style.css - التصميم الموحد للموقع بالكامل */
:root {
    --primary: #2563EB;
    --primary-dark: #1D4ED8;
    --primary-light: #EBF4FF;
    --gray-50: #F8FAFC;
    --gray-100: #F1F5F9;
    --gray-200: #E2E8F0;
    --gray-600: #475569;
    --gray-800: #1E293B;
    --shadow: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-hover: 0 10px 15px -3px rgba(0,0,0,0.05);
    --radius: 20px;
    --transition: 0.2s ease;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Cairo', sans-serif; background: var(--gray-50); color: var(--gray-600); line-height: 1.6; }

/* الكروت */
.card { background: white; border-radius: var(--radius); padding: 24px; border: 1px solid var(--gray-200); transition: all var(--transition); }
.card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }

/* الأزرار */
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 24px; border-radius: 12px; font-weight: 500; transition: all var(--transition); cursor: pointer; border: none; }
.btn-primary { background: var(--primary-light); color: var(--primary); border: 1px solid #CBD5E0; }
.btn-primary:hover { background: var(--gray-200); transform: translateY(-2px); }
.btn-solid { background: var(--primary); color: white; }
.btn-solid:hover { background: var(--primary-dark); transform: translateY(-2px); }

/* الروابط */
a { text-decoration: none; color: var(--gray-600); transition: all var(--transition); }
a:hover { color: var(--primary); }

/* الجداول */
.table { width: 100%; border-collapse: collapse; }
.table th { text-align: right; padding: 12px 16px; background: var(--gray-100); border-bottom: 1px solid var(--gray-200); font-weight: 600; }
.table td { padding: 12px 16px; border-bottom: 1px solid var(--gray-200); }

/* الحاويات */
.container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }

/* تنسيق المحتوى */
h1, h2, h3 { color: var(--gray-800); font-weight: 700; line-height: 1.3; }
p { line-height: 1.8; }

/* شريط التمرير */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--gray-200); border-radius: 10px; }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; }

/* ريسبونسيف */
@media (max-width: 768px) {
    .container { padding: 0 16px; }
    .card { padding: 16px; }
}