:root { --bg-color: #F4F1EA; --text-color: #2C3E2D; }
body { background-color: var(--bg-color); color: var(--text-color); }
.font-playfair { font-family: 'Playfair Display', serif; }
.font-inter { font-family: 'Inter', sans-serif; }
body.rtl { direction: rtl; font-family: 'Amiri', serif !important; }
body.rtl .font-playfair, body.rtl .font-inter { font-family: 'Amiri', serif !important; }
.lang-switcher button.active-lang { color: #D4AF37; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #1A2421; }
::-webkit-scrollbar-thumb { background: #D4AF37; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* Ensure logos look good based on user's request (no invert filter) */