@import "https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400..800&family=Lateef:wght@200;300;400;500;600;700;800&family=Noto+Kufi+Arabic:wght@100..900&family=Quicksand&display=swap";
:root{--white:#fffefe;--bg:#fffefe;--cream:#f1eee6;--sand:#d8c6aa;--line:#ded1c0;--sage:#acb090;--text:#131313;--darkGreen:#092b21;--burgundy:#45171b;--ink:var(--text);--muted:var(--sage);--gold:var(--sand)}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Tajawal,sans-serif;line-height:1.8}h1,h2,h3,h4,h5,h6{font-family:Lateef,serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.grain{z-index:9999;pointer-events:none;opacity:.242;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}