@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');
@font-face{font-family:'Watad';font-style:normal;font-weight:600;font-display:swap;src:url('/ar/blog/fonts/watad.otf') format('opentype');}

				:root {
						--global-font-body: 'IBM Plex Sans Arabic', sans-serif !important;
						--global-font-display: 'Watad', 'IBM Plex Sans Arabic', sans-serif !important;
						--action-color: #000000ff !important;
						--action-foreground: #ffffff !important;
						--background-color: #ffffffff !important;
						--foreground-color: #000000 !important;

						--footer-background-color: #232526FF !important;
						--footer-text-color: #fff !important;
						/* The footer's legal-row divider consumes this. It was never
						   emitted, and an undefined custom property is invalid at
						   computed-value time — so it INHERITS instead of falling back,
						   painting the hairline in the footer text colour. Derived from
						   textColor rather than a fixed hex because the newsroom default
						   footer background is dark (#232526FF), where a warm-light
						   hairline would be wrong. */
						--footer-border-color: rgb(255 255 255 / 0.2) !important;

					}
				

					body {
						font-family: var(--global-font-body);
					}

					h1, h2, h3, h4, h5, h6 {
						font-family: var(--global-font-display);
					}