/* تطبيق الخطوط والألوان المتغيرة */
:root {
    --font-main: 'Inter', sans-serif;
    --font-ar: 'Cairo', sans-serif;
    --color-primary: #D4AF37; /* ذهبي */
    --color-secondary: #121212; /* أسود */
    --color-text: #FFFFFF;
    --color-text-muted: #a0a0a0;
}

body {
    font-family: var(--font-main);
    background-color: var(--color-secondary);
    color: var(--color-text);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

html[dir="rtl"] body {
    font-family: var(--font-ar);
}

/* تخصيص ألوان Tailwind */
.bg-primary { background-color: var(--color-primary); }
.bg-secondary { background-color: var(--color-secondary); }
.text-primary { color: var(--color-primary); }
.text-main { color: var(--color-text); }
.text-muted { color: var(--color-text-muted); }
.border-primary { border-color: var(--color-primary); }
.ring-primary:focus {
    --tw-ring-color: var(--color-primary);
}
.placeholder-muted::placeholder { color: var(--color-text-muted); }

/* ستايل شريط الأقسام */
.category-nav {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.3);
}

/* إخفاء شريط التمرير */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* أيقونات Lucide */
.icon {
    width: 1.25rem;
    height: 1.25rem;
    stroke-width: 2;
}