@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
 --op-forest:#123f32;--op-green:#176b50;--op-green-2:#238563;--op-gold:#c49a52;
 --op-ink:#172b25;--op-muted:#65766e;--op-paper:#f5f7f4;--op-surface:#fff;
 --op-line:#e2e9e3;--op-soft:#edf4ef;--op-radius:18px;
 --op-shadow:0 12px 34px rgba(20,54,39,.07);
 --op-font-ar:'IBM Plex Sans Arabic',Tahoma,sans-serif;--op-font-latin:'Manrope','IBM Plex Sans Arabic',sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--op-font-ar)!important;color:var(--op-ink);background:var(--op-paper)}
:lang(en),:lang(fr),[dir=ltr]{font-family:var(--op-font-latin),sans-serif}
button,input,select,textarea{font-family:inherit}
a{transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}
:focus-visible{outline:3px solid rgba(196,154,82,.72)!important;outline-offset:3px}
::selection{background:#dcebe1;color:var(--op-forest)}